impact-chatbot 2.3.17 → 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

@@ -456,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,
@@ -6744,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);
@@ -7080,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":
@@ -7174,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":