adjust event data on message middleware

Cognigy · Jul 3, 2024 · bc58676 · bc58676
1 parent a3ee95c
commit bc58676
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 13 deletions.
diff --git a/src/common/interfaces/event.ts b/src/common/interfaces/event.ts
@@ -22,8 +22,8 @@ export interface ILiveAgentEvent {
 	type: "liveAgentEvent";
   data: {
     text?: string;
-    action: string;
-    agentName: string;
+    action?: string;
+    agentName?: string;
   }
 }
 

diff --git a/src/webchat/store/messages/message-handler.ts b/src/webchat/store/messages/message-handler.ts
@@ -91,6 +91,10 @@ export const createOutputHandler = (store: Store) => output => {
 		if (isQueueUpdate(output?.data)) {
 			store.dispatch(updateQueueData(payload));
 		}
+		// else {
+			// TODO: implement events logic on middlewares
+			// store.dispatch(receiveEvent(output));
+		// }
 	} else {
 		store.dispatch(receiveMessage(output));
 	}

diff --git a/src/webchat/store/messages/message-middleware.ts b/src/webchat/store/messages/message-middleware.ts
@@ -1,6 +1,6 @@
 import { Middleware } from "redux";
 import { StoreState } from "../store";
-import { IMessage, IBotMessage } from "../../../common/interfaces/message";
+import { IMessage, IBotMessage, IAgentMessage } from "../../../common/interfaces/message";
 import { addMessage, addMessageEvent } from "./message-reducer";
 import { Omit } from "react-redux";
 import { setFullscreenMessage } from "../ui/ui-reducer";
@@ -60,12 +60,9 @@ export const getAvatarNameForMessage = (message: IMessage, state: StoreState) =>
     }
 }
 
-export const getAvatarNameForMessageEvent = (state: StoreState) => {
-    return (state.config.settings.layout.useOtherAgentLogo && state.config.settings.layout.agentAvatarName) || state.config.settings.layout.title || "Agent";
-}
-
 export const getTextForMessageEvent = (state: StoreState, action: string) => {
-    return `${getAvatarNameForMessageEvent(state)} ${action}`;
+    const agentName = (state.config.settings.layout.useOtherAgentLogo && state.config.settings.layout.agentAvatarName) || state.config.settings.layout.title || "Agent";
+    return `${agentName} ${action}`;
 }
 
 // forwards messages to the socket
@@ -125,26 +122,26 @@ export const createMessageMiddleware = (client: SocketClient): Middleware<object
             const isUnseen = !isWebchatActive && !isMessageEmpty;
 
             // temporary solution: conditionally inject a event message type
+            // TODO: we should get this kind of status updates from socket output event
             if (message.source === "agent" && state.queueUpdates.isQueueActive) {
-                const mockEventMessage: IMessageEvent = {
+                const eventMessage: IMessageEvent = {
                     text: "",
                     data: {
                         _cognigy: {
                             _webchat3Event: {
                                 type: 'liveAgentEvent',
                                 data: {
-                                    agentName: getAvatarNameForMessageEvent(state),
-                                    action: "joined",
                                     text: getTextForMessageEvent(state, "joined")
                                 }
                             }
                         }
                     }
                 }
+                bellSound.play();
+
                 next(addMessageEvent({
-                    ...mockEventMessage
+                    ...eventMessage
                 } as IMessageEvent));
-                bellSound.play();
             }
 
             next(addMessage({