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

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.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.48",
   "description": "Common GUI components and pre defined templates.",
   "main": "index.ts",
   "author": "ExiRai",

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

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;