impact-chatbot 2.3.31 → 2.3.33

package/dist/index.esm.js

@@ -210,6 +210,18 @@ const getFilterOptions = (postBody) => async () => {
         data: postBody,
     });
 };
+const getTableRecords = async (baseUrl, tableName, page, pageSize) => {
+    try {
+        return axiosInstance({
+            url: `${baseUrl}/chatbot/agent/tabular-data/${tableName}?page=${page}&page_size=${pageSize}`,
+            method: 'GET',
+        });
+    }
+    catch (error) {
+        console.error('getTableRecords error:', error);
+        return null;
+    }
+};
 
 const useBotConfiguration = (setRefreshLoader, setEnableRefreshAction, dispatch) => {
     const displaySnackMessages = useCallback((message, variant) => {
@@ -5085,6 +5097,13 @@ const sseevent = (message, messageToStoreRef) => {
                 ? parsedData.additional_args
                 : {};
         }
+        if (parsedData?.status === "notification") {
+            messageToStoreRef.current.notificationData = {
+                message: parsedData?.message || "",
+                chat_id: parsedData?.chat_id || "",
+                session_id: parsedData?.session_id || "",
+            };
+        }
         if (parsedData?.status === "completed" ||
             parsedData?.status === "follow-up") {
             messageToStoreRef.current.initValue = true;
@@ -5384,7 +5403,7 @@ const TableContent = ({ bodyText }) => {
     if (isEmpty$1(bodyText)) {
         return null;
     }
-    const { table_config, row_data, display_name = "", unique_id, select_all_component, table_name, hide_table_setting = false, } = bodyText;
+    const { table_config, row_data, display_name = "", unique_id, select_all_component, table_name, hide_table_setting = false, is_server_side = false, page_size = 10, } = bodyText;
     const [columns, setColumns] = useState([]);
     const [rowData, setRowData] = useState([]);
     const [isModalOpen, setIsModalOpen] = useState(false);
@@ -5398,10 +5417,27 @@ const TableContent = ({ bodyText }) => {
         }
     }, [table_config]);
     useEffect(() => {
-        if (isEmpty$1(rowData)) {
+        if (!is_server_side && isEmpty$1(rowData)) {
             setRowData(row_data);
         }
     }, [row_data]);
+    const serverSideManualCallBack = async (manualbody, pageIndex, params) => {
+        try {
+            const baseUrl = localStorage.getItem("stepForm_baseUrl") || "";
+            const response = await getTableRecords(baseUrl, table_name, pageIndex + 1, page_size);
+            return {
+                data: response?.data?.data || [],
+                totalCount: response?.data?.total_count || 0,
+            };
+        }
+        catch (error) {
+            console.error("Error in serverSideManualCallBack", error);
+            return {
+                data: [],
+                totalCount: 0,
+            };
+        }
+    };
     const onSelectionChanged = (event) => {
         try {
             const selectedList = event.api.getSelectedRows();
@@ -5420,7 +5456,17 @@ const TableContent = ({ bodyText }) => {
     const handleModalClose = () => {
         setIsModalOpen(false);
     };
-    return (jsxs(Fragment, { children: [jsx(Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsx("div", { style: { width: '100%', height: '70vh' }, children: jsx(AgGridComponent, { columns: columns, rowdata: rowData, pagination: true, paginationPageSize: 20, suppressFieldDotNotation: true, domLayout: "normal", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, downloadAsExcel: true, tableHeader: display_name }) }) }), jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(AgGridComponent, { columns: columns, rowdata: rowData, pagination: true, paginationPageSize: 10, suppressFieldDotNotation: true, domLayout: "autoHeight", customClass: "bot_table_auto_height", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, customSystemButton: getTopRightOptions(), customSystemButtonWithDownload: true, topRightOptions: null, downloadAsExcel: true, tableHeader: display_name }) })] }));
+    return (jsxs(Fragment, { children: [jsx(Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsx("div", { style: { width: '100%', height: '70vh' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? undefined : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 20, suppressFieldDotNotation: true, domLayout: "normal", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, downloadAsExcel: true, tableHeader: display_name, ...(is_server_side && {
+                            manualCallBack: serverSideManualCallBack,
+                            rowModelType: "serverSide",
+                            serverSideStoreType: "partial",
+                            cacheBlockSize: page_size,
+                        }) }) }) }), jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? undefined : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 10, suppressFieldDotNotation: true, domLayout: "autoHeight", customClass: "bot_table_auto_height", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, customSystemButton: getTopRightOptions(), customSystemButtonWithDownload: true, topRightOptions: null, downloadAsExcel: true, tableHeader: display_name, ...(is_server_side && {
+                        manualCallBack: serverSideManualCallBack,
+                        rowModelType: "serverSide",
+                        serverSideStoreType: "partial",
+                        cacheBlockSize: page_size,
+                    }) }) })] }));
 };
 
 const GraphContent = ({ bodyText }) => {
@@ -5730,7 +5776,7 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
 
 const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
-    const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, } = bodyText;
+    const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, minStartDate, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
@@ -5752,7 +5798,11 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
             console.error("Error in datepicker handleChange", error);
         }
     };
-    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DatePicker, { displayFormat: displayFormat, label: label, required: isRequired, labelOrientation: labelOrientation, placeholder: placeholder, 
+    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DatePicker, { displayFormat: displayFormat, label: label, required: isRequired, labelOrientation: labelOrientation, placeholder: placeholder, isOutsideRange: (day) => {
+                // Disable dates before minStartDate
+                const minimumStartDate = moment(minStartDate, displayFormat);
+                return day <= minimumStartDate;
+            }, 
             // minDate={minDate}
             // maxDate={maxDate}
             isDisabled: isDisabled || isFormDisabled, setSelectedDate: (date) => handleDateChange(date), 
@@ -5763,7 +5813,7 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
 
 const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
-    const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, } = bodyText;
+    const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, minStartDate, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
@@ -5790,7 +5840,14 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
             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 || isFormDisabled, startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, showMonthYearSelect: showMonthYearSelect, handleDatesChange: handleDatesChange, onPrimaryButtonClick: () => handleDatesChange(startDate, endDate), onSecondaryButtonClick: () => {
+    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DateRangePicker, { displayFormat: displayFormat, label: label, isRequired: isRequired, labelOrientation: labelOrientation || "top", isOutsideRange: (day) => {
+                // Disable dates before minStartDate
+                const minimumStartDate = moment(minStartDate, displayFormat);
+                return day <= minimumStartDate;
+            }, 
+            // 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: () => {
@@ -6602,6 +6659,15 @@ const StreamedContent = ({ botData }) => {
                     thinkingStartTimeRef.current = Date.now();
                 }
                 const data = JSON.parse(event.data);
+                if (data?.status === "notification") {
+                    window.dispatchEvent(new CustomEvent("agent-notification", {
+                        detail: {
+                            message: data?.message || "",
+                            chat_id: data?.chat_id || "",
+                            session_id: data?.session_id || "",
+                        },
+                    }));
+                }
                 if (data?.message || data?.status === "step" || data?.status === "step_form" || data?.status === "thinking" || data?.status === "questions") {
                     if (data.status === "questions") {
                         const incomingQuestions = data.widget_data?.[0]?.questions || [];