feat: Enhance ChatAssistant and ProductFilters components with dynamic privacy prompts and category push notification support; update localization strings for new article notifications across multiple languages

src/components/ChatAssistant.js

@@ -58,17 +58,48 @@ class ChatAssistant extends Component {
     return `${t('chat.privacyPromptBefore')}<a href="/datenschutz" target="_blank" rel="noopener noreferrer">${t('chat.privacyPolicyLink')}</a>${t('chat.privacyPromptAfter')}<button data-confirm-privacy="true">${t('chat.privacyRead')}</button>`;
   };
 
+  /** Keep stored privacy bubble in sync with i18n (language switcher, lazy bundle load). */
+  applyPrivacyPromptTranslation = () => {
+    this.setState((prev) => {
+      if (prev.privacyConfirmed) return null;
+      const idx = prev.messages.findIndex((m) => m.id === 'privacy-prompt');
+      if (idx === -1) return null;
+      const updatedMessages = [...prev.messages];
+      updatedMessages[idx] = {
+        ...updatedMessages[idx],
+        text: this.buildPrivacyPromptHtml(),
+      };
+      window.chatMessages = updatedMessages;
+      return { messages: updatedMessages };
+    });
+  };
+
+  handleI18nLanguageChanged = () => {
+    this.applyPrivacyPromptTranslation();
+  };
+
   componentDidMount() {
     // Add socket listeners if socket is available and connected
     this.addSocketListeners();
 
+    this.props.i18n?.on('languageChanged', this.handleI18nLanguageChanged);
+
     const userStatus = isUserLoggedIn();
     const isGuest = !userStatus.isLoggedIn;
 
     if (isGuest && !this.state.privacyConfirmed) {
       this.setState(prevState => {
         if (prevState.messages.find(msg => msg.id === 'privacy-prompt')) {
-          return { isGuest: true };
+          const updatedMessages = prevState.messages.map((msg) =>
+            msg.id === 'privacy-prompt'
+              ? { ...msg, text: this.buildPrivacyPromptHtml() }
+              : msg
+          );
+          window.chatMessages = updatedMessages;
+          return {
+            messages: updatedMessages,
+            isGuest: true,
+          };
         }
 
         const privacyMessage = {
@@ -90,17 +121,7 @@ class ChatAssistant extends Component {
   
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.i18n?.language !== this.props.i18n?.language) {
-      this.setState((prev) => {
-        const idx = prev.messages.findIndex((m) => m.id === 'privacy-prompt');
-        if (idx === -1) return null;
-        const updatedMessages = [...prev.messages];
-        updatedMessages[idx] = {
-          ...updatedMessages[idx],
-          text: this.buildPrivacyPromptHtml(),
-        };
-        window.chatMessages = updatedMessages;
-        return { messages: updatedMessages };
-      });
+      this.applyPrivacyPromptTranslation();
     }
     if (prevState.messages !== this.state.messages || prevState.isTyping !== this.state.isTyping) {
       this.scrollToBottom();
@@ -108,6 +129,7 @@ class ChatAssistant extends Component {
   }
   
   componentWillUnmount() {
+    this.props.i18n?.off('languageChanged', this.handleI18nLanguageChanged);
     this.removeSocketListeners();
     this.stopRecording();
     if (this.recordingTimer) {