impact-chatbot 2.3.17 → 2.3.19

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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,
@@ -4869,7 +4889,7 @@ const useStyles$4 = styles.makeStyles((theme) => ({
         marginTop: pxToRem(16),
     }
 }));
-const ButtonContent = ({ bodyText }) => {
+const ButtonContent = ({ bodyText, isFormDisabled = false }) => {
     const classes = useStyles$4();
     const handleButtonClick = (button) => {
         // if (button.onClick) {
@@ -4886,7 +4906,7 @@ const ButtonContent = ({ bodyText }) => {
         if (!Array.isArray(bodyText.buttons)) {
             return null;
         }
-        return bodyText.buttons.map((button, index) => (jsxRuntime.jsx(impactUiV3.Button, { variant: button.variant || "primary", size: button.size || "medium", onClick: () => handleButtonClick(), disabled: button.disabled, className: button.className, icon: button.icon, iconPlacement: button.iconPlacement || "left", children: button.label }, index)));
+        return bodyText.buttons.map((button, index) => (jsxRuntime.jsx(impactUiV3.Button, { variant: button.variant || "primary", size: button.size || "medium", onClick: () => handleButtonClick(), disabled: button.disabled || isFormDisabled, className: button.className, icon: button.icon, iconPlacement: button.iconPlacement || "left", children: button.label }, index)));
     };
     return (jsxRuntime.jsxs("div", { className: classes.buttonContainer, children: [bodyText.message && (jsxRuntime.jsx("div", { className: classes.message, children: bodyText.message })), jsxRuntime.jsx("div", { className: classes.buttonRow, children: renderButtons() })] }));
 };
@@ -6637,7 +6657,7 @@ const StreamedContent = ({ botData }) => {
     return renderContent();
 };
 
-const SliderContent = ({ bodyText }) => {
+const SliderContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, headerOrentiation, inputPosition, label, max, min, required, disabled, } = bodyText;
     const [sliderValue, setSliderValue] = React.useState(0);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6658,10 +6678,10 @@ const SliderContent = ({ bodyText }) => {
             console.error("Error in slider handleChange", error);
         }
     };
-    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
+    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
 };
 
-const SelectContent = ({ bodyText }) => {
+const SelectContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, inputPosition, labelOrientation, label, options, isRequired, isDisabled, isMulti, paramName } = bodyText;
     const [isOpen, setIsOpen] = React.useState(false);
     const [currentOptions, setCurrentOptions] = React.useState([]);
@@ -6711,10 +6731,10 @@ const SelectContent = ({ bodyText }) => {
     return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.Select, { currentOptions: currentOptions, setCurrentOptions: setCurrentOptions, label: heirarchyKeyValuePairs[paramName] || label, labelOrientation: labelOrientation, 
             // inputPosition={inputPosition}
             // header={header}
-            isRequired: isRequired, isDisabled: isDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
+            isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
 };
 
-const DatePickerContent = ({ bodyText }) => {
+const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
     const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, } = bodyText;
     const [selectedDate, setSelectedDate] = React.useState(null);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6738,13 +6758,49 @@ const DatePickerContent = ({ bodyText }) => {
     return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.DatePicker, { displayFormat: displayFormat, label: label, required: isRequired, labelOrientation: labelOrientation, placeholder: placeholder, 
             // minDate={minDate}
             // maxDate={maxDate}
-            disabled: isDisabled, setSelectedDate: (date) => handleDateChange(date), 
+            isDisabled: isDisabled || isFormDisabled, setSelectedDate: (date) => handleDateChange(date), 
             // showMonthYearSelect
             // showWeekNumbers
             selectedDate: selectedDate }) }));
 };
 
-const CheckboxContent = ({ bodyText }) => {
+const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
+    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 || isFormDisabled, 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, isFormDisabled = false }) => {
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
     const dispatch = reactRedux.useDispatch();
@@ -6770,10 +6826,10 @@ const CheckboxContent = ({ bodyText }) => {
             console.error("Error in checkbox handleChange", error);
         }
     };
-    return (jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.jsx(impactUiV3.Checkbox, { label: label, checked: checked, required: required, disabled: disabled, onChange: (e) => handleChange(e), variant: "default" }) }));
+    return (jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.jsx(impactUiV3.Checkbox, { label: label, checked: checked, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), variant: "default" }) }));
 };
 
-const RadioContent = ({ bodyText }) => {
+const RadioContent = ({ bodyText, isFormDisabled = false }) => {
     const classes = useStyles$6();
     const { label, isDisabled, orientation, options } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6801,10 +6857,10 @@ const RadioContent = ({ bodyText }) => {
             console.error("Error in radio handleChange", error);
         }
     };
-    return (jsxRuntime.jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsxRuntime.jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsxRuntime.jsx(impactUiV3.RadioButtonGroup, { name: "radio-group", options: options, onChange: (e) => handleChange(e), orientation: orientation, disabled: isDisabled, selectedOption: selectedOption })] }));
+    return (jsxRuntime.jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsxRuntime.jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsxRuntime.jsx(impactUiV3.RadioButtonGroup, { name: "radio-group", options: options, onChange: (e) => handleChange(e), orientation: orientation, isDisabled: isDisabled || isFormDisabled, selectedOption: selectedOption })] }));
 };
 
-const InputContent = ({ bodyText }) => {
+const InputContent = ({ bodyText, isFormDisabled = false }) => {
     const { label, placeholder, isRequired, isDisabled, inputType, labelOrientation, defaultValue, maxLength, minLength, } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
     const dispatch = reactRedux.useDispatch();
@@ -6827,7 +6883,7 @@ const InputContent = ({ bodyText }) => {
             console.error("Error in input handleChange", error);
         }
     };
-    return (jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.jsx(impactUiV3.Input, { label: label, placeholder: placeholder, value: value, onChange: handleChange, required: isRequired, disabled: isDisabled, type: inputType || "text", labelOrientation: labelOrientation, maxLength: maxLength, minLength: minLength }) }));
+    return (jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.jsx(impactUiV3.Input, { label: label, placeholder: placeholder, value: value, onChange: handleChange, required: isRequired, isDisabled: isDisabled || isFormDisabled, type: inputType || "text", labelOrientation: labelOrientation, maxLength: maxLength, minLength: minLength }) }));
 };
 
 const ImageContent = ({ bodyText }) => {
@@ -7052,6 +7108,7 @@ const TabularContent = ({ steps, currentTabValue, children, questions = [], ques
 };
 
 const CombinedContent = ({ botData, props }) => {
+    const isFormDisabled = botData?.isFormDisabled || false;
     const isTabEnabled = botData?.utilityData?.isTabEnabled;
     // Get the array of content items from bodyText
     const contentItems = Array.isArray(botData.bodyText) ? botData.bodyText : [];
@@ -7075,19 +7132,21 @@ const CombinedContent = ({ botData, props }) => {
             case "graph":
                 return jsxRuntime.jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
             case "slider":
-                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+            case "dateRangePicker":
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "button":
-                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText }, key);
+                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7169,19 +7228,21 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
             case "graph":
                 return jsxRuntime.jsx(GraphContent, { bodyText: botData.bodyText });
             case "slider":
-                return jsxRuntime.jsx(SliderContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+            case "dateRangePicker":
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "button":
-                return jsxRuntime.jsx(ButtonContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText });
+                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -10156,7 +10217,9 @@ const SmartBot = (props) => {
                 customChatConfig: customChatConfig,
                 loader: loader,
             };
-            chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages.forEach((message, index) => {
+            const allMessages = chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages || [];
+            const lastBotMessageIndex = allMessages.reduce((lastIdx, msg, idx) => msg.userType === "bot" ? idx : lastIdx, -1);
+            allMessages.forEach((message, index) => {
                 if (message.userType === "bot") {
                     // let BotMessageJsx =
                     //   <BotMessage
@@ -10166,6 +10229,7 @@ const SmartBot = (props) => {
                     //     props={properties}
                     //   />
                     // ;
+                    message.isFormDisabled = index !== lastBotMessageIndex;
                     message.jsx = (jsxRuntime.jsx(BotMessage, { botData: message, state: loadingState, handleLikeDislike: handleLikeDislike, props: properties }));
                     message.firstMessage = true;
                     // message.enableLikes = true;