[NEW] Add message action to copy message to input as reply (#12626)

app/message-action/client/messageAction.html

@@ -9,7 +9,7 @@
 				{{/if}}
 
 				{{#if msg_in_chat_window}}
-					<button class="js-actionButton-sendMessage" value="{{msg}}">
+					<button class="{{jsActionButtonClassname msg_processing_type}}" value="{{msg}}">
 						<img class="image-button" src="{{image_url}}" />
 					</button>
 				{{/if}}
@@ -21,7 +21,7 @@
 					</a>
 				{{/if}}
 				{{#if msg_in_chat_window}}
-					<button class="text-button js-actionButton-sendMessage" value="{{msg}}">
+					<button class="text-button {{jsActionButtonClassname msg_processing_type}}" value="{{msg}}">
 						<span class="overflow-ellipsis">{{text}}</span>
 					</button>
 				{{/if}}

app/message-action/client/messageAction.js

@@ -7,4 +7,7 @@ Template.messageAction.helpers({
 	areButtonsHorizontal() {
 		return Template.parentData(1).button_alignment === 'horizontal';
 	},
+	jsActionButtonClassname(processingType) {
+		return `js-actionButton-${ processingType || 'sendMessage' }`;
+	},
 });

app/ui/client/views/app/room.js

@@ -856,6 +856,16 @@ Template.room.events({
 			Meteor.call('sendMessage', msgObject);
 		});
 	},
+	'click .js-actionButton-respondWithMessage'(event) {
+		const msg = event.currentTarget.value;
+		if (!msg) {
+			return;
+		}
+
+		const { input } = chatMessages[RoomManager.openedRoom];
+		input.value = msg;
+		input.focus();
+	},
 	'click .js-navigate-to-discussion'(event) {
 		event.preventDefault();
 		const [, { drid }] = this._arguments;