@buerokratt-ria/common-gui-components 0.0.30 → 0.0.33

package/CHANGELOG.md

@@ -4,6 +4,20 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.33] - 22.12.2025
+
+- Updated domain logic change
+- Added abort ref to cancel unnecessary api calls.
+
+## [0.0.32] - 19-11-2025
+
+- Fixed isTest Mark.
+- Fixed Columns Spacing in Firefox
+
+## [0.0.31] - 18-11-2025
+
+- Added chat id to URL params in chats history page.
+
 ## [0.0.30] - 10-11-2025
 
 - Enhanced Markdownify

package/package.json

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

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

@@ -124,6 +124,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
     const envVal = import.meta.env.REACT_APP_SHOW_TEST_CONVERSATIONS;
     const showTest = envVal === undefined ? true : envVal.toLowerCase() === 'true';
     const [loading, setLoading] = useState(false);
+    const abortRef = useRef<AbortController | null>(null);
 
     const parseDateParam = (dateString: string | null) => {
       if (!dateString) return new Date();
@@ -158,13 +159,20 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         });
     }, 500);
 
-    if (multiDomainEnabled) {
-        useStore.subscribe((state, prevState) => {
-            if (JSON.stringify(state.userDomains) !== JSON.stringify(prevState.userDomains)) {
-                setUpdateKey(prevState => prevState + 1);
+    useEffect(() => {
+        if (!multiDomainEnabled) return;
+
+        const unsubscribe = useStore.subscribe((state, prevState) => {
+            if (
+                JSON.stringify(state.userDomains) !==
+                JSON.stringify(prevState.userDomains)
+            ) {
+                setUpdateKey((v) => v + 1);
             }
         });
-    }
+
+        return () => unsubscribe();
+    }, [multiDomainEnabled, useStore]);
 
     useEffect(() => {
         if (passedChatId != null) {
@@ -292,6 +300,9 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
             sorting: SortingState;
             search: string;
         }) => {
+            abortRef.current?.abort();
+            abortRef.current = new AbortController();
+
             let sortBy = 'created desc';
             if (sorting.length > 0) {
                 const sortType = sorting[0].desc ? 'desc' : 'asc';
@@ -308,7 +319,11 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 page_size: data.pagination.pageSize,
                 sorting: sortBy,
                 search,
-            });
+            },
+                {
+                    signal: abortRef.current.signal
+                }
+            );
         },
         onSuccess: (res: any) => {
             if (selectedChat)
@@ -565,31 +580,51 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
         </Tooltip>
     );
 
+    const updateChatTest = function (chatId: string, isTest: boolean) {
+      setFilteredEndedChatsList((prevChats) =>
+        prevChats.map((chat) => (chat.id === chatId ? ({ ...chat, istest: isTest } as ChatType) : chat))
+      );
+
+      if (selectedChat && selectedChat.id === chatId) {
+        setSelectedChat({
+          ...selectedChat,
+          istest: isTest,
+        } as ChatType);
+      }
+    };
+
     const markConversationAsTest = (props: any) => {
-        return <>
-            <FormCheckbox
-                label={''}
-                hideLabel
-                emptyItem={true}
-                name="active"
-
-                item={{
-                    label: '',
-                    value: 'active',
-                    checked: props.getValue()
-                }}
-                onChange={(e) => {
-                    return chatTestChangeMutation.mutate({chatId: props.row.original.id, isTest: e.target.checked})
-                }}
-            />
-        </>
-    }
+      const chatId = props.row.original.id;
+      const newIsTestValue = props.getValue();
+      return (
+        <FormCheckbox
+          checked={newIsTestValue}
+          label={""}
+          hideLabel
+          emptyItem={true}
+          name="active"
+          item={{
+            label: "",
+            value: "active",
+          }}
+          onChange={(e) => {
+            const isTest = e.target.checked;
+            updateChatTest(chatId, isTest);
+            chatTestChangeMutation.mutate({ chatId, isTest });
+          }}
+        />
+      );
+    };
 
     const detailsView = (props: any) => (
         <Button
             appearance="text"
             onClick={() => {
                 setSelectedChat(props.row.original);
+                setSearchParams((params) => {
+                    params.set("chat", props.row.original.id);
+                    return params;
+                });
                 setChatState(props.row.original.lastMessageEvent);
             }}
         >

package/types/chat.ts

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

package/ui-components/DataTable/DataTable.scss

@@ -34,7 +34,7 @@
     padding: 12px 24px 12px 16px;
     border-bottom: 1px solid get-color(black-coral-2);
     vertical-align: middle;
-    max-width: fit-content;
+    max-width: 300px;
 
     p{
       white-space: break-spaces;