fix(chatbot): possibilité d'utiliser une action "clic" sur un bouton de réponse, dans le paramètre "actions" dans l'URL pour initialiser le chatbot avec une série d'actions

Author: eyssette

app/js/core/chatbot/initialize.mjs

@@ -1,5 +1,5 @@
 import { markdownToHTML } from "../../markdown/parser.mjs";
-import { createVector } from "../../utils/nlp.mjs";
+import { createVector, removeAccents } from "../../utils/nlp.mjs";
 import { processMessageWithChoiceOptions } from "../interactions/helpers/choiceOptions.mjs";
 import { createMessage } from "../messages/createMessage.mjs";
 import { controlEvents } from "../interactions/controlEvents.mjs";
@@ -69,6 +69,8 @@ export function initializeChatbot(chatbotData, yaml, params) {
 		},
 	};
 
+	controlEvents(chatbot);
+
 	// On récupère le contenu du message initial
 	const initialMessageContent = initialMessage.content
 		.join("\n")
@@ -104,7 +106,7 @@ export function initializeChatbot(chatbotData, yaml, params) {
 			const actionData = action.slice(separator + 1);
 			const isLast = index === actions.length - 1;
 
-			// Si l'action consiste à entrer à un message dans la zone de texte
+			// Si l'action consiste à entrer un message dans la zone de texte
 			if (actionType == "e") {
 				// On affiche ce message
 				const userMessage = actionData;
@@ -118,8 +120,41 @@ export function initializeChatbot(chatbotData, yaml, params) {
 					});
 				}
 			}
+
+			// Si l'action consiste à cliquer sur un bouton de réponse
+			if (actionType == "c") {
+				// On récupère les boutons de réponse
+				const choiceOptions = document.querySelectorAll(".messageOptions li a");
+				// On met la liste dans le sens inverse pour pouvoir chercher en premier dans les dernières options affichées
+				const choiceArray = Array.from(choiceOptions).reverse();
+				// On recherche le bouton de réponse (en partant des derniers) qui contient le contenu du texte à chercher
+				// On fait la recherche sans prendre en compte les accents et les majuscules
+				const actionDataNormalized = removeAccents(actionData.toLowerCase());
+				const selectedChoiceOption = choiceArray.find((option) =>
+					removeAccents(option.innerHTML.toLowerCase()).includes(
+						actionDataNormalized,
+					),
+				);
+				// Si on a trouvé un bouton de réponse qui correspond
+				if (selectedChoiceOption) {
+					// On récupère le message à afficher
+					const messageToDisplay = selectedChoiceOption.innerHTML;
+					// Et le message à envoyer au chatbot
+					const messageToChatbot = selectedChoiceOption
+						.getAttribute("href")
+						.replace("#", "");
+					// On affiche le message à afficher côté utilisateur
+					createMessage(chatbot, messageToDisplay, { isUser: true });
+					// On récupère puis affiche la répones du chatbot
+					const response = getChatbotResponse(chatbot, messageToChatbot);
+					if (response) {
+						createMessage(chatbot, response, {
+							isUser: false,
+							disableTypewriter: !isLast,
+						});
+					}
+				}
+			}
 		});
 	}
-
-	controlEvents(chatbot);
 }