@buerokratt-ria/common-gui-components 0.0.21 → 0.0.23

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All changes to this project will be documented in this file.
 
 ## Template [MajorVersion.MediterraneanVersion.MinorVersion] - DD-MM-YYYY
 
+## [0.0.23] - 21-07-2025
+
+- Initial support of multidomains
+- Added updated key to force fetching on domain change
+- Updated store params
+- Made store export state for reusability
+
+## [0.0.22] - 01-07-2025
+
+- Handled Previous Messages Edge Case in Buttons
+
 ## [0.0.21] - 30-06-2025
 
 - Fix Message With Buttons View.

package/package.json

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

package/store/index.ts

@@ -8,7 +8,7 @@ import {
 } from '../types/chat';
 import { apiDev } from '../services/api';
 
-interface StoreState {
+export interface StoreState {
     userInfo: UserInfo | null;
     userId: string;
     activeChats: ChatType[];
@@ -31,6 +31,8 @@ interface StoreState {
     getGroupedUnansweredChats: () => GroupedChat;
     loadPendingChats: () => Promise<void>;
     getGroupedPendingChats: () => GroupedPendingChat;
+    userDomains: string[];
+    setUserDomains: (domains: string[]) => void;
 }
 
 const useStore = create<StoreState>((set, get, store) => ({
@@ -38,12 +40,14 @@ const useStore = create<StoreState>((set, get, store) => ({
     userId: '',
     activeChats: [],
     pendingChats: [],
+    userDomains: [],
     selectedChatId: null,
     chatCsaActive: false,
     setActiveChats: (chats) => set({ activeChats: chats }),
     setPendingChats: (chats) => set({ pendingChats: chats }),
     setUserInfo: (data) => set({ userInfo: data, userId: data?.idCode || '' }),
     setSelectedChatId: (id) => set({ selectedChatId: id }),
+    setUserDomains: (data: string[]) => set({ userDomains: data}),
     setChatCsaActive: (active) => {
         set({
             chatCsaActive: active,

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

@@ -32,8 +32,12 @@ import {useDebouncedCallback} from 'use-debounce';
 import {UserInfo} from "../../../types/userInfo";
 import {ToastContextType} from "../../../context";
 
+import {getDomainsArray} from "../../../utils/multiDomain-utils";
+import {StoreState} from "../../../store";
+
 type HistoryProps = {
     user: UserInfo | null;
+    userDomains: StoreState;
     toastContext: ToastContextType | null;
     onMessageClick?: (message: any) => void;
     showComment?: boolean;
@@ -49,6 +53,7 @@ type HistoryProps = {
 
 const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                                                               user,
+                                                              userDomains,
                                                               toastContext,
                                                               onMessageClick,
                                                               showComment = true,
@@ -100,6 +105,11 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
     const [customerSupportAgents, setCustomerSupportAgents] = useState<any[]>([]);
     const [counterKey, setCounterKey] = useState<number>(0)
 
+    const useStore = userDomains;
+    const [updateKey, setUpdateKey] = useState<number>(0)
+    const currentDomains = useStore.getState().userDomains;
+    const multiDomainEnabled = import.meta.env.REACT_APP_ENABLE_MULTI_DOMAIN.toLowerCase() === 'true';
+
     const {control, setValue, watch} = useForm<{
         startDate: Date | string;
         endDate: Date | string;
@@ -136,6 +146,14 @@ 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 (passedChatId != null) {
             getChatById.mutate();
@@ -168,7 +186,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 });
             }
         }
-    }, [delegatedStartDate, delegatedEndDate]);
+    }, [delegatedStartDate, delegatedEndDate, updateKey]);
 
 
     const fetchData = async () => {
@@ -272,6 +290,7 @@ const ChatHistory: FC<PropsWithChildren<HistoryProps>> = ({
                 customerSupportIds: data.customerSupportIds,
                 startDate: format(new Date(data.startDate), 'yyyy-MM-dd'),
                 endDate: format(new Date(data.endDate), 'yyyy-MM-dd'),
+                urls: getDomainsArray(currentDomains),
                 page: data.pagination.pageIndex + 1,
                 page_size: data.pagination.pageSize,
                 sorting: sortBy,

package/ui-components/HistoricalChat/index.tsx

@@ -105,8 +105,10 @@ const HistoricalChat: FC<ChatProps> = ({
       const content = currentMessage.content?.trim() ?? "";
 
       if (content.startsWith("#service,") || content.startsWith("#common_service,")) {
-        let buttons = messagesList[i - 1]?.buttons ? JSON.parse(messagesList[i - 1].buttons!) : [];
-        currentMessage.content = buttons.find((b: any) => b.payload.includes(content))?.title ?? content;
+        const allPreviousButtons = messagesList
+          .slice(0, i)
+          .flatMap((msg) => (msg.buttons ? JSON.parse(msg.buttons) : []));
+        currentMessage.content = allPreviousButtons.find((b: any) => b.payload.includes(content))?.title ?? content;
       }
 
       const lastGroup = groupedMessages[groupedMessages.length - 1];
@@ -122,7 +124,7 @@ const HistoricalChat: FC<ChatProps> = ({
             content:
               currentMessage.event === CHAT_EVENTS.WAITING_VALIDATION
                 ? t("chat.waiting_validation").toString()
-                : content,
+                : currentMessage.content,
           });
         } else {
           groupedMessages.push({

package/utils/multiDomain-utils.ts

@@ -0,0 +1,8 @@
+import useStore from "../store";
+
+export const getDomainsArray = (currentDomains) => {
+    const multiDomainEnabled = import.meta.env.REACT_APP_ENABLE_MULTI_DOMAIN.toLowerCase() === 'true';
+    const userDomains = currentDomains || [];
+
+    return multiDomainEnabled ? (userDomains?.length > 0 ? userDomains : [null]) : [];
+}