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

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.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
+
 ## [0.0.37] - 19.01.2026
 
 - Added Sanitization to Markdownify

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buerokratt-ria/common-gui-components",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "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";
                     }
                 },
                 {
@@ -704,7 +700,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 header: t('chat.history.rating') ?? '',
                 cell: (props) => {
                     const value = props.getValue();
-                    return value !== null && value !== undefined ? <span>{`${value}/10`}</span> : null;
+                    return value !== null && value !== undefined ? <span>{`${value}/${props.row.original?.isFiveRatingScale === 'true' ? 5 : 10}`}</span> : null;
                 }
             }),
             columnHelper.accessor('feedbackText', {
@@ -887,6 +883,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 }
 
                 let processedValue: any = rawValue;
+                const totalCheck = chat.isFiveRatingScale === 'true' ? 5 : 10;
                 switch (col.id) {
                     case 'created':
                     case 'ended':
@@ -902,7 +899,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                         processedValue = rawValue ? t('global.yes') : t('global.no');
                         break;
                     case 'feedbackRating':
-                        processedValue = rawValue != null ? `${rawValue}/10` : '';
+                        processedValue = rawValue == null ? '' : `${rawValue}/${totalCheck}`;
                         break;
                     case 'status':
                         processedValue =

package/types/chat.ts

@@ -88,6 +88,7 @@ export interface Chat {
     nps?: number;
     userDisplayName?: string;
     istest?: boolean;
+    isFiveRatingScale?: string;
 }
 export interface GroupedChat {
     myChats: Chat[];

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