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

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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
+- Changed empty advisor name to default to 'Bürokratt' instead of '-'
+- Fixed CSA messages display
+
 ## [0.0.38] - 20.01.2026
 
 - Added isFiveRatingScale Handle

package/package.json

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

package/templates/history-page/src/index.tsx

@@ -131,18 +131,14 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
       return new Date(dateString.split("+")[0]);
     };
 
-    const {control, setValue, watch} = useForm<{
-        startDate: Date | string;
-        endDate: Date | string;
+    const { control, setValue, watch } = useForm<{
+      startDate: Date | string;
+      endDate: Date | string;
     }>({
-        defaultValues: {
-            startDate: passedStartDate
-            ? parseDateParam(passedStartDate)
-            : new Date(new Date().setUTCHours(0, 0, 0, 0)),
-             endDate: passedEndDate
-            ? parseDateParam(passedEndDate)
-            : new Date(new Date().setUTCHours(23, 59, 59, 999)),
-        },
+      defaultValues: {
+        startDate: passedStartDate ? parseDateParam(passedStartDate) : startOfDay(new Date()),
+        endDate: passedEndDate ? parseDateParam(passedEndDate) : endOfDay(new Date()),
+      },
     });
 
     const startDate = watch('startDate');
@@ -670,7 +666,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
 
                         return filteredNames.join(", ");
                     } else {
-                        return '-';
+                        return "Bürokratt";
                     }
                 },
                 {

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/HistoricalChat.scss

@@ -146,17 +146,19 @@
       #{$self} {
         &__group-header {
           display: flex;
-          justify-content: flex-end;
+          justify-content: flex-start;
           align-items: center;
         }
 
-        &__group-initials {
+        &__group-initials,
+        &__group-event-initials {
           background-color: get-color(black-coral-10);
           color: get-color(white);
           position: relative;
         }
 
-        &__group-name {
+        &__group-name,
+        &__group-event-name {
           text-align: left;
           margin-left: 0;
           font-size: $veera-font-size-100;
@@ -167,7 +169,7 @@
           display: flex;
           flex-direction: column;
           gap: 4px;
-          align-items: flex-end;
+          align-items: flex-start;
           padding-left: 50px;
         }
 

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} />;
     });
   };