@buerokratt-ria/common-gui-components 0.0.39 → 0.0.40

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.40] - 30.01.2026
+
+- Show Message with event and content as an event message with content text
+
 ## [0.0.39] - 26.01.2026
 
 - Changed initial end date to be the same as the start date

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "Common GUI components and pre defined templates.",
   "main": "index.ts",
   "author": "ExiRai",

package/ui-components/ChatEvent/index.tsx

@@ -14,6 +14,7 @@ const ChatEvent: FC<ChatEventProps> = ({ message }) => {
     const { t } = useTranslation();
     const {
         event,
+        content,
         authorTimestamp,
         forwardedByUser,
         forwardedFromCsa,
@@ -208,7 +209,7 @@ const ChatEvent: FC<ChatEventProps> = ({ message }) => {
 
     return (
         <div className="active-chat__event-message">
-            <p>{EVENT_PARAMS}</p>
+           <p>{content || EVENT_PARAMS}</p>
         </div>
     );
 };

package/ui-components/HistoricalChat/index.tsx

@@ -189,57 +189,12 @@ const HistoricalChat: FC<ChatProps> = ({
   }, [messageGroups]);
 
   const isEvent = (group: GroupedMessage) => {
-    return (group.type === "event" || group.name.trim() === "" ||  group.messages.some((message) => message.event && !message.content));
+    return (group.type === "event" || group.name.trim() === "" ||  group.messages.some((message) => message.event && message.event !== CHAT_EVENTS.GREETING));
   };
 
   const eventGroup = (group: GroupedMessage) => {
     return group.messages.map((message) => {
-      if (message.event && !message.content) {
-        return <ChatEvent key={message.id} message={message} />;
-      } else {
-        return (
-          <div key={message.id}>
-            {group.name.trim() && (
-              <div className="historical-chat__group-header">
-                <div className="historical-chat__group-event-initials">
-                  {group.type === "buerokratt" || group.type === "chatbot" ? (
-                    <BykLogoWhite height={24} />
-                  ) : (
-                    (() => {
-                      if (group.name) {
-                        const initials = group.name
-                          .split(" ")
-                          .map((n) => n[0])
-                          .join("")
-                          .toUpperCase();
-                        return <>{initials}</>;
-                      } else {
-                        return <></>;
-                      }
-                    })()
-                  )}
-                </div>
-                {group.name && (
-                  <div className="historical-chat__group-event-name">
-                    {group.name}
-                    {group.title.length > 0 && <div className="title">{group.title}</div>}
-                  </div>
-                )}
-              </div>
-            )}
-            <div className="historical-chat__messages">
-              <ChatMessage
-                message={message}
-                key={`${message.id ?? ""}`}
-                toastContext={toastContext}
-                onMessageClick={(message) => {
-                  onMessageClick?.(message);
-                }}
-              />
-            </div>
-          </div>
-        );
-      }
+      return <ChatEvent key={message.id} message={message} />;
     });
   };