stream-chat-react 10.3.0 → 10.4.0

package/dist/utils.d.ts

@@ -1,28 +1,42 @@
-import React from 'react';
+import { ComponentType } from 'react';
 import { nanoid } from 'nanoid';
+import { Options } from 'react-markdown';
+import type { ReactMarkdownProps } from 'react-markdown/lib/complex-types';
+import type { Content, Root } from 'hast';
 import type { UserResponse } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from './types/types';
 export declare const isOnlyEmojis: (text?: string) => boolean;
+declare type HNode = Content | Root;
 export declare const matchMarkdownLinks: (message: string) => (string | null)[];
 export declare const messageCodeBlocks: (message: string) => RegExpMatchArray;
-export declare const markDownRenderers: {
-    [nodeType: string]: React.ElementType;
-};
-export declare const emojiMarkdownPlugin: () => <T extends unknown>(markdownAST: T) => T;
-export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => <T extends unknown>(markdownAST: T) => T;
-export declare type MentionProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+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>;
-};
-export declare type RenderTextOptions = {
-    customMarkDownRenderers?: {
-        [nodeType: string]: React.ElementType;
+    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 renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string, mentioned_users?: UserResponse<StreamChatGenerics>[] | undefined, options?: RenderTextOptions) => JSX.Element | null;
+export declare const markDownRenderers: RenderTextOptions['customMarkDownRenderers'];
+export declare const emojiMarkdownPlugin: () => (node: HNode) => import("hast-util-find-and-replace/lib").Node;
+export declare const mentionsMarkdownPlugin: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(mentioned_users: UserResponse<StreamChatGenerics>[]) => () => (tree: HNode) => HNode;
+export declare type RenderTextOptions<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    customMarkDownRenderers?: Options['components'] & Partial<{
+        emoji: ComponentType<ReactMarkdownProps>;
+        mention: ComponentType<MentionProps<StreamChatGenerics>>;
+    }>;
+};
+export declare const renderText: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(text?: string, mentionedUsers?: UserResponse<StreamChatGenerics>[] | undefined, { customMarkDownRenderers }?: RenderTextOptions) => JSX.Element | null;
 export declare function escapeRegExp(text: string): string;
 /**
  * @deprecated will be removed in the next major release
  */
 export declare const generateRandomId: typeof nanoid;
 export declare const getWholeChar: (str: string, i: number) => string;
+export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,YAAY,UAAW,MAAM,YAOzC,CAAC;AAoBF,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AAyBF,eAAO,MAAM,iBAAiB,EAAE;IAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;CAwBtE,CAAC;AAEF,eAAO,MAAM,mBAAmB,gDAe/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,2LAmClC,CAAC;AAEF,oBAAY,YAAY,CACtB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,cAAc,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAAC;CAClD,CAAC;AAMF,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,CAAC,EAAE;QACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;KACvC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,8EAEJ,iBAAiB,uBAmF3B,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAAS,CAAC;AAGvC,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkB,aAAa,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAEhC,OAAsB,EAAE,OAAO,EAAkB,MAAM,gBAAgB,CAAC;AASxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE/D,eAAO,MAAM,YAAY,UAAW,MAAM,YAOzC,CAAC;AAsBF,aAAK,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AAE5B,eAAO,MAAM,kBAAkB,YAAa,MAAM,sBAajD,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,MAAM,qBAIhD,CAAC;AA4CF,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;AAWF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,yBAAyB,CAI1E,CAAC;AAEF,eAAO,MAAM,mBAAmB,eAIL,KAAK,kDAG/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,0JAuBR,KAAK,KAAG,KAoClC,CAAC;AAEF,oBAAY,iBAAiB,CAC3B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAC7C,OAAO,CAAC;QACN,KAAK,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACzC,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC;KAC1D,CAAC,CAAC;CACN,CAAC;AAEF,eAAO,MAAM,UAAU,4FAGd,MAAM,iGAEgB,iBAAiB,uBAmG/C,CAAC;AAEF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,UAExC;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,eAAS,CAAC;AAGvC,eAAO,MAAM,YAAY,QAAS,MAAM,KAAK,MAAM,WAgClD,CAAC"}

package/dist/utils.js

@@ -9,14 +9,28 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import emojiRegex from 'emoji-regex';
 import * as linkify from 'linkifyjs';
 import { nanoid } from 'nanoid';
-import { findAndReplace } from 'mdast-util-find-and-replace';
-import RootReactMarkdown from 'react-markdown';
-import ReactMarkdown from 'react-markdown/with-html';
+import { findAndReplace } from 'hast-util-find-and-replace';
+import ReactMarkdown, { uriTransformer } from 'react-markdown';
+import { u } from 'unist-builder';
+import { visit } from 'unist-util-visit';
+import remarkGfm from 'remark-gfm';
 import uniqBy from 'lodash.uniqby';
+import clsx from 'clsx';
 export var isOnlyEmojis = function (text) {
     if (!text)
         return false;
@@ -26,20 +40,22 @@ export var isOnlyEmojis = function (text) {
 };
 var allowedMarkups = [
     'html',
-    // @ts-expect-error
-    'root',
     'text',
-    'break',
-    'paragraph',
-    'emphasis',
+    'br',
+    'p',
+    'em',
     'strong',
-    'link',
-    'list',
-    'listItem',
+    'a',
+    'ol',
+    'ul',
+    'li',
     'code',
-    'inlineCode',
+    'pre',
     'blockquote',
-    'delete',
+    'del',
+    // custom types (tagNames)
+    'emoji',
+    'mention',
 ];
 export var matchMarkdownLinks = function (message) {
     var regexMdLinks = /\[([^[]+)\](\(.*\))/gm;
@@ -75,31 +91,32 @@ function encodeDecode(url) {
         return url;
     }
 }
+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');
+    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));
+};
+var Emoji = function (_a) {
+    var children = _a.children;
+    return (React.createElement("span", { className: 'inline-text-emoji', "data-testid": 'inline-text-emoji' }, children));
+};
+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 var markDownRenderers = {
-    // eslint-disable-next-line react/display-name
-    link: function (props) {
-        var children = props.children, href = props.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');
-        if (!href || (!isEmail && !isUrl)) {
-            return children;
-        }
-        return (React.createElement("a", { className: "".concat(isUrl ? 'str-chat__message-url-link' : ''), href: href, rel: 'nofollow noreferrer noopener', target: '_blank' }, children));
-    },
-    span: 'span',
+    a: Anchor,
+    emoji: Emoji,
+    mention: Mention,
 };
 export var emojiMarkdownPlugin = function () {
-    function replace(match) {
-        return {
-            children: [{ type: 'text', value: match }],
-            className: 'inline-text-emoji',
-            type: 'span',
-        };
-    }
-    var transform = function (markdownAST) {
-        findAndReplace(markdownAST, emojiRegex(), replace);
-        return markdownAST;
+    var replace = function (match) {
+        return u('element', { tagName: 'emoji' }, [u('text', match)]);
     };
+    var transform = function (node) { return findAndReplace(node, emojiRegex(), replace); };
     return transform;
 };
 export var mentionsMarkdownPlugin = function (mentioned_users) { return function () {
@@ -107,35 +124,57 @@ export var mentionsMarkdownPlugin = function (mentioned_users) { return function
         .map(function (user) { return user.name || user.id; })
         .filter(Boolean)
         .map(escapeRegExp);
-    function replace(match) {
+    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;
         });
-        return {
-            children: [{ type: 'text', value: match }],
-            mentioned_user: user,
-            type: 'mention',
-        };
-    }
-    var transform = function (markdownAST) {
-        if (!mentioned_usernames.length) {
-            return markdownAST;
-        }
-        var mentionedUsersRegex = new RegExp(mentioned_usernames.map(function (username) { return "@".concat(username); }).join('|'), 'g');
-        findAndReplace(markdownAST, mentionedUsersRegex, replace);
-        return markdownAST;
+        return u('element', { mentionedUser: user, tagName: 'mention' }, [u('text', match)]);
+    };
+    var transform = function (tree) {
+        if (!mentioned_usernames.length)
+            return tree;
+        // handles special cases of mentions where user.name is an e-mail
+        // Remark GFM translates all e-mail-like text nodes to links creating
+        // two separate child nodes "@" and "your.name@as.email" instead of
+        // 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;
+            if (index === null)
+                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;
+            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.startsWith('mailto:')) {
+                var newTextValue = node.value.replace(/@$/, '');
+                var username = nextChildHref.replace('mailto:', '');
+                parent.children[index] = u('text', newTextValue);
+                parent.children[index + 1] = u('text', "@".concat(username));
+            }
+        });
+        return findAndReplace(tree, mentionedUsersRegex, replace);
     };
     return transform;
 }; };
-var Mention = function (props) { return React.createElement("span", { className: 'str-chat__message-mention' }, props.children); };
-export var renderText = function (text, mentioned_users, options) {
-    if (options === void 0) { options = {}; }
+export var renderText = function (text, mentionedUsers, _a) {
+    var _b = _a === void 0 ? {} : _a, customMarkDownRenderers = _b.customMarkDownRenderers;
     // 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);
@@ -159,8 +198,8 @@ export var renderText = function (text, mentioned_users, options) {
             // it could happen that a user's name matches with an e-mail format pattern.
             // 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' && mentioned_users) {
-                var emailMatchesWithName = mentioned_users.some(function (u) { return u.name === value; });
+            if (type === 'email' && mentionedUsers) {
+                var emailMatchesWithName = mentionedUsers.some(function (u) { return u.name === value; });
                 if (emailMatchesWithName) {
                     newText = newText.replace(new RegExp(escapeRegExp(value), 'g'), function (match, position) {
                         var isMention = newText.charAt(position - 1) === '@';
@@ -178,14 +217,27 @@ export var renderText = function (text, mentioned_users, options) {
             void e;
         }
     });
-    var plugins = [emojiMarkdownPlugin];
-    if (mentioned_users === null || mentioned_users === void 0 ? void 0 : mentioned_users.length) {
-        plugins.push(mentionsMarkdownPlugin(mentioned_users));
+    var rehypePlugins = [emojiMarkdownPlugin];
+    if (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) {
+        rehypePlugins.push(mentionsMarkdownPlugin(mentionedUsers));
+    }
+    // TODO: remove in the next major release
+    if (customMarkDownRenderers === null || customMarkDownRenderers === void 0 ? void 0 : customMarkDownRenderers.mention) {
+        var MentionComponent_1 = customMarkDownRenderers['mention'];
+        // eslint-disable-next-line react/display-name
+        customMarkDownRenderers['mention'] = function (_a) {
+            var node = _a.node, rest = __rest(_a, ["node"]);
+            return (React.createElement(MentionComponent_1
+            // @ts-ignore
+            , __assign({ 
+                // @ts-ignore
+                mentioned_user: node.mentionedUser, 
+                // @ts-ignore
+                node: __assign({ mentioned_user: node.mentionedUser }, node) }, rest)));
+        };
     }
-    var renderers = __assign(__assign({ mention: Mention }, markDownRenderers), options.customMarkDownRenderers);
-    return (React.createElement(ReactMarkdown, { allowedTypes: allowedMarkups, escapeHtml: true, plugins: plugins, renderers: renderers, source: newText, transformLinkUri: function (uri) {
-            return uri.startsWith('app://') ? uri : RootReactMarkdown.uriTransformer(uri);
-        }, unwrapDisallowed: true }));
+    var rehypeComponents = __assign(__assign({}, markDownRenderers), customMarkDownRenderers);
+    return (React.createElement(ReactMarkdown, { allowedElements: allowedMarkups, components: rehypeComponents, rehypePlugins: rehypePlugins, remarkPlugins: [[remarkGfm, { singleTilde: false }]], skipHtml: true, transformLinkUri: function (uri) { return (uri.startsWith('app://') ? uri : uriTransformer(uri)); }, unwrapDisallowed: true }, newText));
 };
 export function escapeRegExp(text) {
     return text.replace(/[-[\]{}()*+?.,\\^$|#]/g, '\\$&');

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.3.0";
+export declare const version = "10.4.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/version.js

@@ -1 +1 @@
-export var version = '10.3.0';
+export var version = '10.4.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stream-chat-react",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "description": "React components to create chat conversations or livestream style chat",
   "author": "GetStream",
   "homepage": "https://getstream.io/chat/",
@@ -35,13 +35,13 @@
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",
     "emoji-regex": "^9.2.0",
+    "hast-util-find-and-replace": "^4.1.2",
     "i18next": "^21.6.14",
     "isomorphic-ws": "^4.0.1",
     "linkifyjs": "^2.1.9",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "lodash.uniqby": "^4.7.0",
-    "mdast-util-find-and-replace": "^2.2.1",
     "nanoid": "^3.3.4",
     "pretty-bytes": "^5.4.1",
     "prop-types": "^15.7.2",
@@ -50,12 +50,15 @@
     "react-file-utils": "^1.2.0",
     "react-image-gallery": "^1.2.7",
     "react-is": "^18.1.0",
-    "react-markdown": "^5.0.3",
+    "react-markdown": "^8.0.3",
     "react-player": "^2.10.1",
     "react-popper": "^2.3.0",
     "react-textarea-autosize": "^8.3.0",
     "react-virtuoso": "^2.16.5",
-    "textarea-caret": "^3.1.0"
+    "remark-gfm": "^3.0.1",
+    "textarea-caret": "^3.1.0",
+    "unist-builder": "^3.0.0",
+    "unist-util-visit": "^4.1.1"
   },
   "optionalDependencies": {
     "@stream-io/transliterate": "^1.5.5",
@@ -64,7 +67,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^17.0.0 || ^16.8.0",
     "react-dom": "^18.0.0 || ^17.0.0 || ^16.8.0",
-    "stream-chat": "^7.1.0"
+    "stream-chat": "^8.0.0 || ^7.1.0"
   },
   "files": [
     "dist",
@@ -86,9 +89,10 @@
     "@ladle/react": "^0.16.0",
     "@playwright/test": "^1.22.0",
     "@rollup/plugin-babel": "^5.2.1",
+    "@rollup/plugin-commonjs": "^23.0.2",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^10.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^2.3.4",
     "@rollup/plugin-typescript": "8.2.1",
     "@semantic-release/changelog": "^6.0.1",
@@ -100,11 +104,11 @@
     "@types/deep-equal": "^1.0.1",
     "@types/dotenv": "^8.2.0",
     "@types/emoji-mart": "^3.0.9",
+    "@types/hast": "^2.3.4",
     "@types/linkifyjs": "^2.1.3",
     "@types/lodash.debounce": "^4.0.7",
     "@types/lodash.throttle": "^4.1.7",
     "@types/lodash.uniqby": "^4.7.7",
-    "@types/mdast": "^3.0.10",
     "@types/moment": "^2.13.0",
     "@types/react": "^18.0.8",
     "@types/react-dom": "^18.0.3",
@@ -135,7 +139,7 @@
     "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-jest-dom": "^3.3.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
-    "eslint-plugin-markdown": "^1.0.2",
+    "eslint-plugin-markdown": "^3.0.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
@@ -145,7 +149,6 @@
     "eslint-plugin-sort-keys-fix": "^1.1.2",
     "eslint-plugin-typescript-sort-keys": "1.5.0",
     "file-loader": "^6.2.0",
-    "htmlparser2": "^5.0.1",
     "husky": "^4.3.0",
     "i18next-parser": "^6.0.0",
     "jest": "^26.6.3",
@@ -157,8 +160,7 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "react-test-renderer": "^18.1.0",
-    "rollup": "^2.33.3",
-    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup": "^2.79.1",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-insert": "^1.3.1",
     "rollup-plugin-node-globals": "^1.4.0",