[FIX] Message_AllowedMaxSize fails for emoji sequences

package.json

@@ -136,6 +136,7 @@
 		"emailreplyparser": "^0.0.5",
 		"file-type": "^7.7.1",
 		"filesize": "^3.6.1",
+		"grapheme-splitter": "^1.0.2",
 		"gridfs-stream": "^1.1.1",
 		"he": "^1.1.1",
 		"highlight.js": "^9.12.0",

packages/rocketchat-lib/server/methods/sendMessage.js

@@ -1,4 +1,7 @@
 import moment from 'moment';
+import GraphemeSplitter from 'grapheme-splitter';
+
+const splitter = new GraphemeSplitter();
 
 Meteor.methods({
 	sendMessage(message) {
@@ -29,10 +32,19 @@ Meteor.methods({
 			message.ts = new Date();
 		}
 
-		if (message.msg && message.msg.length > RocketChat.settings.get('Message_MaxAllowedSize')) {
-			throw new Meteor.Error('error-message-size-exceeded', 'Message size exceeds Message_MaxAllowedSize', {
-				method: 'sendMessage'
+		if (message.msg) {
+			const adjustedMessage = message.msg.replace(/:\w+:/gm, (match) => {
+				if (RocketChat.emoji.list[match] !== undefined) {
+					return ' ';
+				}
+				return match;
 			});
+
+			if (splitter.countGraphemes(adjustedMessage) > RocketChat.settings.get('Message_MaxAllowedSize')) {
+				throw new Meteor.Error('error-message-size-exceeded', 'Message size exceeds Message_MaxAllowedSize', {
+					method: 'sendMessage'
+				});
+			}
 		}
 
 		const user = RocketChat.models.Users.findOneById(Meteor.userId(), {

packages/rocketchat-ui/client/lib/chatMessages.js

@@ -2,6 +2,9 @@
 import s from 'underscore.string';
 import moment from 'moment';
 import toastr from 'toastr';
+import GraphemeSplitter from 'grapheme-splitter';
+
+const splitter = new GraphemeSplitter();
 
 this.ChatMessages = class ChatMessages {
 	init(node) {
@@ -554,7 +557,14 @@ this.ChatMessages = class ChatMessages {
 	}
 
 	isMessageTooLong(message) {
-		return message && message.length > this.messageMaxSize;
+		const adjustedMessage = message.replace(/:\w+:/gm, (match) => {
+			if (RocketChat.emoji.list[match] !== undefined) {
+				return ' ';
+			}
+			return match;
+		});
+
+		return message && splitter.countGraphemes(adjustedMessage) > this.messageMaxSize;
 	}
 
 	isEmpty() {