Fix: Size of the single emoji in chat along with updated Emoji Regex

src/libs/Emoji/getEmojiUnicode.js

@@ -0,0 +1,38 @@
+/* eslint radix: ["error", "as-needed"] */
+
+/**
+ * getEmojiUnicode
+ * Get the unicode code of an emoji in base 16.
+ *
+ * @name emojiUnicode
+ * @function
+ * @param {String} input The emoji character.
+ * @returns {String} The base 16 unicode code.
+ */
+export default function getEmojiUnicode(input) {
+    if (input.length === 0) {
+        return '';
+    }
+
+    if (input.length === 1) {
+        return input.charCodeAt(0).toString().split(' ').map(val => parseInt(val).toString(16))
+            .join(' ');
+    }
+
+    const pairs = [];
+    for (let i = 0; i < input.length; i++) {
+        if (input.charCodeAt(i) >= 0xd800 && input.charCodeAt(i) <= 0xdbff) { // high surrogate
+            if (input.charCodeAt(i + 1) >= 0xdc00 && input.charCodeAt(i + 1) <= 0xdfff) {
+                // low surrogate
+                pairs.push(
+                    ((input.charCodeAt(i) - 0xd800) * 0x400)
+                      + (input.charCodeAt(i + 1) - 0xdc00) + 0x10000,
+                );
+            }
+        } else if (input.charCodeAt(i) < 0xd800 || input.charCodeAt(i) > 0xdfff) {
+            // modifiers and joiners
+            pairs.push(input.charCodeAt(i));
+        }
+    }
+    return pairs.map(val => parseInt(val).toString(16)).join(' ');
+}

src/libs/Emoji/trimEmojiUnicode.js

@@ -0,0 +1,8 @@
+/**
+ * Function to remove Skin Tone and utf16 surrogates from Emoji
+ * @param {String} emojiCode
+ * @returns {String}
+ */
+export default function trimEmojiUnicode(emojiCode) {
+    return emojiCode.replace(/(fe0f|1f3fb|1f3fc|1f3fd|1f3fe|1f3ff)$/, '').trim();
+}

src/libs/ValidationUtils.js

@@ -2,6 +2,8 @@ import moment from 'moment';
 import CONST from '../CONST';
 import {showBankAccountFormValidationError, showBankAccountErrorModal} from './actions/BankAccounts';
 import {translateLocal} from './translate';
+import getEmojiUnicode from './Emoji/getEmojiUnicode';
+import trimEmojiUnicode from './Emoji/trimEmojiUnicode';
 
 /**
  * Validating that this is a valid address (PO boxes are not allowed)
@@ -31,7 +33,9 @@ function isSingleEmoji(message) {
     }
 
     const matchedEmoji = match[0];
-    return message.length === matchedEmoji.length;
+    const matchedUnicode = getEmojiUnicode(matchedEmoji);
+    const currentMessageUnicode = trimEmojiUnicode(getEmojiUnicode(message));
+    return matchedUnicode === currentMessageUnicode;
 }
 
 /**

tests/unit/EmojiRegexTest.js

@@ -0,0 +1,42 @@
+import _ from 'underscore';
+import Emoji from '../../assets/emojis';
+import CONST from '../../src/CONST';
+import {isSingleEmoji} from '../../src/libs/ValidationUtils';
+
+describe('EmojiRegexTest', () => {
+    it('matches all the emojis in the list', () => {
+        const emojiMatched = _.every(Emoji, (emoji) => {
+            if (emoji.header === true || emoji.code === CONST.EMOJI_SPACER) {
+                return true;
+            }
+            const isEmojiMatched = isSingleEmoji(emoji.code);
+            let skinToneMatched = true;
+            if (emoji.types) {
+                skinToneMatched = _.every(emoji.types, emojiWithSkinTone => isSingleEmoji(emojiWithSkinTone));
+            }
+            return skinToneMatched && isEmojiMatched;
+        });
+
+        expect(emojiMatched).toBe(true);
+    });
+
+    it('matches single emojis variants for size', () => {
+        expect(isSingleEmoji('👨‍👩‍👦️')).toBe(true);
+        expect(isSingleEmoji('👉')).toBe(true);
+        expect(isSingleEmoji('👊🏾')).toBe(true);
+        expect(isSingleEmoji('😪️')).toBe(true);
+        expect(isSingleEmoji('❤️')).toBe(true);
+        expect(isSingleEmoji('👨‍👩‍👦️')).toBe(true);
+        expect(isSingleEmoji('😎️')).toBe(true);
+        expect(isSingleEmoji('🔫️')).toBe(true);
+        expect(isSingleEmoji('🛍')).toBe(true);
+        expect(isSingleEmoji('⁉️')).toBe(true);
+        expect(isSingleEmoji('*️⃣')).toBe(true);
+        expect(isSingleEmoji('✳️')).toBe(true);
+        expect(isSingleEmoji('👶🏽')).toBe(true);
+        expect(isSingleEmoji('🕍')).toBe(true);
+        expect(isSingleEmoji('🇺🇲')).toBe(true);
+        expect(isSingleEmoji('🇮🇳')).toBe(true);
+        expect(isSingleEmoji('🇺🇦️')).toBe(true);
+    });
+});