@solidstarters/solid-core-ui 1.1.210 → 1.1.212

package/dist/components/core/users/UserListView.js

@@ -1,40 +1,4 @@
 "use client";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from '../../../redux/api/userApi';
 import Link from "next/link";
@@ -48,31 +12,30 @@ import { Dialog } from "primereact/dialog";
 import { Toast } from "primereact/toast";
 import qs from "qs";
 import { ERROR_MESSAGES } from '../../../constants/error-messages';
-export var UserListView = function () {
-    var toast = useRef(null);
-    var _a = useState([]), users = _a[0], setUsers = _a[1];
-    var _b = useState({
+export const UserListView = () => {
+    const toast = useRef(null);
+    const [users, setUsers] = useState([]);
+    const [filters, setFilters] = useState({
         fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
         username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
         email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
         mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },
         // "roles.name": { value: null, matchMode: FilterMatchMode.STARTS_WITH },
-    }), filters = _b[0], setFilters = _b[1];
-    var _c = useState(0), first = _c[0], setFirst = _c[1];
-    var _d = useState(25), rows = _d[0], setRows = _d[1];
-    var _e = useState(0), totalRecords = _e[0], setTotalRecords = _e[1];
-    var _f = useState(""), sortField = _f[0], setSortField = _f[1];
-    var _g = useState(0), sortOrder = _g[0], setSortOrder = _g[1];
-    var _h = useState([]), selectedUsers = _h[0], setSelectedUsers = _h[1];
-    var _j = useState(true), loading = _j[0], setLoading = _j[1];
-    var _k = useState(false), isDialogVisible = _k[0], setDialogVisible = _k[1];
-    var _l = useLazyGetusersQuery(), triggerGetUser = _l[0], _m = _l[1], user = _m.data, isLoading = _m.isLoading, error = _m.error, isError = _m.isError;
-    var _o = useDeleteMultipleUsersMutation(), deleteManyUser = _o[0], _p = _o[1], isUserDeleted = _p.isLoading, isDeleteUserSuceess = _p.isSuccess, isUserDeleteError = _p.isError, UserDeleteError = _p.error, DeletedUser = _p.data;
-    useEffect(function () {
-        var _a;
+    });
+    const [first, setFirst] = useState(0);
+    const [rows, setRows] = useState(25);
+    const [totalRecords, setTotalRecords] = useState(0);
+    const [sortField, setSortField] = useState("");
+    const [sortOrder, setSortOrder] = useState(0);
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isDialogVisible, setDialogVisible] = useState(false);
+    const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();
+    const [deleteManyUser, { isLoading: isUserDeleted, isSuccess: isDeleteUserSuceess, isError: isUserDeleteError, error: UserDeleteError, data: DeletedUser, },] = useDeleteMultipleUsersMutation();
+    useEffect(() => {
         if (user) {
-            setUsers(user === null || user === void 0 ? void 0 : user.data.records);
-            setTotalRecords((_a = user === null || user === void 0 ? void 0 : user.data.meta) === null || _a === void 0 ? void 0 : _a.totalRecords);
+            setUsers(user?.data.records);
+            setTotalRecords(user?.data.meta?.totalRecords);
             setLoading(false);
         }
     }, [user]);
@@ -83,142 +46,140 @@ export var UserListView = function () {
     // const clearFilter = () => {
     //     initFilters();
     // };
-    useEffect(function () {
-        var queryData = {
+    useEffect(() => {
+        const queryData = {
             offset: 0,
             limit: 25,
             populate: ['roles']
         };
-        var queryString = qs.stringify(queryData, {
+        const queryString = qs.stringify(queryData, {
             encodeValuesOnly: true
         });
         triggerGetUser(queryString);
         setSelectedUsers([]);
     }, [isDeleteUserSuceess]);
-    useEffect(function () {
-        var _a;
+    useEffect(() => {
         if (isError || isUserDeleteError) {
             setLoading(false);
-            var errorMessage_1 = ERROR_MESSAGES.ERROR_OCCURED;
-            var errorToast = isError ? error : UserDeleteError;
+            let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;
+            const errorToast = isError ? error : UserDeleteError;
             if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
-                errorMessage_1 = "".concat(errorToast.data.message);
+                errorMessage = `${errorToast.data.message}`;
             }
             else {
-                errorMessage_1 = ERROR_MESSAGES.SOMETHING_WRONG;
+                errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;
             }
-            (_a = toast.current) === null || _a === void 0 ? void 0 : _a.show({
+            toast.current?.show({
                 severity: 'error',
                 summary: ERROR_MESSAGES.ERROR,
-                detail: errorMessage_1,
+                detail: errorMessage,
                 life: 3000,
                 //@ts-ignore
-                content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: _jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: errorMessage_1 }) }) })); },
+                content: (props) => (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: _jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: errorMessage }) }) })),
             });
         }
     }, [isError, isUserDeleteError]);
     function isFetchBaseQueryErrorWithErrorResponse(error) {
         return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
     }
-    var onPageChange = function (event) {
+    const onPageChange = (event) => {
         setFirst(event.first);
         setRows(event.rows);
         setQueryString(event.first, event.rows, sortField, sortOrder, filters);
     };
-    var onSort = function (event) {
-        var sortField = event.sortField, sortOrder = event.sortOrder;
-        var validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
+    const onSort = (event) => {
+        const { sortField, sortOrder } = event;
+        const validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;
         setSortField(sortField);
         setSortOrder(validSortOrder);
         setFirst(0);
         setQueryString(0, rows, sortField, sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, filters);
     };
-    var onSelectionChange = function (event) {
-        var value = event.value;
+    const onSelectionChange = (event) => {
+        const value = event.value;
         setSelectedUsers(value);
     };
     // Filter fuctions
-    var setQueryString = function (offset, row, field, order, filterQuery) { return __awaiter(void 0, void 0, void 0, function () {
-        var formattedFilters, queryData, queryString;
-        return __generator(this, function (_a) {
-            formattedFilters = {};
-            Object.keys(filterQuery).forEach(function (field) {
-                var _a, _b;
-                var filterValue = filterQuery[field].value;
-                var matchMode = filterQuery[field].matchMode;
-                if (filterValue !== null && filterValue !== undefined) {
-                    var operator = matchMode;
-                    switch (matchMode) {
-                        case FilterMatchMode.CONTAINS:
-                            operator = "$containsi";
-                            break;
-                        case FilterMatchMode.STARTS_WITH:
-                            operator = "$startsWithi";
-                            break;
-                        case FilterMatchMode.EQUALS:
-                            operator = "$eqi";
-                            break;
-                        case FilterMatchMode.NOT_CONTAINS:
-                            operator = "$notContainsi";
-                            break;
-                        case FilterMatchMode.NOT_EQUALS:
-                            operator = "$nei";
-                            break;
-                        case FilterMatchMode.ENDS_WITH:
-                            operator = "$endsWithi";
-                            break;
-                        default:
-                            operator = matchMode;
-                    }
-                    if (field.includes(".")) {
-                        var fieldParts = field.split(".");
-                        if (!formattedFilters[fieldParts[0]]) {
-                            formattedFilters[fieldParts[0]] = {};
-                        }
-                        formattedFilters[fieldParts[0]][fieldParts[1]] = (_a = {}, _a[operator] = filterValue, _a);
-                    }
-                    else {
-                        formattedFilters[field] = (_b = {}, _b[operator] = filterValue, _b);
+    const setQueryString = async (offset, row, field, order, filterQuery) => {
+        const formattedFilters = {};
+        Object.keys(filterQuery).forEach((field) => {
+            const filterValue = filterQuery[field].value;
+            const matchMode = filterQuery[field].matchMode;
+            if (filterValue !== null && filterValue !== undefined) {
+                let operator = matchMode;
+                switch (matchMode) {
+                    case FilterMatchMode.CONTAINS:
+                        operator = "$containsi";
+                        break;
+                    case FilterMatchMode.STARTS_WITH:
+                        operator = "$startsWithi";
+                        break;
+                    case FilterMatchMode.EQUALS:
+                        operator = "$eqi";
+                        break;
+                    case FilterMatchMode.NOT_CONTAINS:
+                        operator = "$notContainsi";
+                        break;
+                    case FilterMatchMode.NOT_EQUALS:
+                        operator = "$nei";
+                        break;
+                    case FilterMatchMode.ENDS_WITH:
+                        operator = "$endsWithi";
+                        break;
+                    default:
+                        operator = matchMode;
+                }
+                if (field.includes(".")) {
+                    const fieldParts = field.split(".");
+                    if (!formattedFilters[fieldParts[0]]) {
+                        formattedFilters[fieldParts[0]] = {};
                     }
+                    formattedFilters[fieldParts[0]][fieldParts[1]] = { [operator]: filterValue };
+                }
+                else {
+                    formattedFilters[field] = { [operator]: filterValue };
                 }
-            });
-            queryData = {
-                offset: offset !== null && offset !== void 0 ? offset : first,
-                limit: row !== null && row !== void 0 ? row : rows,
-                populate: ['roles'],
-                filters: formattedFilters,
-            };
-            if (field) {
-                queryData.sort = [
-                    "".concat(field, ":").concat(order == 0 ? null : order == 1 ? "asc" : "desc"),
-                ];
             }
-            queryString = qs.stringify(queryData, {
-                encodeValuesOnly: true,
-            });
-            triggerGetUser(queryString);
-            return [2 /*return*/];
         });
-    }); };
-    var onFilter = function (e) {
+        const queryData = {
+            offset: offset ?? first,
+            limit: row ?? rows,
+            populate: ['roles'],
+            filters: formattedFilters,
+        };
+        if (field) {
+            queryData.sort = [
+                `${field}:${order == 0 ? null : order == 1 ? "asc" : "desc"}`,
+            ];
+        }
+        const queryString = qs.stringify(queryData, {
+            encodeValuesOnly: true,
+        });
+        triggerGetUser(queryString);
+    };
+    const onFilter = (e) => {
         setFilters(e.filters);
         setQueryString(0, rows, sortField, sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, e.filters);
     };
-    var detailsBodyTemplate = function (product) {
-        return (_jsx(Link, { href: "".concat(product.id), rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx("i", { className: "pi pi-pencil", style: { fontSize: "1rem" } }) }));
+    const detailsBodyTemplate = (product) => {
+        return (_jsx(Link, { href: `${product.id}`, rel: "noopener noreferrer", className: "text-sm font-bold p-0", style: { color: "#12415D" }, children: _jsx("i", { className: "pi pi-pencil", style: { fontSize: "1rem" } }) }));
     };
-    var deleteBulk = function () {
-        var deleteList = [];
-        selectedUsers.forEach(function (element) {
+    const deleteBulk = () => {
+        let deleteList = [];
+        selectedUsers.forEach((element) => {
             deleteList.push(element.id);
         });
         deleteManyUser(deleteList);
         setDialogVisible(false);
     };
-    var onDeleteClose = function () {
+    const onDeleteClose = () => {
         setDialogVisible(false);
         setSelectedUsers([]);
     };
-    return (_jsxs("div", { className: "", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && _jsx(Button, { type: "button", label: "Delete", size: "small", onClick: function () { return setDialogVisible(true); }, className: "small-button", severity: "danger" })] }), _jsx("style", { children: "\n        .p-datatable .p-datatable-loading-overlay {\n        background-color: rgba(0, 0, 0, 0.0);\n        }\n        " }), _jsxs(DataTable, { value: users, lazy: true, tableStyle: { minWidth: "60rem", margin: "auto" }, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", filters: filters, emptyMessage: "No users found.", onFilter: onFilter, filterDisplay: "row", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: loading || isLoading, loadingIcon: "pi pi-spinner", selection: selectedUsers, onSelectionChange: onSelectionChange, selectionMode: "multiple", removableSort: true, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by full name", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by username", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by email", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: detailsBodyTemplate })] }), _jsx(Dialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose })] })); }, onHide: function () { return setDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete the selected Users?" }) })] }));
+    return (_jsxs("div", { className: "", children: [_jsx(Toast, { ref: toast }), _jsxs("div", { className: "flex gap-3 mb-4", children: [_jsx(CreateButton, {}), selectedUsers.length > 0 && _jsx(Button, { type: "button", label: "Delete", size: "small", onClick: () => setDialogVisible(true), className: "small-button", severity: "danger" })] }), _jsx("style", { children: `
+        .p-datatable .p-datatable-loading-overlay {
+        background-color: rgba(0, 0, 0, 0.0);
+        }
+        ` }), _jsxs(DataTable, { value: users, lazy: true, tableStyle: { minWidth: "60rem", margin: "auto" }, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", filters: filters, emptyMessage: "No users found.", onFilter: onFilter, filterDisplay: "row", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: (e) => onSort(e), sortField: sortField, sortOrder: sortOrder === 1 || sortOrder === -1 ? sortOrder : 0, loading: loading || isLoading, loadingIcon: "pi pi-spinner", selection: selectedUsers, onSelectionChange: onSelectionChange, selectionMode: "multiple", removableSort: true, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "ID", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "fullName", header: "Full Name", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by full name", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "username", header: "Username", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by username", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "email", header: "Email", className: "text-sm", sortable: true, filter: true, filterPlaceholder: "Search user by email", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { body: detailsBodyTemplate })] }), _jsx(Dialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", footer: () => (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(Button, { label: "No", icon: "pi pi-times", className: 'small-button', onClick: onDeleteClose })] })), onHide: () => setDialogVisible(false), children: _jsx("p", { children: "Are you sure you want to delete the selected Users?" }) })] }));
 };
 //# sourceMappingURL=UserListView.js.map

package/dist/components/core/users/UserListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListView.js","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserListView.js","sourceRoot":"./","sources":["components/core/users/UserListView.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useDeleteMultipleUsersMutation, useLazyGetusersQuery } from '../../../redux/api/userApi';\nimport Link from \"next/link\";\nimport { FilterMatchMode } from \"primereact/api\";\nimport { Button } from \"primereact/button\";\nimport { Column } from \"primereact/column\";\nimport {\n    DataTable,\n    DataTableFilterMeta,\n    DataTableStateEvent,\n} from \"primereact/datatable\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport { CreateButton } from \"../../../components/common/CreateButton\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/query\";\nimport { Dialog } from \"primereact/dialog\";\nimport { Toast } from \"primereact/toast\";\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages';\n\ninterface Users {\n    id: string;\n    fullName: string;\n    username: string;\n    email: string;\n    mobile: string;\n    // roles: string[];\n}\n\ninterface ErrorResponseData {\n    message: string;\n    statusCode: number;\n    error: string;\n}\n\nexport const UserListView = () => {\n    const toast = useRef<Toast>(null);\n    const [users, setUsers] = useState<Users[]>([]);\n    const [filters, setFilters] = useState<DataTableFilterMeta>({\n        fullName: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n        username: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n        email: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n        mobile: { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n        // \"roles.name\": { value: null, matchMode: FilterMatchMode.STARTS_WITH },\n    });\n    const [first, setFirst] = useState(0);\n    const [rows, setRows] = useState(25);\n    const [totalRecords, setTotalRecords] = useState(0);\n    const [sortField, setSortField] = useState(\"\");\n    const [sortOrder, setSortOrder] = useState(0);\n    const [selectedUsers, setSelectedUsers] = useState<Users[]>([]);\n    const [loading, setLoading] = useState<boolean>(true);\n    const [isDialogVisible, setDialogVisible] = useState(false);\n    const [triggerGetUser, { data: user, isLoading, error, isError }] = useLazyGetusersQuery();\n\n    const [\n        deleteManyUser,\n        {\n            isLoading: isUserDeleted,\n            isSuccess: isDeleteUserSuceess,\n            isError: isUserDeleteError,\n            error: UserDeleteError,\n            data: DeletedUser,\n        },\n    ] = useDeleteMultipleUsersMutation();\n\n\n    useEffect(() => {\n        if (user) {\n            setUsers(user?.data.records);\n            setTotalRecords(user?.data.meta?.totalRecords);\n            setLoading(false);\n        }\n    }, [user]);\n\n    // const initFilters = () => {\n    //     setFilters(defaultFilters);\n    //     setGlobalFilterValue('');\n    // };\n\n    // const clearFilter = () => {\n    //     initFilters();\n    // };\n\n    useEffect(() => {\n        const queryData = {\n            offset: 0,\n            limit: 25,\n            populate: ['roles']\n        };\n        const queryString = qs.stringify(queryData, {\n            encodeValuesOnly: true\n        });\n        triggerGetUser(queryString);\n        setSelectedUsers([]);\n    }, [isDeleteUserSuceess]);\n\n    useEffect(() => {\n        if (isError || isUserDeleteError) {\n            setLoading(false);\n            let errorMessage = ERROR_MESSAGES.ERROR_OCCURED;\n\n            const errorToast = isError ? error : UserDeleteError;\n\n            if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n                errorMessage = `${errorToast.data.message}`;\n            } else {\n                errorMessage = ERROR_MESSAGES.SOMETHING_WRONG;\n            }\n\n            toast.current?.show({\n                severity: 'error',\n                summary: ERROR_MESSAGES.ERROR,\n                detail: errorMessage,\n                life: 3000,\n                //@ts-ignore\n                content: (props) => (\n                    <div\n                        className=\"flex flex-column align-items-left\"\n                        style={{ flex: \"1\" }}\n                    >\n                        <div className=\"flex align-items-center gap-2\" >\n                            <span className=\"font-bold text-900\">{errorMessage}</span>\n                        </div>\n                    </div>\n                ),\n            });\n        }\n    }, [isError, isUserDeleteError]);\n\n    function isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {\n        return error && typeof error === 'object' && 'data' in error && 'message' in error.data;\n    }\n\n    const onPageChange = (event: any) => {\n        setFirst(event.first);\n        setRows(event.rows);\n        setQueryString(event.first, event.rows, sortField, sortOrder, filters);\n    };\n\n    const onSort = (event: DataTableStateEvent) => {\n        const { sortField, sortOrder } = event;\n        const validSortOrder = sortOrder === 1 || sortOrder === -1 ? sortOrder : 0;\n        setSortField(sortField);\n        setSortOrder(validSortOrder);\n        setFirst(0);\n        setQueryString(\n            0,\n            rows,\n            sortField,\n            sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,\n            filters\n        );\n    };\n\n    const onSelectionChange = (event: any) => {\n        const value = event.value;\n        setSelectedUsers(value);\n    };\n\n    // Filter fuctions\n    const setQueryString = async (\n        offset?: number,\n        row?: number,\n        field?: string,\n        order?: number,\n        filterQuery?: any\n    ) => {\n\n        const formattedFilters: any = {};\n\n        Object.keys(filterQuery).forEach((field) => {\n            const filterValue = filterQuery[field].value;\n            const matchMode = filterQuery[field].matchMode;\n\n            if (filterValue !== null && filterValue !== undefined) {\n                let operator = matchMode;\n                switch (matchMode) {\n                    case FilterMatchMode.CONTAINS:\n                        operator = \"$containsi\";\n                        break;\n                    case FilterMatchMode.STARTS_WITH:\n                        operator = \"$startsWithi\";\n                        break;\n                    case FilterMatchMode.EQUALS:\n                        operator = \"$eqi\";\n                        break;\n                    case FilterMatchMode.NOT_CONTAINS:\n                        operator = \"$notContainsi\";\n                        break;\n                    case FilterMatchMode.NOT_EQUALS:\n                        operator = \"$nei\";\n                        break;\n                    case FilterMatchMode.ENDS_WITH:\n                        operator = \"$endsWithi\";\n                        break;\n                    default:\n                        operator = matchMode;\n                }\n\n                if (field.includes(\".\")) {\n                    const fieldParts = field.split(\".\");\n                    if (!formattedFilters[fieldParts[0]]) {\n                        formattedFilters[fieldParts[0]] = {};\n                    }\n                    formattedFilters[fieldParts[0]][fieldParts[1]] = { [operator]: filterValue };\n                } else {\n                    formattedFilters[field] = { [operator]: filterValue };\n                }\n            }\n        });\n\n        const queryData: any = {\n            offset: offset ?? first,\n            limit: row ?? rows,\n            populate: ['roles'],\n            filters: formattedFilters,\n        };\n\n        if (field) {\n            queryData.sort = [\n                `${field}:${order == 0 ? null : order == 1 ? \"asc\" : \"desc\"}`,\n            ];\n        }\n\n        const queryString = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        triggerGetUser(queryString);\n    };\n\n    const onFilter = (e: any) => {\n        setFilters(e.filters);\n        setQueryString(\n            0,\n            rows,\n            sortField,\n            sortOrder === 1 || sortOrder === -1 ? sortOrder : 0,\n            e.filters\n        );\n    };\n\n    const detailsBodyTemplate = (product: Users) => {\n        return (\n            <Link\n                href={`${product.id}`}\n                rel=\"noopener noreferrer\"\n                className=\"text-sm font-bold p-0\"\n                style={{ color: \"#12415D\" }}\n            >\n                <i className=\"pi pi-pencil\" style={{ fontSize: \"1rem\" }}></i>\n            </Link>\n        );\n    };\n\n    const deleteBulk = () => {\n        let deleteList: any = [];\n        selectedUsers.forEach((element: Users) => {\n            deleteList.push(element.id);\n        });\n        deleteManyUser(deleteList);\n        setDialogVisible(false);\n    };\n\n    const onDeleteClose = () => {\n        setDialogVisible(false);\n        setSelectedUsers([]);\n    }\n\n    return (\n        <div className=\"\">\n            <Toast ref={toast} />\n            <div className=\"flex gap-3 mb-4\">\n                <CreateButton />\n                {selectedUsers.length > 0 && <Button\n                    type=\"button\"\n                    label=\"Delete\"\n                    size=\"small\"\n                    onClick={() => setDialogVisible(true)}\n                    className=\"small-button\"\n                    severity=\"danger\"\n                />}\n            </div>\n            <style>{`\n        .p-datatable .p-datatable-loading-overlay {\n        background-color: rgba(0, 0, 0, 0.0);\n        }\n        `}</style>\n            <DataTable\n                value={users}\n                lazy\n                tableStyle={{ minWidth: \"60rem\", margin: \"auto\" }}\n                size=\"small\"\n                paginator\n                rows={rows}\n                rowsPerPageOptions={[10, 25, 50]}\n                dataKey=\"id\"\n                filters={filters}\n                emptyMessage=\"No users found.\"\n                onFilter={onFilter}\n                filterDisplay=\"row\"\n                totalRecords={totalRecords}\n                first={first}\n                onPage={onPageChange}\n                onSort={(e: DataTableStateEvent) => onSort(e)}\n                sortField={sortField}\n                sortOrder={sortOrder === 1 || sortOrder === -1 ? sortOrder : 0}\n                loading={loading || isLoading}\n                loadingIcon=\"pi pi-spinner\"\n                selection={selectedUsers}\n                onSelectionChange={onSelectionChange}\n                selectionMode=\"multiple\"\n                removableSort\n            >\n                <Column selectionMode=\"multiple\" headerStyle={{ width: \"3em\" }} />\n                <Column field=\"id\" header=\"ID\" className=\"text-sm\" sortable headerClassName=\"table-header-fs\"></Column>\n                <Column\n                    field=\"fullName\"\n                    header=\"Full Name\"\n                    className=\"text-sm\"\n                    sortable\n                    filter\n                    filterPlaceholder=\"Search user by full name\"\n                    style={{ minWidth: \"12rem\" }}\n                    headerClassName=\"table-header-fs\"\n                ></Column>\n                <Column\n                    field=\"username\"\n                    header=\"Username\"\n                    className=\"text-sm\"\n                    sortable\n                    filter\n                    filterPlaceholder=\"Search user by username\"\n                    style={{ minWidth: \"12rem\" }}\n                    headerClassName=\"table-header-fs\"\n                ></Column>\n                <Column\n                    field=\"email\"\n                    header=\"Email\"\n                    className=\"text-sm\"\n                    sortable\n                    filter\n                    filterPlaceholder=\"Search user by email\"\n                    style={{ minWidth: \"12rem\" }}\n                    headerClassName=\"table-header-fs\"\n                ></Column>\n                {/* <Column\n                    field=\"roles.name\"\n                    header=\"Roles\"\n                    className=\"text-sm\"\n                    filter\n                    filterPlaceholder=\"Search category by parent category\"\n                    style={{ minWidth: \"12rem\" }}\n                    headerClassName=\"table-header-fs\"\n                ></Column> */}\n                <Column body={detailsBodyTemplate}></Column>\n            </DataTable>\n            <Dialog\n                visible={isDialogVisible}\n                header=\"Confirm Delete\"\n                modal\n                className=\"solid-confirm-dialog\"\n                footer={() => (\n                    <div className=\"flex justify-content-center\">\n                        <Button label=\"Yes\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" autoFocus onClick={deleteBulk} />\n                        <Button label=\"No\" icon=\"pi pi-times\" className='small-button' onClick={onDeleteClose} />\n                    </div>\n                )}\n                onHide={() => setDialogVisible(false)}\n            >\n                <p>Are you sure you want to delete the selected Users?</p>\n            </Dialog>\n        </div>\n    );\n};\n"]}