[FIX] Make canned responses popup dependent on Canned_responses_enabled setting (#23804)

Co-authored-by: Diego Sampaio <chinello@gmail.com>

app/ui-message/client/popup/customMessagePopups.js

@@ -1,12 +1,29 @@
 import { ReactiveVar } from 'meteor/reactive-var';
+import { Tracker } from 'meteor/tracker';
 
 export const customMessagePopups = new ReactiveVar([]);
 
-export const addMessagePopup = (configGetter) => {
+const nonReactiveGetFunc = () => Tracker.nonreactive(() => customMessagePopups.get());
+
+export const addMessagePopup = (configGetter, name) => {
 	customMessagePopups.set([
-		...customMessagePopups.get(),
+		...nonReactiveGetFunc(),
 		{
 			configGetter,
+			name,
 		},
 	]);
 };
+
+export const removeMessagePopup = (popupName) => {
+	const customMessagePopupsList = nonReactiveGetFunc();
+	const element = customMessagePopupsList.findIndex(({ name }) => name === popupName);
+	if (element < 0) {
+		return;
+	}
+	const listWithRemovedElement = [
+		...customMessagePopupsList.slice(0, element),
+		...customMessagePopupsList.slice(element + 1, customMessagePopupsList.length),
+	];
+	customMessagePopups.set([...listWithRemovedElement]);
+};

ee/app/canned-responses/client/views/popup/addMessagePopupCannedResponse.js

@@ -1,10 +1,13 @@
 import _ from 'underscore';
+import { Tracker } from 'meteor/tracker';
 
 import { CannedResponse } from '../../collections/CannedResponse';
-import { addMessagePopup } from '../../../../../../app/ui-message/client/popup/customMessagePopups';
+import { addMessagePopup, removeMessagePopup } from '../../../../../../app/ui-message/client/popup/customMessagePopups';
 import { t } from '../../../../../../app/utils';
+import { settings } from '../../../../../../app/settings/client';
 
-addMessagePopup((template) => ({
+Tracker.autorun(() => {
+	const templateFunc = (template) => ({
 		title: t('Canned_Responses'),
 		collection: CannedResponse,
 		trigger: '!',
@@ -40,4 +43,12 @@ addMessagePopup((template) => ({
 			});
 			return record && record.text;
 		},
-}));
+	});
+
+	const settingValue = settings.get('Canned_Responses_Enable');
+	if (settingValue) {
+		addMessagePopup(templateFunc, 'cannedResponses');
+	} else {
+		removeMessagePopup('cannedResponses');
+	}
+});