impact-chatbot 2.3.31 → 2.3.32

package/dist/index.cjs.js

@@ -232,6 +232,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 = React.useCallback((message, variant) => {
@@ -5406,7 +5418,7 @@ const TableContent = ({ bodyText }) => {
     if (lodash.isEmpty(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] = React.useState([]);
     const [rowData, setRowData] = React.useState([]);
     const [isModalOpen, setIsModalOpen] = React.useState(false);
@@ -5420,10 +5432,27 @@ const TableContent = ({ bodyText }) => {
         }
     }, [table_config]);
     React.useEffect(() => {
-        if (lodash.isEmpty(rowData)) {
+        if (!is_server_side && lodash.isEmpty(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();
@@ -5442,7 +5471,17 @@ const TableContent = ({ bodyText }) => {
     const handleModalClose = () => {
         setIsModalOpen(false);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(impactUiV3.Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsxRuntime.jsx("div", { style: { width: '100%', height: '70vh' }, children: jsxRuntime.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 }) }) }), jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(impactUiV3.Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsxRuntime.jsx("div", { style: { width: '100%', height: '70vh' }, children: jsxRuntime.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,
+                        }) }) }) }), jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.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 }) => {
@@ -5752,7 +5791,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
@@ -5774,7 +5813,11 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
             console.error("Error in datepicker handleChange", error);
         }
     };
-    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.DatePicker, { displayFormat: displayFormat, label: label, required: isRequired, labelOrientation: labelOrientation, placeholder: placeholder, 
+    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.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), 
@@ -5785,7 +5828,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
@@ -5812,7 +5855,14 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
             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: () => {
+    return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.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: () => {