Integrate i18n for error messages in Bedrock service and ChatPage

- Replaced hardcoded error messages with i18n translations in BedrockService and ChatPage.
- Added a new function to retrieve translated content filtered messages.
- Updated i18n configuration to include 'errors' namespace and added corresponding translation files for English, Spanish, and French.
- Enhanced error handling in ChatPage to utilize i18n for user-friendly feedback.

Author: jkestering-modus

frontend/src/common/services/ai/bedrock.service.ts

@@ -1,8 +1,12 @@
 import { BedrockRuntimeClient, InvokeModelCommand } from '@aws-sdk/client-bedrock-runtime';
 import { fetchAuthSession } from '@aws-amplify/auth';
 import { REGION } from '../../config/aws-config';
+import i18n from '../../utils/i18n';
 
-export const CONTENT_FILTERED_MESSAGE = "I couldn't find an answer. Please try rephrasing your question or consult your healthcare provider.";
+// This function gets the translated message from i18n
+const getContentFilteredMessage = (): string => {
+  return i18n.t('ai.content_filtered', { ns: 'errors' });
+};
 
 export interface ChatMessage {
   role: 'user' | 'assistant' | 'system';
@@ -82,7 +86,7 @@ class BedrockService {
     }
   }
 
-  private handleBedrockResponse(parsedResponse: BedrockResponse, userPrompt?: string): string {
+  private handleBedrockResponse(parsedResponse: BedrockResponse): string {
     // Check if we have results
     if (!parsedResponse.results || !parsedResponse.results.length) {
       throw new Error('Invalid response structure: missing results');
@@ -95,20 +99,10 @@ class BedrockService {
       // Increment counter for analytics
       this.contentFilteredCount++;
 
-      // Log for debugging if we have the original prompt
-      if (userPrompt) {
-        console.warn(`Content filtered response #${this.contentFilteredCount} for prompt: "${userPrompt.substring(0, 100)}..."`);
-      } else {
-        console.warn(`Content filtered response #${this.contentFilteredCount}`);
-      }
-      
-      return CONTENT_FILTERED_MESSAGE;
-    }
-    
-    // Check for other potential failure reasons
-    if (result.completionReason && result.completionReason !== "COMPLETE") {
-      console.warn(`Incomplete response with reason: ${result.completionReason}`);
+      // Return the translated message
+      return getContentFilteredMessage();
     }
+
 
     return result.outputText;
   }

frontend/src/common/utils/i18n/index.ts

@@ -19,7 +19,7 @@ i18n
     // languages, namespaces, and resources
     supportedLngs: ['en', 'es', 'fr'],
     fallbackLng: 'en',
-    ns: ['account', 'auth', 'common', 'home', 'user'],
+    ns: ['account', 'auth', 'common', 'errors', 'home', 'user'],
     defaultNS: 'common',
     resources: { en, es, fr },
 

frontend/src/common/utils/i18n/resources/en/errors.json

@@ -0,0 +1,8 @@
+{
+  "chat": {
+    "general": "Sorry, something went wrong. Please try again."
+  },
+  "ai": {
+    "content_filtered": "I couldn't find an answer. Please try rephrasing your question or consult your healthcare provider."
+  }
+} 

frontend/src/common/utils/i18n/resources/en/index.ts

@@ -1,7 +1,8 @@
 import account from './account.json';
 import auth from './auth.json';
 import common from './common.json';
+import errors from './errors.json';
 import home from './home.json';
 import user from './user.json';
 
-export default { account, auth, common, home, user };
+export default { account, auth, common, errors, home, user };

frontend/src/common/utils/i18n/resources/es/errors.json

@@ -0,0 +1,8 @@
+{
+  "chat": {
+    "general": "Lo siento, algo salió mal. Por favor, inténtalo de nuevo."
+  },
+  "ai": {
+    "content_filtered": "No pude encontrar una respuesta. Intenta reformular tu pregunta o consulta a tu proveedor de salud."
+  }
+}

frontend/src/common/utils/i18n/resources/es/index.ts

@@ -1,7 +1,8 @@
 import account from './account.json';
 import auth from './auth.json';
 import common from './common.json';
+import errors from './errors.json';
 import home from './home.json';
 import user from './user.json';
 
-export default { account, auth, common, home, user };
+export default { account, auth, common, errors, home, user };

frontend/src/common/utils/i18n/resources/fr/errors.json

@@ -0,0 +1,8 @@
+{
+  "chat": {
+    "general": "Désolé, une erreur s'est produite. Veuillez réessayer."
+  },
+  "ai": {
+    "content_filtered": "Je n'ai pas pu trouver de réponse. Veuillez reformuler votre question ou consulter votre prestataire de soins de santé."
+  }
+} 

frontend/src/common/utils/i18n/resources/fr/index.ts

@@ -1,7 +1,8 @@
 import account from './account.json';
 import auth from './auth.json';
 import common from './common.json';
+import errors from './errors.json';
 import home from './home.json';
 import user from './user.json';
 
-export default { account, auth, common, home, user };
+export default { account, auth, common, errors, home, user };

frontend/src/pages/Chat/ChatPage.tsx

@@ -8,14 +8,15 @@ import { chatService } from '../../common/services/ChatService';
 import { ChatMessageData } from '../../common/components/Chat/ChatMessage';
 import aiIcon from '../../assets/img/ai-icon.svg';
 import { faRobot } from '@fortawesome/free-solid-svg-icons';
+import i18n from '../../common/utils/i18n';
 import './ChatPage.scss';
 
 /**
  * The `ChatPage` component displays the chat interface.
  * @returns JSX
  */
 const ChatPage = (): JSX.Element => {
-  const { t } = useTranslation();
+  const { t } = useTranslation(['common', 'errors']);
   const [messages, setMessages] = useState<ChatMessageData[]>([]);
   const location = useLocation();
   const prevPathRef = useRef(location.pathname);
@@ -74,8 +75,8 @@ const ChatPage = (): JSX.Element => {
     } catch (error) {
       console.error('Error getting AI response:', error);
 
-      // Create an error message to display to the user
-      const errorMessage = "Sorry, something went wrong. Please try again.";
+      // Use i18n directly with the full namespace and key
+      const errorMessage = i18n.t('chat.general', { ns: 'errors' });
 
       const assistantErrorMessage = chatService.createAssistantMessage(errorMessage);
       setMessages(prevMessages => [...prevMessages, assistantErrorMessage]);