stream-chat-react 11.0.0-rc.5 → 11.0.0-rc.7

package/dist/components/Emojis/EmojiPicker.d.ts

@@ -1,9 +1,22 @@
 import React from 'react';
+import type { Options } from '@popperjs/core';
 export declare type EmojiPickerProps = {
     ButtonIconComponent?: React.ComponentType;
     buttonClassName?: string;
-    emojiPickerContainerClassName?: string;
+    pickerContainerClassName?: string;
     wrapperClassName?: string;
+    /**
+     * Untyped [properties](https://github.com/missive/emoji-mart/tree/v5.5.2#options--props) to be
+     * passed to the [emoji-mart `Picker`](https://github.com/missive/emoji-mart/tree/v5.5.2#-picker) component
+     */
+    pickerProps?: Partial<{
+        theme: 'auto' | 'light' | 'dark';
+    } & Record<string, unknown>>;
+    /**
+     * [React Popper options](https://popper.js.org/docs/v2/constructors/#options) to be
+     * passed to the [react-popper `usePopper`](https://popper.js.org/react-popper/v2/hook/) hook
+     */
+    popperOptions?: Partial<Options>;
 };
 export declare const EmojiPicker: (props: EmojiPickerProps) => JSX.Element;
 //# sourceMappingURL=EmojiPicker.d.ts.map

package/dist/components/Emojis/EmojiPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAcnD,oBAAY,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAeF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAmElD,CAAC"}
+{"version":3,"file":"EmojiPicker.d.ts","sourceRoot":"","sources":["../../../src/components/Emojis/EmojiPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAW9C,oBAAY,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IACtF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAeF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAkElD,CAAC"}

package/dist/components/Emojis/EmojiPicker.js

@@ -9,12 +9,12 @@ import { Tooltip } from '../Tooltip';
 var classNames = {
     1: {
         buttonClassName: 'str-chat__input-flat-emojiselect',
-        emojiPickerContainerClassName: undefined,
+        pickerContainerClassName: undefined,
         wrapperClassName: 'str-chat__emojiselect-wrapper',
     },
     2: {
         buttonClassName: 'str-chat__emoji-picker-button',
-        emojiPickerContainerClassName: 'str-chat__message-textarea-emoji-picker-container',
+        pickerContainerClassName: 'str-chat__message-textarea-emoji-picker-container',
         wrapperClassName: 'str-chat__message-textarea-emoji-picker',
     },
 };
@@ -26,10 +26,8 @@ export var EmojiPicker = function (props) {
     var _e = useState(false), displayPicker = _e[0], setDisplayPicker = _e[1];
     var _f = useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
     var _g = useState(null), popperElement = _g[0], setPopperElement = _g[1];
-    var _h = usePopper(referenceElement, popperElement, {
-        placement: themeVersion === '2' ? 'top-end' : 'top-start',
-    }), attributes = _h.attributes, styles = _h.styles;
-    var _j = classNames[themeVersion], buttonClassName = _j.buttonClassName, emojiPickerContainerClassName = _j.emojiPickerContainerClassName, wrapperClassName = _j.wrapperClassName;
+    var _h = usePopper(referenceElement, popperElement, __assign({ placement: themeVersion === '2' ? 'top-end' : 'top-start' }, props.popperOptions)), attributes = _h.attributes, styles = _h.styles;
+    var _j = classNames[themeVersion], buttonClassName = _j.buttonClassName, pickerContainerClassName = _j.pickerContainerClassName, wrapperClassName = _j.wrapperClassName;
     var _k = props.ButtonIconComponent, ButtonIconComponent = _k === void 0 ? themeVersion === '2' ? EmojiPickerIcon : EmojiIconLarge : _k;
     useEffect(function () {
         if (!popperElement || !referenceElement)
@@ -44,18 +42,17 @@ export var EmojiPicker = function (props) {
         return function () { return window.removeEventListener('pointerdown', handlePointerDown); };
     }, [referenceElement, popperElement]);
     return (React.createElement("div", { className: (_a = props.wrapperClassName) !== null && _a !== void 0 ? _a : wrapperClassName },
-        displayPicker && (React.createElement("div", __assign({ className: (_b = props.emojiPickerContainerClassName) !== null && _b !== void 0 ? _b : emojiPickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
-            React.createElement(Picker, { data: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        displayPicker && (React.createElement("div", __assign({ className: (_b = props.pickerContainerClassName) !== null && _b !== void 0 ? _b : pickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
+            React.createElement(Picker, __assign({ data: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, import('@emoji-mart/data')];
                         case 1: return [2 /*return*/, (_a.sent()).default];
                     }
                 }); }); }, onEmojiSelect: function (e) {
                     var _a;
-                    // @ts-ignore emoji-mart is missing types
                     insertText(e.native);
                     (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                } }))),
+                } }, props.pickerProps)))),
         themeVersion === '1' && (React.createElement(Tooltip, null, displayPicker ? t('Close emoji picker') : t('Open emoji picker'))),
         React.createElement("button", { "aria-label": 'Emoji picker', className: (_c = props.buttonClassName) !== null && _c !== void 0 ? _c : buttonClassName, onClick: function () { return setDisplayPicker(function (cv) { return !cv; }); }, ref: setReferenceElement, type: 'button' }, ButtonIconComponent && React.createElement(ButtonIconComponent, null))));
 };

package/dist/components/Emojis/index.cjs.js

@@ -56,12 +56,12 @@ var Picker__default = /*#__PURE__*/_interopDefaultLegacy(Picker);
 var classNames = {
     1: {
         buttonClassName: 'str-chat__input-flat-emojiselect',
-        emojiPickerContainerClassName: undefined,
+        pickerContainerClassName: undefined,
         wrapperClassName: 'str-chat__emojiselect-wrapper',
     },
     2: {
         buttonClassName: 'str-chat__emoji-picker-button',
-        emojiPickerContainerClassName: 'str-chat__message-textarea-emoji-picker-container',
+        pickerContainerClassName: 'str-chat__message-textarea-emoji-picker-container',
         wrapperClassName: 'str-chat__message-textarea-emoji-picker',
     },
 };
@@ -73,10 +73,8 @@ var EmojiPicker = function (props) {
     var _e = React.useState(false), displayPicker = _e[0], setDisplayPicker = _e[1];
     var _f = React.useState(null), referenceElement = _f[0], setReferenceElement = _f[1];
     var _g = React.useState(null), popperElement = _g[0], setPopperElement = _g[1];
-    var _h = icons.usePopper(referenceElement, popperElement, {
-        placement: themeVersion === '2' ? 'top-end' : 'top-start',
-    }), attributes = _h.attributes, styles = _h.styles;
-    var _j = classNames[themeVersion], buttonClassName = _j.buttonClassName, emojiPickerContainerClassName = _j.emojiPickerContainerClassName, wrapperClassName = _j.wrapperClassName;
+    var _h = icons.usePopper(referenceElement, popperElement, icons.__assign({ placement: themeVersion === '2' ? 'top-end' : 'top-start' }, props.popperOptions)), attributes = _h.attributes, styles = _h.styles;
+    var _j = classNames[themeVersion], buttonClassName = _j.buttonClassName, pickerContainerClassName = _j.pickerContainerClassName, wrapperClassName = _j.wrapperClassName;
     var _k = props.ButtonIconComponent, ButtonIconComponent = _k === void 0 ? themeVersion === '2' ? icons.EmojiPickerIcon : icons.EmojiIconLarge : _k;
     React.useEffect(function () {
         if (!popperElement || !referenceElement)
@@ -91,18 +89,17 @@ var EmojiPicker = function (props) {
         return function () { return window.removeEventListener('pointerdown', handlePointerDown); };
     }, [referenceElement, popperElement]);
     return (React__default["default"].createElement("div", { className: (_a = props.wrapperClassName) !== null && _a !== void 0 ? _a : wrapperClassName },
-        displayPicker && (React__default["default"].createElement("div", icons.__assign({ className: (_b = props.emojiPickerContainerClassName) !== null && _b !== void 0 ? _b : emojiPickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
-            React__default["default"].createElement(Picker__default["default"], { data: function () { return icons.__awaiter(void 0, void 0, void 0, function () { return icons.__generator(this, function (_a) {
+        displayPicker && (React__default["default"].createElement("div", icons.__assign({ className: (_b = props.pickerContainerClassName) !== null && _b !== void 0 ? _b : pickerContainerClassName, style: styles.popper }, attributes.popper, { ref: setPopperElement }),
+            React__default["default"].createElement(Picker__default["default"], icons.__assign({ data: function () { return icons.__awaiter(void 0, void 0, void 0, function () { return icons.__generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@emoji-mart/data')); })];
                         case 1: return [2 /*return*/, (_a.sent()).default];
                     }
                 }); }); }, onEmojiSelect: function (e) {
                     var _a;
-                    // @ts-ignore emoji-mart is missing types
                     insertText(e.native);
                     (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                } }))),
+                } }, props.pickerProps)))),
         themeVersion === '1' && (React__default["default"].createElement(icons.Tooltip, null, displayPicker ? t('Close emoji picker') : t('Open emoji picker'))),
         React__default["default"].createElement("button", { "aria-label": 'Emoji picker', className: (_c = props.buttonClassName) !== null && _c !== void 0 ? _c : buttonClassName, onClick: function () { return setDisplayPicker(function (cv) { return !cv; }); }, ref: setReferenceElement, type: 'button' }, ButtonIconComponent && React__default["default"].createElement(ButtonIconComponent, null))));
 };

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

@@ -1,5 +1,7 @@
 export { MentionProps } from './Mention';
-export { emojiMarkdownPlugin, mentionsMarkdownPlugin } from './rehypePlugins';
 export { escapeRegExp, matchMarkdownLinks, messageCodeBlocks } from './regex';
+export * from './rehypePlugins';
+export * from './remarkPlugins';
 export * from './renderText';
+export { HNode } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9E,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC9E,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Message/renderText/index.js

@@ -1,3 +1,4 @@
-export { emojiMarkdownPlugin, mentionsMarkdownPlugin } from './rehypePlugins';
 export { escapeRegExp, matchMarkdownLinks, messageCodeBlocks } from './regex';
+export * from './rehypePlugins';
+export * from './remarkPlugins';
 export * from './renderText';

package/dist/components/Message/renderText/rehypePlugins/emojiMarkdownPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { HNode } from '../types';
+export declare const emojiMarkdownPlugin: () => (node: HNode) => import("hast-util-find-and-replace/lib").Node;
+//# sourceMappingURL=emojiMarkdownPlugin.d.ts.map

package/dist/components/Message/renderText/rehypePlugins/emojiMarkdownPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/emojiMarkdownPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,mBAAmB,eAIL,KAAK,kDAG/B,CAAC"}

package/dist/components/Message/renderText/rehypePlugins/emojiMarkdownPlugin.js

@@ -0,0 +1,10 @@
+import { findAndReplace } from 'hast-util-find-and-replace';
+import { u } from 'unist-builder';
+import emojiRegex from 'emoji-regex';
+export var emojiMarkdownPlugin = function () {
+    var replace = function (match) {
+        return u('element', { tagName: 'emoji' }, [u('text', match)]);
+    };
+    var transform = function (node) { return findAndReplace(node, emojiRegex(), replace); };
+    return transform;
+};

package/dist/components/Message/renderText/rehypePlugins/index.d.ts

@@ -0,0 +1,3 @@
+export * from './emojiMarkdownPlugin';
+export * from './mentionsMarkdownPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/renderText/rehypePlugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}

package/dist/components/Message/renderText/rehypePlugins/index.js

@@ -0,0 +1,2 @@
+export * from './emojiMarkdownPlugin';
+export * from './mentionsMarkdownPlugin';

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts

@@ -0,0 +1,5 @@
+import { DefaultStreamChatGenerics } from '../../../../types/types';
+import { UserResponse } from 'stream-chat';
+import type { HNode } from '../types';
+export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: HNode) => HNode;
+//# sourceMappingURL=mentionsMarkdownPlugin.d.ts.map

package/dist/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mentionsMarkdownPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/rehypePlugins/mentionsMarkdownPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAO3C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,sBAAsB,0JAuBR,KAAK,KAAG,KAoClC,CAAC"}

package/dist/components/Message/renderText/{rehypePlugins.js → rehypePlugins/mentionsMarkdownPlugin.js}

@@ -1,8 +1,7 @@
+import { escapeRegExp } from '../regex';
 import { findAndReplace } from 'hast-util-find-and-replace';
 import { u } from 'unist-builder';
 import { visit } from 'unist-util-visit';
-import emojiRegex from 'emoji-regex';
-import { escapeRegExp } from './regex';
 export var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
     var mentioned_usernames = mentioned_users
         .map(function (user) { return user.name || user.id; })
@@ -51,10 +50,3 @@ export var mentionsMarkdownPlugin = function (mentioned_users) { return function
     };
     return transform;
 }; };
-export var emojiMarkdownPlugin = function () {
-    var replace = function (match) {
-        return u('element', { tagName: 'emoji' }, [u('text', match)]);
-    };
-    var transform = function (node) { return findAndReplace(node, emojiRegex(), replace); };
-    return transform;
-};

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { HNode } from '../types';
+export declare const htmlToTextPlugin: () => (tree: HNode) => void;
+//# sourceMappingURL=htmlToTextPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"htmlToTextPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAWtC,eAAO,MAAM,gBAAgB,eAJJ,KAAK,SAIiB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/htmlToTextPlugin.js

@@ -0,0 +1,10 @@
+import { visit } from 'unist-util-visit';
+var visitor = function (node) {
+    if (node.type !== 'html')
+        return;
+    node.type = 'text';
+};
+var transform = function (tree) {
+    visit(tree, visitor);
+};
+export var htmlToTextPlugin = function () { return transform; };

package/dist/components/Message/renderText/remarkPlugins/index.d.ts

@@ -0,0 +1,3 @@
+export * from './htmlToTextPlugin';
+export * from './keepLineBreaksPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/index.js

@@ -0,0 +1,2 @@
+export * from './htmlToTextPlugin';
+export * from './keepLineBreaksPlugin';

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts

@@ -0,0 +1,3 @@
+import type { HNode } from '../types';
+export declare const keepLineBreaksPlugin: () => (tree: HNode) => void;
+//# sourceMappingURL=keepLineBreaksPlugin.d.ts.map

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keepLineBreaksPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAmCtC,eAAO,MAAM,oBAAoB,eAJR,KAAK,SAIqB,CAAC"}

package/dist/components/Message/renderText/remarkPlugins/keepLineBreaksPlugin.js

@@ -0,0 +1,32 @@
+import { __spreadArray } from "tslib";
+import { visit } from 'unist-util-visit';
+import { u } from 'unist-builder';
+var visitor = function (node, index, parent) {
+    if (index === null || index === 0)
+        return;
+    if (!parent)
+        return;
+    if (!node.position)
+        return;
+    var prevSibling = parent.children.at(index - 1);
+    if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))
+        return;
+    if (node.position.start.line === prevSibling.position.start.line)
+        return false;
+    var ownStartLine = node.position.start.line;
+    var prevEndLine = prevSibling.position.end.line;
+    // the -1 is adjustment for the single line break into which multiple line breaks are converted
+    var countTruncatedLineBreaks = ownStartLine - prevEndLine - 1;
+    if (countTruncatedLineBreaks < 1)
+        return;
+    var lineBreaks = Array.from({ length: countTruncatedLineBreaks }, function () {
+        return u('break', { tagName: 'br' });
+    });
+    // @ts-ignore
+    parent.children = __spreadArray(__spreadArray(__spreadArray([], parent.children.slice(0, index), true), lineBreaks, true), parent.children.slice(index), true);
+    return;
+};
+var transform = function (tree) {
+    visit(tree, visitor);
+};
+export var keepLineBreaksPlugin = function () { return transform; };

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

@@ -0,0 +1,3 @@
+import { Content, Root } from 'hast';
+export declare type HNode = Content | Root;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAErC,oBAAY,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC"}

package/dist/components/Message/renderText/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.cjs.js

@@ -3388,6 +3388,28 @@ var DefaultSuggestionListHeader = function (props) {
     return null;
 };
 
+function escapeRegExp(text) {
+    return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
+}
+var detectHttp = /(http(s?):\/\/)?(www\.)?/;
+var messageCodeBlocks = function (message) {
+    var codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
+    var matches = message.match(codeRegex);
+    return matches || [];
+};
+var matchMarkdownLinks = function (message) {
+    var regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
+    var matches = message.match(regexMdLinks);
+    var singleMatch = /\[([^[]+)\]\((.*)\)/;
+    var links = matches
+        ? matches.map(function (match) {
+            var i = singleMatch.exec(match);
+            return i && [i[1], i[2]];
+        })
+        : [];
+    return links.flat();
+};
+
 /**
  * @typedef {import('unist').Node} Node
  * @typedef {import('unist').Parent} Parent
@@ -4111,6 +4133,14 @@ var u = /**
   }
 );
 
+var emojiMarkdownPlugin = function () {
+    var replace = function (match) {
+        return u('element', { tagName: 'emoji' }, [u('text', match)]);
+    };
+    var transform = function (node) { return findAndReplace$1(node, emojiRegex__default["default"](), replace); };
+    return transform;
+};
+
 /**
  * @param {string} d
  * @returns {string}
@@ -4331,28 +4361,6 @@ const visit =
     }
   );
 
-function escapeRegExp(text) {
-    return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
-}
-var detectHttp = /(http(s?):\/\/)?(www\.)?/;
-var messageCodeBlocks = function (message) {
-    var codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
-    var matches = message.match(codeRegex);
-    return matches || [];
-};
-var matchMarkdownLinks = function (message) {
-    var regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
-    var matches = message.match(regexMdLinks);
-    var singleMatch = /\[([^[]+)\]\((.*)\)/;
-    var links = matches
-        ? matches.map(function (match) {
-            var i = singleMatch.exec(match);
-            return i && [i[1], i[2]];
-        })
-        : [];
-    return links.flat();
-};
-
 var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
     var mentioned_usernames = mentioned_users
         .map(function (user) { return user.name || user.id; })
@@ -4401,13 +4409,46 @@ var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
     };
     return transform;
 }; };
-var emojiMarkdownPlugin = function () {
-    var replace = function (match) {
-        return u('element', { tagName: 'emoji' }, [u('text', match)]);
-    };
-    var transform = function (node) { return findAndReplace$1(node, emojiRegex__default["default"](), replace); };
-    return transform;
+
+var visitor$1 = function (node) {
+    if (node.type !== 'html')
+        return;
+    node.type = 'text';
+};
+var transform$1 = function (tree) {
+    visit(tree, visitor$1);
+};
+var htmlToTextPlugin = function () { return transform$1; };
+
+var visitor = function (node, index, parent) {
+    if (index === null || index === 0)
+        return;
+    if (!parent)
+        return;
+    if (!node.position)
+        return;
+    var prevSibling = parent.children.at(index - 1);
+    if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))
+        return;
+    if (node.position.start.line === prevSibling.position.start.line)
+        return false;
+    var ownStartLine = node.position.start.line;
+    var prevEndLine = prevSibling.position.end.line;
+    // the -1 is adjustment for the single line break into which multiple line breaks are converted
+    var countTruncatedLineBreaks = ownStartLine - prevEndLine - 1;
+    if (countTruncatedLineBreaks < 1)
+        return;
+    var lineBreaks = Array.from({ length: countTruncatedLineBreaks }, function () {
+        return u('break', { tagName: 'br' });
+    });
+    // @ts-ignore
+    parent.children = icons.__spreadArray(icons.__spreadArray(icons.__spreadArray([], parent.children.slice(0, index), true), lineBreaks, true), parent.children.slice(index), true);
+    return;
+};
+var transform = function (tree) {
+    visit(tree, visitor);
 };
+var keepLineBreaksPlugin = function () { return transform; };
 
 const protocols = ['http', 'https', 'mailto', 'tel'];
 
@@ -31949,7 +31990,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '11.0.0-rc.5';
+var version = '11.0.0-rc.7';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -34242,6 +34283,7 @@ exports.getWholeChar = getWholeChar;
 exports.handleActionWarning = handleActionWarning;
 exports.hasMoreMessagesProbably = hasMoreMessagesProbably;
 exports.hasNotMoreMessages = hasNotMoreMessages;
+exports.htmlToTextPlugin = htmlToTextPlugin;
 exports.insertIntro = insertIntro;
 exports.isAudioAttachment = isAudioAttachment;
 exports.isChannel = isChannel;
@@ -34253,6 +34295,7 @@ exports.isScrapedContent = isScrapedContent;
 exports.isSvgAttachment = isSvgAttachment;
 exports.isUploadedImage = isUploadedImage;
 exports.isUserMuted = isUserMuted;
+exports.keepLineBreaksPlugin = keepLineBreaksPlugin;
 exports.makeDateMessageId = makeDateMessageId;
 exports.mapToUserNameOrId = mapToUserNameOrId;
 exports.markDownRenderers = markDownRenderers;

package/dist/version.d.ts

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

package/dist/version.js

@@ -1 +1 @@
-export var version = '11.0.0-rc.5';
+export var version = '11.0.0-rc.7';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "11.0.0-rc.5",
+  "version": "11.0.0-rc.7",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",

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

@@ -1,7 +0,0 @@
-import type { Content, Root } from 'hast';
-import type { UserResponse } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
-export declare type HNode = Content | Root;
-export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: HNode) => HNode;
-export declare const emojiMarkdownPlugin: () => (node: HNode) => import("hast-util-find-and-replace/lib").Node;
-//# sourceMappingURL=rehypePlugins.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rehypePlugins.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/renderText/rehypePlugins.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AACnC,eAAO,MAAM,sBAAsB,0JAuBR,KAAK,KAAG,KAoClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAIL,KAAK,kDAG/B,CAAC"}