style: made changes to the translations

src/i18n/en-ca/index.ts

@@ -2,7 +2,7 @@ export default {
   chatbot: {
     chat_header: "AI Assistant",
     chat_initial_message:
-      "Welcome to your technical assistant.\nPlease provide the Client ID and \na description of the problem.",
+      "Welcome to your technical assistant.\nPlease provide the Customer ID to get a diagnostic report",
     chat_placeholder: "Enter a Message",
     chat_thinking: "Thinking...",
   },

src/i18n/fr-ca/index.ts

@@ -2,7 +2,7 @@ export default {
   chatbot: {
     chat_header: "Agent IA",
     chat_initial_message:
-      "Bienvenue à votre assistant technique.\nVeuillez fournir le ID du Client et \nune description du problème.",
+      "Bienvenue à votre assistant technique.\nVeuillez fournir le ID du Client pour avoir un diagnostique",
     chat_placeholder: "Entré un Message",
     chat_thinking: "Réflexion en cours...",
   },

src/modules/chatbot/components/conversation-box.vue

@@ -139,6 +139,14 @@ watch([currentContext, userEmail, userRole], async ([ctx, email, role]) => {
 );
 
 
+const custId = ref('')
+const handleCustomerId = async () => {
+  const cId = custId.value;
+  custId.value = '';
+  await chatbotService.retrieveCustomerDiagnostics(cId);
+}
+
+
 
 </script>
 
@@ -174,6 +182,14 @@ watch([currentContext, userEmail, userRole], async ([ctx, email, role]) => {
         style="margin-left: 8px;"
         @keyup.enter="handleSend"
       />
+      <q-input
+        v-model="custId"
+        :label="'Customer Id'"
+        :autogrow="false"
+        class="col"
+        style="margin-left: 8px;"
+        @keyup.enter="handleCustomerId"
+      />
     </q-form>
     <div
       class="drag-handle"

src/modules/chatbot/services/messageService.ts

@@ -24,4 +24,10 @@ export const chatbotService = {
     const response = await api.post("/chat/user", { email, role });
     return response.data;
   },
+
+  retrieveCustomerDiagnostics: async (id: string): Promise<string> => {
+    console.log("Frontend Service id retreived");
+    const response = await api.get(`/chat/customer/${id}`);
+    return response.data;
+  },
 };