Add the term into the chat history emitted event

src/config/enums.ts

@@ -12,6 +12,10 @@ enum ScreenOrientation {
   vertical = 'vertical',
 }
 
+enum QueryParams {
+  chat = 'utm_chat'
+}
+
 enum AllEvents {
   addToCart = 'AddToCart',
   contact = 'Contact',
@@ -74,4 +78,4 @@ enum Theme {
   dark = 'dark',
 }
 
-export { AllEvents, Definition, Events, Intentions, Roles, ScreenOrientation, Theme }
+export { AllEvents, Definition, Events, Intentions, QueryParams,Roles, ScreenOrientation, Theme }

src/config/index.ts

@@ -1,6 +1,6 @@
 import { AssistantRecord } from '../interfaces/index';
-import { uuidV4 } from '../utils';
-import { Definition, Roles } from './enums';
+import { getQueryParam, uuidV4 } from '../utils';
+import { Definition, QueryParams, Roles } from './enums';
 import { colors as baseThemeColors } from './themes/base';
 export { Events, Roles } from './enums';
 export { config } from './socket';
@@ -23,8 +23,8 @@ export const chat = (id: string) => ({
       billingFrequencyTmsg: '',
     },
     marketing: {
-      utmParams: { utm_chat: 'db-sales-nopresetquestions' },
-      lastUtmParams: { utm_chat: 'db-sales-nopresetquestions' },
+      utmParams: { utm_chat: getQueryParam(QueryParams.chat) },
+      lastUtmParams: { utm_chat: getQueryParam(QueryParams.chat) },
       screen: {
         width: 2084,
         height: 1608,

src/middleware/socket.ts

@@ -1,15 +1,10 @@
 import { Middleware } from '@reduxjs/toolkit';
-import { io,Socket } from 'socket.io-client';
+import { io, Socket } from 'socket.io-client';
 
 import { config as socketConfig, Events } from '../config';
-import { Roles } from '../config/enums';
+import { QueryParams, Roles } from '../config/enums';
 import { CHAT_FINISHED_TIMESTAMP } from '../config/env';
-import {
-  AssistantHistoryInitialMessage,
-  AssistantRecord,
-  ClientMessage,
-  SocketHistoryRecord,
-  UserMessageContent } from '../interfaces'
+import { AssistantHistoryInitialMessage,AssistantRecord, ClientMessage, SocketHistoryRecord, UserMessageContent } from '../interfaces'
 import {
 fillAssistantHistoryData, fillInitialMessage,
   hideResendIcon, resendMessage, resetError, resetHistory,   resetIsLoading, resetOutgoing,
@@ -70,7 +65,7 @@ const chatMiddleware: Middleware = (store) => (next) => (action) => {
         {
           role: Roles.user,
           message: data.message,
-          term: getQueryParam(window.location.search, 'utm_chat'),
+          term: getQueryParam(QueryParams.chat),
           user_id: meta.cid,
           region: meta.region,
         },
@@ -86,7 +81,7 @@ const chatMiddleware: Middleware = (store) => (next) => (action) => {
     handleMessageSending({
       role: Roles.user,
       message: action.payload,
-      term: getQueryParam(window.location.search, 'utm_chat') ?? '',
+      term: getQueryParam(QueryParams.chat),
       user_id: meta.cid,
       region: meta.region,
       messageId: [...chat.historyIds].pop(),
@@ -116,7 +111,7 @@ const chatMiddleware: Middleware = (store) => (next) => (action) => {
       handleMessageSending({
         role: Roles.user,
         message: lastMessage,
-        term: getQueryParam(window.location.search, 'utm_chat') || '',
+        term: getQueryParam(QueryParams.chat),
         user_id: meta.cid,
         region: meta.region,
         messageId
@@ -140,7 +135,7 @@ const chatMiddleware: Middleware = (store) => (next) => (action) => {
   socket.on(Events.connect, () => {
     const { meta } = store.getState();
     socket.sendBuffer = [];
-    socket.emit(Events.chatHistory, { user_id: meta.cid, region: meta.region });
+    socket.emit(Events.chatHistory, { user_id: meta.cid, region: meta.region, term: getQueryParam(QueryParams.chat) });
     store.dispatch(setConnected(true));
   });
 
@@ -180,7 +175,7 @@ const chatMiddleware: Middleware = (store) => (next) => (action) => {
             config.aiProfile.initialMessage.forEach((message: SocketHistoryRecord) =>
               handleMessageSending({
                 role: Roles.assistant,
-                term: getQueryParam(window.location.search, 'utm_chat') || '',
+                term: getQueryParam(QueryParams.chat),
                 user_id: meta.cid,
                 message: JSON.stringify(message.content),
                 messageId: message.id,

src/store/slices/chat.ts

@@ -2,7 +2,7 @@ import { createSlice, Draft,PayloadAction } from '@reduxjs/toolkit';
 import produce from 'immer';
 
 import { getUnifiedSequence } from '../../config';
-import { Definition, Roles } from '../../config/enums';
+import { Definition, QueryParams, Roles } from '../../config/enums';
 import {
   AssistantHistoryDataFiller,
   AssistantHistoryInitialMessage,
@@ -21,7 +21,7 @@ const configSlice = createSlice({
   reducers: {
     setOutgoing(state, { payload }: PayloadAction<string>) {
       state.outgoing = {
-        term: getQueryParam(window.location.search, 'utm_chat') || '',
+        term: getQueryParam(QueryParams.chat),
         user_id: localStorage.getItem('__cid') || '',
         role: Roles.user,
         message: payload,

src/utils/index.js

@@ -2,14 +2,13 @@
 /**
  * Retrieves certain query parameter from a URL.
  *
- * @example getQueryParam(window.location.search, 'utm_chat')
- * @param {string} url
+ * @example getQueryParam('utm_chat')
  * @param {string} param
  */
-export const getQueryParam = (url, param) => {
-  const urlParams = new URLSearchParams(url);
+export const getQueryParam = (param) => {
+  const urlParams = new URLSearchParams(window.location.search);
 
-  return urlParams.get(param);
+  return urlParams.get(param) || '';
 };
 
 const formatDateByLocaleOptions = {