impact-chatbot 2.3.16 → 2.3.18

package/dist/index.esm.js

@@ -23,7 +23,7 @@ import RefreshIcon from '@mui/icons-material/Refresh';
 import styled from 'styled-components';
 import { CircularProgress, Typography, Grid } from '@mui/material';
 import { fetchBaseUrl, replaceSpecialCharacter as replaceSpecialCharacter$1, fetchLegacyAgentScreen } from 'core/Utils/functions/utils';
-import { Button, Modal, AccordionModern, Tabs, Slider, Select, DatePicker, Checkbox, RadioButtonGroup, Input, Loader, ChatBotComponent } from 'impact-ui-v3';
+import { Button, Modal, AccordionModern, Tabs, Slider, Select, DatePicker, DateRangePicker, Checkbox, RadioButtonGroup, Input, Loader, ChatBotComponent } from 'impact-ui-v3';
 import AgGridComponent from 'core/Utils/agGrid';
 import agGridColumnFormatter from 'core/Utils/agGrid/column-formatter';
 import CoreChart from 'core/Utils/core-charts';
@@ -105,6 +105,20 @@ const likeDislikeComment = async (payload) => {
         return false;
     }
 };
+// Like/Dislike Messages for agent
+const likeDislikeCommentForAgent = async (payload, baseUrl) => {
+    try {
+        return axiosInstance({
+            url: `${baseUrl}/chatbot/agent/analytics/like`,
+            data: payload,
+            method: "POST",
+        });
+    }
+    catch (error) {
+        console.error("likeDislikeComment error", error);
+        return false;
+    }
+};
 const fetchIntentApiResponse = async (input = "@apply_filter What is sales discount in cabezon mtd?") => {
     try {
         return axiosInstance({
@@ -420,6 +434,26 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
                     paramName: data?.data?.param_name
                 }
             };
+        case "dateRangePicker":
+            return {
+                ...data,
+                timeStamp: timeString,
+                userType: "bot",
+                userName: userName,
+                headerTitle: data?.data?.label || "",
+                bodyType: "dateRangePicker",
+                bodyText: {
+                    displayFormat: data?.data?.displayFormat,
+                    label: data?.data?.label,
+                    isRequired: data?.data?.isRequired,
+                    labelOrientation: data?.data?.labelOrientation,
+                    minDate: data?.data?.minDate,
+                    maxDate: data?.data?.maxDate,
+                    isDisabled: data?.data?.isDisabled,
+                    showMonthYearSelect: data?.data?.showMonthYearSelect,
+                    paramName: data?.data?.param_name
+                }
+            };
         case "checkbox":
             return {
                 ...data,
@@ -536,7 +570,7 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
  * @param {object} templateData
  * @returns
  */
-const handleMessageLike = async (question, liked, setLoadingState, displaySnackMessages, templateData, activeConversationId, answer, chatDataInfoRef, chatIndex, setChatDataState) => {
+const handleMessageLike = async (question, liked, setLoadingState, displaySnackMessages, templateData, activeConversationId, answer, chatDataInfoRef, chatIndex, setChatDataState, baseUrl, sessionId) => {
     let answerData;
     let questionData;
     answer?.forEach((item) => {
@@ -561,7 +595,17 @@ const handleMessageLike = async (question, liked, setLoadingState, displaySnackM
     const activeMessage = chatDataInfoRef?.[currentMode]?.conversations?.[1]?.messages?.[chatIndex];
     // const activeMessage = chats?.[currentMode].conversations[activeConversationId].messages[activeMessageIndex];
     try {
-        const request = await likeDislikeComment(payload);
+        let request;
+        if (currentMode === "agent") {
+            const agentPayload = {
+                session_id: sessionId,
+                liked,
+            };
+            request = await likeDislikeCommentForAgent(agentPayload, baseUrl);
+        }
+        else {
+            request = await likeDislikeComment(payload);
+        }
         if (request?.status) {
             let updatedMessage = {
                 ...activeMessage,
@@ -6698,6 +6742,42 @@ const DatePickerContent = ({ bodyText }) => {
             selectedDate: selectedDate }) }));
 };
 
+const DateRangePickerContent = ({ bodyText }) => {
+    const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, } = bodyText;
+    const [startDate, setStartDate] = useState(null);
+    const [endDate, setEndDate] = useState(null);
+    const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const dispatch = useDispatch();
+    if (isEmpty$1(bodyText))
+        return null;
+    const handleDatesChange = (start, end) => {
+        try {
+            setStartDate(start);
+            setEndDate(end);
+            chatbotContext[bodyText?.paramName] = {
+                ...chatbotContext?.[bodyText?.paramName],
+                [bodyText?.paramName]: {
+                    startDate: start ? moment(start).format(displayFormat) : null,
+                    endDate: end ? moment(end).format(displayFormat) : null,
+                },
+                updated: true,
+            };
+            dispatch(setChatbotContext(chatbotContext));
+        }
+        catch (error) {
+            console.error("Error in dateRangePicker handleDatesChange", error);
+        }
+    };
+    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DateRangePicker, { displayFormat: displayFormat, label: label, isRequired: isRequired, labelOrientation: labelOrientation || "top", minDate: minDate, maxDate: maxDate, isDisabled: isDisabled, startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, showMonthYearSelect: showMonthYearSelect, handleDatesChange: handleDatesChange, onPrimaryButtonClick: () => handleDatesChange(startDate, endDate), onSecondaryButtonClick: () => {
+                setStartDate(null);
+                setEndDate(null);
+            }, onResetClick: () => {
+                setStartDate(null);
+                setEndDate(null);
+                handleDatesChange(null, null);
+            } }) }));
+};
+
 const CheckboxContent = ({ bodyText }) => {
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -7034,6 +7114,8 @@ const CombinedContent = ({ botData, props }) => {
                 return jsx(SelectContent, { bodyText: parsedData.bodyText }, key);
             case "datePicker":
                 return jsx(DatePickerContent, { bodyText: parsedData.bodyText }, key);
+            case "dateRangePicker":
+                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText }, key);
             case "checkbox":
                 return jsx(CheckboxContent, { bodyText: parsedData.bodyText }, key);
             case "radio":
@@ -7128,6 +7210,8 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
                 return jsx(SelectContent, { bodyText: botData.bodyText });
             case "datePicker":
                 return jsx(DatePickerContent, { bodyText: botData.bodyText });
+            case "dateRangePicker":
+                return jsx(DateRangePickerContent, { bodyText: botData.bodyText });
             case "checkbox":
                 return jsx(CheckboxContent, { bodyText: botData.bodyText });
             case "radio":
@@ -9954,8 +10038,8 @@ const SmartBot = (props) => {
             ...loadingState,
             [isLike ? "like" : "dislike"]: key,
         });
-        handleMessageLike(key, isLike, setLoadingState, displaySnackMessages, templateData, activeConversationId, answer, chatDataInfoRef.current, chatIndex, setChatDataState);
-    }, 5000, { trailing: false }), [loadingState, templateData, displaySnackMessages]);
+        handleMessageLike(key, isLike, setLoadingState, displaySnackMessages, templateData, activeConversationId, answer, chatDataInfoRef.current, chatIndex, setChatDataState, baseUrl, sessionId);
+    }, 5000, { trailing: false }), [loadingState, templateData, displaySnackMessages, sessionId, baseUrl]);
     useEffect(() => {
         handleUploadAccess();
     }, []);