impact-chatbot 2.3.16 → 2.3.18

package/dist/components/message-template/components/message-content/DateRangePickerContent.d.ts

@@ -0,0 +1,4 @@
+declare const DateRangePickerContent: ({ bodyText }: {
+    bodyText: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default DateRangePickerContent;

package/dist/index.cjs.js

@@ -127,6 +127,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({
@@ -442,6 +456,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,
@@ -558,7 +592,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) => {
@@ -583,7 +617,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,
@@ -6720,6 +6764,42 @@ const DatePickerContent = ({ bodyText }) => {
             selectedDate: selectedDate }) }));
 };
 
+const DateRangePickerContent = ({ bodyText }) => {
+    const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, } = bodyText;
+    const [startDate, setStartDate] = React.useState(null);
+    const [endDate, setEndDate] = React.useState(null);
+    const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const dispatch = reactRedux.useDispatch();
+    if (lodash.isEmpty(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(smartBotActions.setChatbotContext(chatbotContext));
+        }
+        catch (error) {
+            console.error("Error in dateRangePicker handleDatesChange", error);
+        }
+    };
+    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -7056,6 +7136,8 @@ const CombinedContent = ({ botData, props }) => {
                 return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText }, key);
             case "datePicker":
                 return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText }, key);
+            case "dateRangePicker":
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText }, key);
             case "checkbox":
                 return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText }, key);
             case "radio":
@@ -7150,6 +7232,8 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
                 return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText });
             case "datePicker":
                 return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText });
+            case "dateRangePicker":
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText });
             case "checkbox":
                 return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText });
             case "radio":
@@ -9976,8 +10060,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]);
     React.useEffect(() => {
         handleUploadAccess();
     }, []);