stream-chat-react 11.21.0 → 12.0.0-rc.1

package/dist/components/Message/icons.js

@@ -1,32 +1,15 @@
 import React from 'react';
-export var ActionsIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (React.createElement("svg", { className: className, height: '4', viewBox: '0 0 11 4', width: '11', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("path", { d: 'M1.5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z', fillRule: 'nonzero' })));
-};
-export var ReplyIcon = function () { return (React.createElement("svg", { "data-testid": 'reply-icon', height: '15', width: '18', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M.56 10.946H.06l-.002-.498L.025.92a.5.5 0 1 1 1-.004l.032 9.029H9.06v-4l9 4.5-9 4.5v-4H.56z', fillRule: 'nonzero' }))); };
-export var DeliveredCheckIcon = function () { return (React.createElement("svg", { height: '16', width: '16', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zm3.72 6.633a.955.955 0 1 0-1.352-1.352L6.986 8.663 5.633 7.31A.956.956 0 1 0 4.28 8.663l2.029 2.028a.956.956 0 0 0 1.353 0l4.058-4.058z', fill: '#006CFF', fillRule: 'evenodd' }))); };
-export var ReactionIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (React.createElement("svg", { className: className, height: '12', viewBox: '0 0 12 12', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
-            React.createElement("path", { d: 'M6 1.2C3.3 1.2 1.2 3.3 1.2 6c0 2.7 2.1 4.8 4.8 4.8 2.7 0 4.8-2.1 4.8-4.8 0-2.7-2.1-4.8-4.8-4.8zM0 6c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6z' }),
-            React.createElement("path", { d: 'M5.4 4.5c0 .5-.4.9-.9.9s-.9-.4-.9-.9.4-.9.9-.9.9.4.9.9zM8.4 4.5c0 .5-.4.9-.9.9s-.9-.4-.9-.9.4-.9.9-.9.9.4.9.9zM3.3 6.7c.3-.2.6-.1.8.1.3.4.8.9 1.5 1 .6.2 1.4.1 2.4-1 .2-.2.6-.3.8 0 .2.2.3.6 0 .8-1.1 1.3-2.4 1.7-3.5 1.5-1-.2-1.8-.9-2.2-1.5-.2-.3-.1-.7.2-.9z' }))));
-};
-export var ThreadIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (React.createElement("svg", { className: className, height: '10', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-        React.createElement("path", { d: 'M8.516 3c4.78 0 4.972 6.5 4.972 6.5-1.6-2.906-2.847-3.184-4.972-3.184v2.872L3.772 4.994 8.516.5V3zM.484 5l4.5-4.237v1.78L2.416 5l2.568 2.125v1.828L.484 5z', fillRule: 'evenodd' })));
-};
-export var ErrorIcon = function () { return (React.createElement("svg", { height: '14', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M7 0a7 7 0 1 0 0 14A7 7 0 0 0 7 0zm.875 10.938a.438.438 0 0 1-.438.437h-.875a.438.438 0 0 1-.437-.438v-.874c0-.242.196-.438.438-.438h.875c.241 0 .437.196.437.438v.874zm0-2.626a.438.438 0 0 1-.438.438h-.875a.438.438 0 0 1-.437-.438v-5.25c0-.241.196-.437.438-.437h.875c.241 0 .437.196.437.438v5.25z', fill: '#EA152F', fillRule: 'evenodd' }))); };
-export var PinIcon = function () { return (React.createElement("svg", { height: '13', viewBox: '0 0 14 13', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { d: 'M13.3518 6.686L6.75251 0.0866699L5.80984 1.02867L6.75318 1.972V1.97334L3.45318 5.272L3.45251 5.27334L2.50984 4.32934L1.56718 5.27267L4.39584 8.10067L0.624512 11.8713L1.56718 12.814L5.33851 9.04334L8.16718 11.8713L9.10984 10.9293L8.16718 9.986L11.4672 6.686L12.4098 7.62867L13.3518 6.686ZM7.22451 9.04267L7.22385 9.04334L4.39584 6.21467L7.69518 2.91467L10.5232 5.74267L7.22451 9.04267Z', fillRule: 'evenodd' }))); };
-export var PinIndicator = function (_a) {
-    var _b, _c;
-    var message = _a.message, t = _a.t;
+export const ActionsIcon = ({ className = '' }) => (React.createElement("svg", { className: className, height: '4', viewBox: '0 0 11 4', width: '11', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M1.5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z', fillRule: 'nonzero' })));
+export const ReactionIcon = ({ className = '' }) => (React.createElement("svg", { className: className, height: '12', viewBox: '0 0 12 12', width: '12', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("g", { clipRule: 'evenodd', fillRule: 'evenodd' },
+        React.createElement("path", { d: 'M6 1.2C3.3 1.2 1.2 3.3 1.2 6c0 2.7 2.1 4.8 4.8 4.8 2.7 0 4.8-2.1 4.8-4.8 0-2.7-2.1-4.8-4.8-4.8zM0 6c0-3.3 2.7-6 6-6s6 2.7 6 6-2.7 6-6 6-6-2.7-6-6z' }),
+        React.createElement("path", { d: 'M5.4 4.5c0 .5-.4.9-.9.9s-.9-.4-.9-.9.4-.9.9-.9.9.4.9.9zM8.4 4.5c0 .5-.4.9-.9.9s-.9-.4-.9-.9.4-.9.9-.9.9.4.9.9zM3.3 6.7c.3-.2.6-.1.8.1.3.4.8.9 1.5 1 .6.2 1.4.1 2.4-1 .2-.2.6-.3.8 0 .2.2.3.6 0 .8-1.1 1.3-2.4 1.7-3.5 1.5-1-.2-1.8-.9-2.2-1.5-.2-.3-.1-.7.2-.9z' }))));
+export const ThreadIcon = ({ className = '' }) => (React.createElement("svg", { className: className, height: '10', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M8.516 3c4.78 0 4.972 6.5 4.972 6.5-1.6-2.906-2.847-3.184-4.972-3.184v2.872L3.772 4.994 8.516.5V3zM.484 5l4.5-4.237v1.78L2.416 5l2.568 2.125v1.828L.484 5z', fillRule: 'evenodd' })));
+export const PinIcon = () => (React.createElement("svg", { height: '13', viewBox: '0 0 14 13', width: '14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M13.3518 6.686L6.75251 0.0866699L5.80984 1.02867L6.75318 1.972V1.97334L3.45318 5.272L3.45251 5.27334L2.50984 4.32934L1.56718 5.27267L4.39584 8.10067L0.624512 11.8713L1.56718 12.814L5.33851 9.04334L8.16718 11.8713L9.10984 10.9293L8.16718 9.986L11.4672 6.686L12.4098 7.62867L13.3518 6.686ZM7.22451 9.04267L7.22385 9.04334L4.39584 6.21467L7.69518 2.91467L10.5232 5.74267L7.22451 9.04267Z', fillRule: 'evenodd' })));
+export const PinIndicator = ({ message, t, }) => {
     if (!message || !t)
         return null;
     return (React.createElement("div", { style: { alignItems: 'center', display: 'flex' } },
@@ -37,12 +20,12 @@ export var PinIndicator = function (_a) {
                 marginLeft: '8px',
                 marginTop: '0',
             } }, message.pinned_by
-            ? "".concat(t('Pinned by'), " ").concat(((_b = message.pinned_by) === null || _b === void 0 ? void 0 : _b.name) || ((_c = message.pinned_by) === null || _c === void 0 ? void 0 : _c.id))
+            ? `${t('Pinned by')} ${message.pinned_by?.name || message.pinned_by?.id}`
             : t('Message pinned'))));
 };
-export var MessageDeliveredIcon = function () { return (React.createElement("svg", { "data-testid": 'delivered-icon', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
-    React.createElement("path", { clipRule: 'evenodd', d: 'M8.9999 16.2L4.7999 12L3.3999 13.4L8.9999 19L20.9999 6.99998L19.5999 5.59998L8.9999 16.2Z', fill: 'black', fillRule: 'evenodd' }))); };
-export var MessageErrorIcon = function () { return (React.createElement("div", { className: 'str-chat__message-error-icon' },
+export const MessageDeliveredIcon = () => (React.createElement("svg", { "data-testid": 'delivered-icon', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { clipRule: 'evenodd', d: 'M8.9999 16.2L4.7999 12L3.3999 13.4L8.9999 19L20.9999 6.99998L19.5999 5.59998L8.9999 16.2Z', fill: 'black', fillRule: 'evenodd' })));
+export const MessageErrorIcon = () => (React.createElement("div", { className: 'str-chat__message-error-icon' },
     React.createElement("svg", { "data-testid": 'error', fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
         React.createElement("path", { d: 'M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2Z', fill: 'black', id: 'background' }),
-        React.createElement("path", { d: 'M13 17H11V15H13V17ZM13 13H11V7H13V13Z', fill: 'white' })))); };
+        React.createElement("path", { d: 'M13 17H11V15H13V17ZM13 13H11V7H13V13Z', fill: 'white' }))));

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

@@ -13,4 +13,3 @@ export * from './QuotedMessage';
 export * from './renderText';
 export * from './types';
 export * from './utils';
-//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Message/renderText/componentRenderers/Anchor.js

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 import React from 'react';
-export var Anchor = function (_a) {
-    var children = _a.children, href = _a.href;
-    var isEmail = href === null || href === void 0 ? void 0 : href.startsWith('mailto:');
-    var isUrl = href === null || href === void 0 ? void 0 : href.startsWith('http');
+export const Anchor = ({ children, href }) => {
+    const isEmail = href?.startsWith('mailto:');
+    const isUrl = href?.startsWith('http');
     if (!href || (!isEmail && !isUrl))
         return React.createElement(React.Fragment, null, children);
     return (React.createElement("a", { className: clsx({ 'str-chat__message-url-link': isUrl }), href: href, rel: 'nofollow noreferrer noopener', target: '_blank' }, children));

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

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

package/dist/components/Message/renderText/componentRenderers/Emoji.js

@@ -1,5 +1,2 @@
 import React from 'react';
-export var Emoji = function (_a) {
-    var children = _a.children;
-    return (React.createElement("span", { className: 'inline-text-emoji', "data-testid": 'inline-text-emoji' }, children));
-};
+export const Emoji = ({ children }) => (React.createElement("span", { className: 'inline-text-emoji', "data-testid": 'inline-text-emoji' }, children));

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

@@ -7,4 +7,3 @@ export type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics =
     };
 }>;
 export declare const Mention: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, node: { mentionedUser }, }: MentionProps<StreamChatGenerics>) => React.JSX.Element;
-//# sourceMappingURL=Mention.d.ts.map

package/dist/components/Message/renderText/componentRenderers/Mention.js

@@ -1,5 +1,2 @@
 import React from 'react';
-export var Mention = function (_a) {
-    var children = _a.children, mentionedUser = _a.node.mentionedUser;
-    return (React.createElement("span", { className: 'str-chat__message-mention', "data-user-id": mentionedUser.id }, children));
-};
+export const Mention = ({ children, node: { mentionedUser }, }) => (React.createElement("span", { className: 'str-chat__message-mention', "data-user-id": mentionedUser.id }, children));

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

@@ -1,4 +1,3 @@
 export * from './Anchor';
 export * from './Emoji';
 export * from './Mention';
-//# sourceMappingURL=index.d.ts.map

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

@@ -3,4 +3,3 @@ export { escapeRegExp, matchMarkdownLinks, messageCodeBlocks } from './regex';
 export * from './rehypePlugins';
 export * from './remarkPlugins';
 export * from './renderText';
-//# sourceMappingURL=index.d.ts.map

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

@@ -2,4 +2,3 @@ export declare function escapeRegExp(text: string): string;
 export declare const detectHttp: RegExp;
 export declare const messageCodeBlocks: (message: string) => [] | RegExpMatchArray;
 export declare const matchMarkdownLinks: (message: string) => (string | null)[];
-//# sourceMappingURL=regex.d.ts.map

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

@@ -1,19 +1,19 @@
 export function escapeRegExp(text) {
     return text.replace(/[-[\]{}()*+?.,/\\^$|#]/g, '\\$&');
 }
-export var detectHttp = /(http(s?):\/\/)?(www\.)?/;
-export var messageCodeBlocks = function (message) {
-    var codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
-    var matches = message.match(codeRegex);
+export const detectHttp = /(http(s?):\/\/)?(www\.)?/;
+export const messageCodeBlocks = (message) => {
+    const codeRegex = /```[a-z]*\n[\s\S]*?\n```|`[a-z]*[\s\S]*?`/gm;
+    const matches = message.match(codeRegex);
     return matches || [];
 };
-export 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);
+export const matchMarkdownLinks = (message) => {
+    const regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
+    const matches = message.match(regexMdLinks);
+    const singleMatch = /\[([^[]+)\]\((.*)\)/;
+    const links = matches
+        ? matches.map((match) => {
+            const i = singleMatch.exec(match);
             return i && [i[1], i[2]];
         })
         : [];

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

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

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

@@ -1,10 +1,8 @@
 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', { properties: {}, tagName: 'emoji' }, [u('text', match)]);
-    };
-    var transform = function (node) { return findAndReplace(node, [emojiRegex(), replace]); };
+export const emojiMarkdownPlugin = () => {
+    const replace = (match) => u('element', { properties: {}, tagName: 'emoji' }, [u('text', match)]);
+    const transform = (node) => findAndReplace(node, [emojiRegex(), replace]);
     return transform;
 };

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

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

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

@@ -2,4 +2,3 @@ import type { Nodes } from 'hast-util-find-and-replace/lib';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../../types/types';
 export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: Nodes) => void;
-//# sourceMappingURL=mentionsMarkdownPlugin.d.ts.map

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

@@ -2,23 +2,20 @@ import { escapeRegExp } from '../regex';
 import { findAndReplace } from 'hast-util-find-and-replace';
 import { u } from 'unist-builder';
 import { visit } from 'unist-util-visit';
-export var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
-    var mentioned_usernames = mentioned_users
-        .map(function (user) { return user.name || user.id; })
+export const mentionsMarkdownPlugin = (mentioned_users) => () => {
+    const mentioned_usernames = mentioned_users
+        .map((user) => user.name || user.id)
         .filter(Boolean)
         .map(escapeRegExp);
-    var mentionedUsersRegex = new RegExp(mentioned_usernames.map(function (username) { return "@".concat(username); }).join('|'), 'g');
-    var replace = function (match) {
-        var usernameOrId = match.replace('@', '');
-        var user = mentioned_users.find(function (_a) {
-            var id = _a.id, name = _a.name;
-            return name === usernameOrId || id === usernameOrId;
-        });
+    const mentionedUsersRegex = new RegExp(mentioned_usernames.map((username) => `@${username}`).join('|'), 'g');
+    const replace = (match) => {
+        const usernameOrId = match.replace('@', '');
+        const user = mentioned_users.find(({ id, name }) => name === usernameOrId || id === usernameOrId);
         return u('element', { mentionedUser: user, properties: {}, tagName: 'mention' }, [
             u('text', match),
         ]);
     };
-    var transform = function (tree) {
+    const transform = (tree) => {
         if (!mentioned_usernames.length)
             return;
         // handles special cases of mentions where user.name is an e-mail
@@ -27,28 +24,27 @@ export var mentionsMarkdownPlugin = function (mentioned_users) { return function
         // keeping it as one text node with value "@your.name@as.email"
         // this piece finds these two separated nodes and merges them together
         // before "replace" function takes over
-        visit(tree, function (node, index, parent) {
-            var _a;
+        visit(tree, (node, index, parent) => {
             if (typeof index === 'undefined')
                 return;
             if (!parent)
                 return;
-            var nextChild = parent.children.at(index + 1);
-            var nextChildHref = (_a = nextChild === null || nextChild === void 0 ? void 0 : nextChild.properties) === null || _a === void 0 ? void 0 : _a.href;
+            const nextChild = parent.children.at(index + 1);
+            const nextChildHref = nextChild?.properties?.href;
             if (node.type === 'text' &&
                 // text value has to have @ sign at the end of the string
                 // and no other characters except whitespace can precede it
                 // valid cases:   "text @", "@", " @"
                 // invalid cases: "text@", "@text",
                 /.?\s?@$|^@$/.test(node.value) &&
-                (nextChildHref === null || nextChildHref === void 0 ? void 0 : nextChildHref.startsWith('mailto:'))) {
-                var newTextValue = node.value.replace(/@$/, '');
-                var username = nextChildHref.replace('mailto:', '');
+                nextChildHref?.startsWith('mailto:')) {
+                const newTextValue = node.value.replace(/@$/, '');
+                const username = nextChildHref.replace('mailto:', '');
                 parent.children[index] = u('text', newTextValue);
-                parent.children[index + 1] = u('text', "@".concat(username));
+                parent.children[index + 1] = u('text', `@${username}`);
             }
         });
         findAndReplace(tree, [mentionedUsersRegex, replace]);
     };
     return transform;
-}; };
+};

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

@@ -1,3 +1,2 @@
 import type { Nodes } from 'react-markdown/lib';
 export declare const htmlToTextPlugin: () => (tree: Nodes) => void;
-//# sourceMappingURL=htmlToTextPlugin.d.ts.map

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

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

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

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

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

@@ -1,3 +1,2 @@
 import type { Nodes } from 'react-markdown/lib';
 export declare const keepLineBreaksPlugin: () => (tree: Nodes) => void;
-//# sourceMappingURL=keepLineBreaksPlugin.d.ts.map

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

@@ -1,31 +1,32 @@
-import { __spreadArray } from "tslib";
 import { visit } from 'unist-util-visit';
 import { u } from 'unist-builder';
-var visitor = function (node, index, parent) {
+const visitor = (node, index, parent) => {
     if (typeof index === 'undefined' || index === 0)
         return;
     if (typeof parent === 'undefined')
         return;
     if (!node.position)
         return;
-    var prevSibling = parent.children.at(index - 1);
-    if (!(prevSibling === null || prevSibling === void 0 ? void 0 : prevSibling.position))
+    const prevSibling = parent.children.at(index - 1);
+    if (!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;
+    const ownStartLine = node.position.start.line;
+    const 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;
+    const countTruncatedLineBreaks = ownStartLine - prevEndLine - 1;
     if (countTruncatedLineBreaks < 1)
         return;
-    var lineBreaks = Array.from({ length: countTruncatedLineBreaks }, function () {
-        return u('break', { tagName: 'br' });
-    });
-    parent.children = __spreadArray(__spreadArray(__spreadArray([], parent.children.slice(0, index), true), lineBreaks, true), parent.children.slice(index), true);
+    const lineBreaks = Array.from({ length: countTruncatedLineBreaks }, () => u('break', { tagName: 'br' }));
+    parent.children = [
+        ...parent.children.slice(0, index),
+        ...lineBreaks,
+        ...parent.children.slice(index),
+    ];
     return;
 };
-var transform = function (tree) {
+const transform = (tree) => {
     visit(tree, visitor);
 };
-export var keepLineBreaksPlugin = function () { return transform; };
+export const keepLineBreaksPlugin = () => transform;

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

@@ -16,5 +16,4 @@ export type RenderTextOptions<StreamChatGenerics extends DefaultStreamChatGeneri
     getRehypePlugins?: RenderTextPluginConfigurator;
     getRemarkPlugins?: RenderTextPluginConfigurator;
 };
-export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string, mentionedUsers?: UserResponse<StreamChatGenerics>[] | undefined, { allowedTagNames, customMarkDownRenderers, getRehypePlugins, getRemarkPlugins, }?: RenderTextOptions) => React.JSX.Element | null;
-//# sourceMappingURL=renderText.d.ts.map
+export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string, mentionedUsers?: UserResponse<StreamChatGenerics>[], { allowedTagNames, customMarkDownRenderers, getRehypePlugins, getRemarkPlugins, }?: RenderTextOptions) => React.JSX.Element | null;

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

@@ -1,4 +1,3 @@
-import { __assign, __spreadArray } from "tslib";
 import React from 'react';
 import ReactMarkdown, { defaultUrlTransform } from 'react-markdown';
 import { find } from 'linkifyjs';
@@ -8,7 +7,7 @@ import { Anchor, Emoji, Mention } from './componentRenderers';
 import { detectHttp, escapeRegExp, matchMarkdownLinks, messageCodeBlocks } from './regex';
 import { emojiMarkdownPlugin, mentionsMarkdownPlugin } from './rehypePlugins';
 import { htmlToTextPlugin, keepLineBreaksPlugin } from './remarkPlugins';
-export var defaultAllowedTagNames = [
+export const defaultAllowedTagNames = [
     'html',
     'text',
     'br',
@@ -43,33 +42,31 @@ function encodeDecode(url) {
         return url;
     }
 }
-var urlTransform = function (uri) { return (uri.startsWith('app://') ? uri : defaultUrlTransform(uri)); };
-var getPluginsForward = function (plugins) { return plugins; };
-export var markDownRenderers = {
+const urlTransform = (uri) => (uri.startsWith('app://') ? uri : defaultUrlTransform(uri));
+const getPluginsForward = (plugins) => plugins;
+export const markDownRenderers = {
     a: Anchor,
     emoji: Emoji,
     mention: Mention,
 };
-export var renderText = function (text, mentionedUsers, _a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.allowedTagNames, allowedTagNames = _c === void 0 ? defaultAllowedTagNames : _c, customMarkDownRenderers = _b.customMarkDownRenderers, _d = _b.getRehypePlugins, getRehypePlugins = _d === void 0 ? getPluginsForward : _d, _e = _b.getRemarkPlugins, getRemarkPlugins = _e === void 0 ? getPluginsForward : _e;
+export const renderText = (text, mentionedUsers, { allowedTagNames = defaultAllowedTagNames, customMarkDownRenderers, getRehypePlugins = getPluginsForward, getRemarkPlugins = getPluginsForward, } = {}) => {
     // take the @ mentions and turn them into markdown?
     // translate links
     if (!text)
         return null;
     if (text.trim().length === 1)
         return React.createElement(React.Fragment, null, text);
-    var newText = text;
-    var markdownLinks = matchMarkdownLinks(newText);
-    var codeBlocks = messageCodeBlocks(newText);
+    let newText = text;
+    const markdownLinks = matchMarkdownLinks(newText);
+    const codeBlocks = messageCodeBlocks(newText);
     // extract all valid links/emails within text and replace it with proper markup
-    uniqBy(__spreadArray(__spreadArray([], find(newText, 'email'), true), find(newText, 'url'), true), 'value').forEach(function (_a) {
-        var href = _a.href, type = _a.type, value = _a.value;
-        var linkIsInBlock = codeBlocks.some(function (block) { return block === null || block === void 0 ? void 0 : block.includes(value); });
+    uniqBy([...find(newText, 'email'), ...find(newText, 'url')], 'value').forEach(({ href, type, value }) => {
+        const linkIsInBlock = codeBlocks.some((block) => block?.includes(value));
         // check if message is already  markdown
-        var noParsingNeeded = markdownLinks &&
-            markdownLinks.filter(function (text) {
-                var strippedHref = href === null || href === void 0 ? void 0 : href.replace(detectHttp, '');
-                var strippedText = text === null || text === void 0 ? void 0 : text.replace(detectHttp, '');
+        const noParsingNeeded = markdownLinks &&
+            markdownLinks.filter((text) => {
+                const strippedHref = href?.replace(detectHttp, '');
+                const strippedText = text?.replace(detectHttp, '');
                 if (!strippedHref || !strippedText)
                     return false;
                 return strippedHref.includes(strippedText) || strippedText.includes(strippedHref);
@@ -82,32 +79,35 @@ export var renderText = function (text, mentionedUsers, _a) {
             // in that case, we check whether the found e-mail is actually a mention
             // by naively checking for an existence of @ sign in front of it.
             if (type === 'email' && mentionedUsers) {
-                var emailMatchesWithName = mentionedUsers.some(function (u) { return u.name === value; });
+                const emailMatchesWithName = mentionedUsers.some((u) => u.name === value);
                 if (emailMatchesWithName) {
-                    newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), function (match, position) {
-                        var isMention = newText.charAt(position - 1) === '@';
+                    newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), (match, position) => {
+                        const isMention = newText.charAt(position - 1) === '@';
                         // in case of mention, we leave the match in its original form,
                         // and we let `mentionsMarkdownPlugin` to do its job
-                        return isMention ? match : "[".concat(match, "](").concat(encodeDecode(href), ")");
+                        return isMention ? match : `[${match}](${encodeDecode(href)})`;
                     });
                     return;
                 }
             }
-            var displayLink = type === 'email' ? value : formatUrlForDisplay(href);
-            newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), "[".concat(displayLink, "](").concat(encodeDecode(href), ")"));
+            const displayLink = type === 'email' ? value : formatUrlForDisplay(href);
+            newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), `[${displayLink}](${encodeDecode(href)})`);
         }
         catch (e) {
             void e;
         }
     });
-    var remarkPlugins = [
+    const remarkPlugins = [
         htmlToTextPlugin,
         keepLineBreaksPlugin,
         [remarkGfm, { singleTilde: false }],
     ];
-    var rehypePlugins = [emojiMarkdownPlugin];
-    if (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) {
+    const rehypePlugins = [emojiMarkdownPlugin];
+    if (mentionedUsers?.length) {
         rehypePlugins.push(mentionsMarkdownPlugin(mentionedUsers));
     }
-    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: __assign(__assign({}, markDownRenderers), customMarkDownRenderers), rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, unwrapDisallowed: true, urlTransform: urlTransform }, newText));
+    return (React.createElement(ReactMarkdown, { allowedElements: allowedTagNames, components: {
+            ...markDownRenderers,
+            ...customMarkDownRenderers,
+        }, rehypePlugins: getRehypePlugins(rehypePlugins), remarkPlugins: getRemarkPlugins(remarkPlugins), skipHtml: true, unwrapDisallowed: true, urlTransform: urlTransform }, newText));
 };

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

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

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

@@ -104,4 +104,3 @@ export type PinIndicatorProps<StreamChatGenerics extends DefaultStreamChatGeneri
     message?: StreamMessage<StreamChatGenerics>;
     t?: TFunction;
 };
-//# sourceMappingURL=types.d.ts.map

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

@@ -12,7 +12,7 @@ export declare const validateAndGetMessage: <T extends unknown[]>(func: (...args
 /**
  * Tell if the owner of the current message is muted
  */
-export declare const isUserMuted: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, mutes?: Mute<StreamChatGenerics>[] | undefined) => boolean;
+export declare const isUserMuted: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: StreamMessage<StreamChatGenerics>, mutes?: Mute<StreamChatGenerics>[]) => boolean;
 export declare const MESSAGE_ACTIONS: {
     delete: string;
     edit: string;
@@ -40,22 +40,22 @@ export type Capabilities = {
 export declare const getMessageActions: (actions: MessageActionsArray | boolean, { canDelete, canEdit, canFlag, canMarkUnread, canMute, canPin, canQuote, canReact, canReply, }: Capabilities) => MessageActionsArray<string>;
 export declare const ACTIONS_NOT_WORKING_IN_THREAD: string[];
 export declare const showMessageActionsBox: (actions: MessageActionsArray<string>, inThread?: boolean | undefined) => boolean;
-export declare const areMessagePropsEqual: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(prevProps: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger> & {
-    mutes?: Mute<StreamChatGenerics>[] | undefined;
-    showDetailedReactions?: boolean | undefined;
-}, nextProps: MessageProps<StreamChatGenerics, import("../../types/types").CustomTrigger> & {
-    mutes?: Mute<StreamChatGenerics>[] | undefined;
-    showDetailedReactions?: boolean | undefined;
+export declare const areMessagePropsEqual: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(prevProps: MessageProps<StreamChatGenerics> & {
+    mutes?: Mute<StreamChatGenerics>[];
+    showDetailedReactions?: boolean;
+}, nextProps: MessageProps<StreamChatGenerics> & {
+    mutes?: Mute<StreamChatGenerics>[];
+    showDetailedReactions?: boolean;
 }) => boolean;
 export declare const areMessageUIPropsEqual: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(prevProps: MessageContextValue<StreamChatGenerics> & {
-    showDetailedReactions?: boolean | undefined;
+    showDetailedReactions?: boolean;
 }, nextProps: MessageContextValue<StreamChatGenerics> & {
-    showDetailedReactions?: boolean | undefined;
+    showDetailedReactions?: boolean;
 }) => boolean;
-export declare const messageHasReactions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<StreamChatGenerics> | undefined) => boolean;
-export declare const messageHasAttachments: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<StreamChatGenerics> | undefined) => boolean;
-export declare const getImages: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: MessageResponse<StreamChatGenerics> | undefined) => import("stream-chat").Attachment<StreamChatGenerics>[];
-export declare const getNonImageAttachments: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: MessageResponse<StreamChatGenerics> | undefined) => import("stream-chat").Attachment<StreamChatGenerics>[];
+export declare const messageHasReactions: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<StreamChatGenerics>) => boolean;
+export declare const messageHasAttachments: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: StreamMessage<StreamChatGenerics>) => boolean;
+export declare const getImages: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: MessageResponse<StreamChatGenerics>) => import("stream-chat").Attachment<StreamChatGenerics>[];
+export declare const getNonImageAttachments: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message?: MessageResponse<StreamChatGenerics>) => import("stream-chat").Attachment<StreamChatGenerics>[];
 export interface TooltipUsernameMapper {
     <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(user: UserResponse<StreamChatGenerics>): string;
 }
@@ -67,6 +67,5 @@ export interface TooltipUsernameMapper {
 export declare const mapToUserNameOrId: TooltipUsernameMapper;
 export declare const getReadByTooltipText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(users: UserResponse<StreamChatGenerics>[], t: TFunction, client: StreamChat<StreamChatGenerics>, tooltipUserNameMapper: TooltipUsernameMapper) => string;
 export declare const isOnlyEmojis: (text?: string) => boolean;
-export declare const isMessageBounced: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, "type" | "moderation_details">) => boolean;
-export declare const isMessageEdited: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, "message_text_updated_at">) => boolean;
-//# sourceMappingURL=utils.d.ts.map
+export declare const isMessageBounced: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, 'type' | 'moderation_details'>) => boolean;
+export declare const isMessageEdited: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: Pick<StreamMessage<StreamChatGenerics>, 'message_text_updated_at'>) => boolean;