impact-chatbot 2.3.17 → 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';
@@ -434,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,
@@ -6722,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);
@@ -7058,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":
@@ -7152,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":