feat(chat) add message reactions

lang/main.json

@@ -1259,6 +1259,7 @@
             "privateMessage": "Send private message",
             "profile": "Edit your profile",
             "raiseHand": "Raise your hand",
+            "react": "Message reactions",
             "reactions": "Reactions",
             "reactionsMenu": "Reactions menu",
             "recording": "Toggle recording",

react/features/base/conference/reducer.ts

@@ -129,6 +129,7 @@ export interface IJitsiConference {
     sendLobbyMessage: Function;
     sendMessage: Function;
     sendPrivateTextMessage: Function;
+    sendReaction: Function;
     sendTextMessage: Function;
     sendTones: Function;
     sessionId: string;

react/features/chat/actionTypes.ts

@@ -13,6 +13,18 @@
  */
 export const ADD_MESSAGE = 'ADD_MESSAGE';
 
+/**
+ * The type of the action that adds a reaction to a chat message.
+ *
+ * {
+ *     type: ADD_MESSAGE_REACTION,
+ *     reaction: string,
+ *     messageID: string,
+ *     receiverID: string,
+ * }
+ */
+export const ADD_MESSAGE_REACTION = 'ADD_MESSAGE_REACTION';
+
 /**
  * The type of the action which signals to clear messages in Redux.
  *
@@ -62,6 +74,18 @@ export const OPEN_CHAT = 'OPEN_CHAT';
  */
 export const SEND_MESSAGE = 'SEND_MESSAGE';
 
+/**
+ * The type of the action which signals a reaction to a message.
+ *
+ * {
+ *     type: SEND_REACTION,
+ *     reaction: string,
+ *     messageID: string,
+ *     receiverID: string
+ * }
+ */
+export const SEND_REACTION = 'SEND_REACTION';
+
 /**
  * The type of action which signals the initiation of sending of as private message to the
  * supplied recipient.

react/features/chat/actions.any.ts

@@ -6,11 +6,13 @@ import { LOBBY_CHAT_INITIALIZED } from '../lobby/constants';
 
 import {
     ADD_MESSAGE,
+    ADD_MESSAGE_REACTION,
     CLEAR_MESSAGES,
     CLOSE_CHAT,
     EDIT_MESSAGE,
     REMOVE_LOBBY_CHAT_PARTICIPANT,
     SEND_MESSAGE,
+    SEND_REACTION,
     SET_IS_POLL_TAB_FOCUSED,
     SET_LOBBY_CHAT_ACTIVE_STATE,
     SET_LOBBY_CHAT_RECIPIENT,
@@ -49,6 +51,27 @@ export function addMessage(messageDetails: Object) {
     };
 }
 
+/**
+ * Adds a reaction to a chat message.
+ *
+ * @param {Object} reactionDetails - The reaction to add.
+ * @param {string} reactionDetails.participantId - The ID of the message to react to.
+ * @param {string} reactionDetails.reactionList - The reaction to add.
+ * @param {string} reactionDetails.messageId - The receiver ID of the reaction.
+ * @returns {{
+ *     type: ADD_MESSAGE_REACTION,
+ *     participantId: string,
+ *     reactionList: string[],
+ *     messageId: string
+ * }}
+ */
+export function addMessageReaction(reactionDetails: Object) {
+    return {
+        type: ADD_MESSAGE_REACTION,
+        ...reactionDetails
+    };
+}
+
 /**
  * Edits an existing chat message.
  *
@@ -111,6 +134,24 @@ export function sendMessage(message: string, ignorePrivacy = false) {
     };
 }
 
+/**
+ * Sends a reaction to a message.
+ *
+ * @param {string} reaction - The reaction to send.
+ * @param {string} messageId - The message ID to react to.
+ * @param {string} receiverId - The receiver ID of the reaction.
+ * @returns {Function}
+ */
+export function sendReaction(reaction: string, messageId: string, receiverId?: string) {
+
+    return {
+        type: SEND_REACTION,
+        reaction,
+        messageId,
+        receiverId
+    };
+}
+
 /**
  * Initiates the sending of a private message to the supplied participant.
  *