@buerokratt-ria/common-gui-components 0.0.13 → 0.0.16

package/CHANGELOG.md

@@ -4,6 +4,18 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.16] - 12-05-2025
+
+- Updating CSA display and filtering.
+
+## [0.0.15] - 09-05-2025
+
+- Display feedback rating consistently in history page.
+
+## [0.0.14] - 05-05-2025
+
+- Updated popup duration to be 5 seconds.
+
 ## [0.0.13] - 25-04-2025
 
 - Adding double scrollbar to history page when size is small.

package/constants/config.ts

@@ -4,7 +4,7 @@ export const NO_CSA_MESSAGE_LENGTH = 250;
 export const OUTSIDE_WORKING_HOURS_MESSAGE_LENGTH = 250;
 export const USER_IDLE_STATUS_TIMEOUT = 300000; // milliseconds
 export const CHAT_INPUT_LENGTH = 500;
-export const POPUP_DURATION = 2; // seconds
+export const POPUP_DURATION = 5; // seconds
 export const CHAT_HISTORY_PREFERENCES_KEY = 'chat-history-preferences';
 export const isHiddenFeaturesEnabled =
     import.meta.env.REACT_APP_ENABLE_HIDDEN_FEATURES?.toLowerCase().trim() ==

package/package.json

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

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

@@ -259,7 +259,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({user, toastContext, o
             }),
         onSuccess: (res: any) => {
             setCustomerSupportAgents([
-                {label: '-', value: ','},
+                {label: '-', value: '-'},
                 {label: 'Bürokratt', value: 'chatbot'},
                 ...res.data.response.map((item) => ({
                     label: [item.firstName, item.lastName].join(' ').trim(),
@@ -481,9 +481,22 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({user, toastContext, o
                     ),
             }),
             columnHelper.accessor(
-               (row) => {
-                const customerSupportIdCheck = row.customerSupportId ? `${row.customerSupportFirstName ?? ""} ${row.customerSupportLastName ?? ""}`: "-";
-                return `${ row.customerSupportId === "chatbot" ? row.customerSupportDisplayName : customerSupportIdCheck }`;
+                (row) => {
+                    if (Array.isArray(row.allCsa) && !(row.allCsa.length === 1 && (row.allCsa[0] == null || row.allCsa[0].toString().trim() === ''))) {
+                        const cleanedNames = row.allCsa
+                            .filter(name => !!name && typeof name === 'string')
+                            .map(name => name.trim())
+                            .filter(name => name !== "")
+                            .filter((name, index, self) => self.indexOf(name) === index);
+
+                        const filteredNames = cleanedNames.length > 1
+                            ? cleanedNames.filter(name => name !== "Bürokratt")
+                            : cleanedNames;
+
+                        return filteredNames.join(", ");
+                    } else {
+                        return '-';
+                    }
                 },
                 {
                   id: `customerSupportFullName`,