@buerokratt-ria/common-gui-components 0.0.47 → 0.0.49

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.49] - 29.04.2026
+
+- Fixed chat history XLSX download to use the S3 signed URL returned by the API instead of the previous base64 payload.
+
+## [0.0.48] - 23.04.2026
+
+- Added chats preserve feature
+
 ## [0.0.47] - 21.04.2026
 
 - Added total chat counter under chat history

package/package.json

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

package/services/file.ts

@@ -1,42 +1,11 @@
-/**
- * Converts a base64 string to a Uint8Array (browser-compatible alternative to Buffer)
- */
-const base64ToUint8Array = (base64: string): Uint8Array<ArrayBuffer> => {
-    const binaryString = atob(base64);
-    const bytes = new Uint8Array(binaryString.length);
-    for (let i = 0; i < binaryString.length; i++) {
-        bytes[i] = binaryString.charCodeAt(i);
-    }
-    return bytes;
-};
-
-export const saveFile = async (base64String: string, fileName: `${string}.${string}`, type: string) => {
-    const bytes = base64ToUint8Array(base64String);
-    const blob = new Blob([bytes], {
-        type: type,
-    });
-
-    const extension = fileName.split('.').pop();
-
-    if (window.showSaveFilePicker) {
-        const handle = await window.showSaveFilePicker({
-            suggestedName: fileName,
-            types: [
-                {
-                    description: extension!.toUpperCase() + ' file',
-                    accept: { [type]: [`.${extension}` as `.${string}`] },
-                },
-            ],
-        });
-        const writable = await handle.createWritable();
-        await writable.write(blob);
-        writable.close();
-    } else {
-        const url = window.URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = fileName;
-        a.click();
-        window.URL.revokeObjectURL(url);
-    }
+export const saveFile = async (
+    fileUrl: string,
+    fileName: `${string}.${string}`,
+) => {
+    const a = document.createElement('a');
+    a.href = fileUrl;
+    a.download = fileName;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
 };

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

@@ -391,6 +391,8 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
             columns.splice(5, 0, {label: t('global.test'), value: 'istest'});
         }
 
+        columns.splice(5, 0, {label: t('global.preserve'), value: 'isPreserve'});
+
         return columns;
     }, [t, showEmail, testMessageEnabled])
 
@@ -508,6 +510,31 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         },
     });
 
+    const chatPreserveChangeMutation = useMutation({
+        mutationFn: (data: {
+            chatId: string | number;
+            isPreserve: boolean;
+        }) => apiDev.post('chats/mark-preserve', data),
+        onSuccess: (res, {chatId, isPreserve}) => {
+            const updatedChatList = filteredEndedChatsList.map((chat) =>
+                chat.id === chatId ? {...chat, isPreserve: isPreserve} : chat
+            );
+            filterChatsList(updatedChatList);
+            toast?.open({
+                type: 'success',
+                title: t('global.notification'),
+                message: t('toast.success.updateSuccess'),
+            });
+        },
+        onError: (error: AxiosError) => {
+            toast?.open({
+                type: 'error',
+                title: t('global.notificationError'),
+                message: error.message,
+            });
+        },
+    });
+
     const columnHelper = createColumnHelper<ChatType>();
 
     const copyValueToClipboard = async (value: string) => {
@@ -590,6 +617,19 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
       }
     };
 
+    const updateChatPreserve = function (chatId: string, isPreserve: boolean) {
+      setFilteredEndedChatsList((prevChats) =>
+        prevChats.map((chat) => (chat.id === chatId ? ({ ...chat, isPreserve: isPreserve } as ChatType) : chat))
+      );
+
+      if (selectedChat?.id === chatId) {
+        setSelectedChat({
+          ...selectedChat,
+          isPreserve: isPreserve,
+        } as ChatType);
+      }
+    };
+
     const markConversationAsTest = (props: any) => {
       const chatId = props.row.original.id;
       const newIsTestValue = props.getValue();
@@ -613,6 +653,29 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
       );
     };
 
+    const markConversationAsPreserve = (props: any) => {
+      const chatId = props.row.original.id;
+      const newIsPreserveValue = props.getValue();
+      return (
+        <FormCheckbox
+          checked={newIsPreserveValue}
+          label={""}
+          hideLabel
+          emptyItem={true}
+          name="active"
+          item={{
+            label: "",
+            value: "active",
+          }}
+          onChange={(e) => {
+            const isPreserve = e.target.checked;
+            updateChatPreserve(chatId, isPreserve);
+            chatPreserveChangeMutation.mutate({ chatId, isPreserve });
+          }}
+        />
+      );
+    };
+
     const detailsView = (props: any) => (
         <Button
             appearance="text"
@@ -765,6 +828,12 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
             }));
         }
 
+        columns.splice(4, 0, columnHelper.accessor('isPreserve', {
+            id: 'isPreserve',
+            header: t('global.preserve') ?? '',
+            cell: markConversationAsPreserve
+        }));
+
         return columns;
     }, [t, showEmail, testMessageEnabled])
 
@@ -810,6 +879,8 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 return 'id';
             case 'istest':
                 return t('global.test') ?? ''
+            case 'isPreserve':
+                return t('global.preserve') ?? ''
             default:
                 return '';
         }
@@ -953,15 +1024,15 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 customerSupportIds: passedCustomerSupportIds,
             });
 
+            const downloadData = response.data.data ?? response.data;
 
             await saveFile(
-                response.data.base64String,
+                downloadData.url,
                 'history.xlsx',
-                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
             );
 
         } catch (error) {
-            console.error('Error getting CSV file:', error);
+            console.error('Error downloading chat history file:', error);
         } finally {
             setLoading(false);
         }

package/types/chat.ts

@@ -88,6 +88,7 @@ export interface Chat {
     nps?: number;
     userDisplayName?: string;
     istest?: boolean;
+    isPreserve?: boolean;
     isFiveRatingScale?: string;
     allCsa?: string[];
     totalPages?: number;