@solidstarters/solid-core-ui 1.1.210 → 1.1.211

package/dist/components/core/users/CreateUserRole.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 { AutoCompleteField } from "../../../components/common/AutoCompleteField";
 import { CancelButton } from "../../../components/common/CancelButton";
@@ -50,20 +14,18 @@ import { classNames } from "primereact/utils";
 import qs from "qs";
 import { useEffect, useRef } from "react";
 import * as Yup from "yup";
-var CreateUserRole = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h;
-    var data = _a.data;
-    var toast = useRef(null);
-    var _j = useLazyGetrolesQuery(), triggerGetRoles = _j[0], _k = _j[1], roleLazy = _k.data, isRoleLazyFetching = _k.isFetching, roleLazyError = _k.error;
-    var router = useRouter();
-    var _l = useCreateuserroleMutation(), createMenuItem = _l[0], _m = _l[1], isLoading = _m.isLoading, isSuccess = _m.isSuccess, isError = _m.isError, error = _m.error, newInvoice = _m.data;
-    var initialValues = {
+const CreateUserRole = ({ data }) => {
+    const toast = useRef(null);
+    const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();
+    const router = useRouter();
+    const [createMenuItem, { isLoading, isSuccess, isError, error, data: newInvoice },] = useCreateuserroleMutation();
+    const initialValues = {
         username: data ? data.username : "",
         roleName: data ? data.roleName : ""
     };
-    var validationSchema = Yup.object({
+    const validationSchema = Yup.object({
         username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),
-        roleName: Yup.lazy(function (value) {
+        roleName: Yup.lazy((value) => {
             if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
                 return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));
             }
@@ -75,95 +37,72 @@ var CreateUserRole = function (_a) {
             }
         })
     });
-    var isFormFieldValid = function (formik, fieldName) {
-        return formik.touched[fieldName] && formik.errors[fieldName];
-    };
-    var pathname = usePathname();
-    var formik = useFormik({
-        initialValues: initialValues,
-        validationSchema: validationSchema,
+    const isFormFieldValid = (formik, fieldName) => formik.touched[fieldName] && formik.errors[fieldName];
+    const pathname = usePathname();
+    const formik = useFormik({
+        initialValues,
+        validationSchema,
         enableReinitialize: true,
-        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
-            var obj;
-            return __generator(this, function (_a) {
-                try {
-                    obj = {
-                        username: values.username,
-                        roleName: values.roleName.label
-                    };
-                    createMenuItem(obj);
-                }
-                catch (err) {
-                    console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);
-                }
-                return [2 /*return*/];
-            });
-        }); },
-    });
-    var showError = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var errors, errorMessages;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, formik.validateForm()];
-                case 1:
-                    errors = _b.sent();
-                    errorMessages = Object.values(errors);
-                    if (errorMessages.length > 0) {
-                        (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
-                            severity: "success",
-                            summary: ERROR_MESSAGES.SEND_REPORT,
-                            // sticky: true,
-                            life: 3000,
-                            //@ts-ignore
-                            content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
-                        });
-                    }
-                    return [2 /*return*/];
+        onSubmit: async (values) => {
+            try {
+                let obj = {
+                    username: values.username,
+                    roleName: values.roleName.label
+                };
+                createMenuItem(obj);
             }
-        });
-    }); };
-    var searchRole = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        var query, queryData, queryString, result, filteredMenu;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    query = event.query;
-                    queryData = {};
-                    if (query) {
-                        queryData = {
-                            roleName: query
-                        };
-                    }
-                    queryString = qs.stringify(queryData, {
-                        encodeValuesOnly: true
-                    });
-                    return [4 /*yield*/, triggerGetRoles(queryString).unwrap()];
-                case 1:
-                    result = _a.sent();
-                    // Map the API response to AutoComplete format
-                    if (result && result.data) {
-                        filteredMenu = result.data.map(function (m) { return ({ label: m.name, value: m.id }); });
-                        // Update the suggestions in state
-                        return [2 /*return*/, filteredMenu];
-                    }
-                    else {
-                        // Handle the case where no data is returned
-                        return [2 /*return*/, []];
-                    }
-                    return [2 /*return*/];
+            catch (err) {
+                console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);
             }
+        },
+    });
+    const showError = async () => {
+        const errors = await formik.validateForm();
+        const errorMessages = Object.values(errors);
+        if (errorMessages.length > 0) {
+            toast?.current?.show({
+                severity: "success",
+                summary: ERROR_MESSAGES.SEND_REPORT,
+                // sticky: true,
+                life: 3000,
+                //@ts-ignore
+                content: (props) => (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map((m, index) => (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index))) })),
+            });
+        }
+    };
+    const searchRole = async (event) => {
+        const query = event.query;
+        let queryData = {};
+        if (query) {
+            queryData = {
+                roleName: query
+            };
+        }
+        const queryString = qs.stringify(queryData, {
+            encodeValuesOnly: true
         });
-    }); };
-    useEffect(function () {
+        // Trigger the API call manually
+        const result = await triggerGetRoles(queryString).unwrap();
+        // Map the API response to AutoComplete format
+        if (result && result.data) {
+            const filteredMenu = result.data.map((m) => ({ label: m.name, value: m.id }));
+            // Update the suggestions in state
+            return filteredMenu;
+        }
+        else {
+            // Handle the case where no data is returned
+            return [];
+        }
+    };
+    useEffect(() => {
         if (isSuccess == true) {
-            router.push("/admin/iam/users/all");
+            router.push(`/admin/iam/users/all`);
         }
     }, [isSuccess]);
-    return (_jsx("div", { className: "grid", children: _jsx("div", { className: "col-12 xl:col-10 mx-auto", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", size: "small", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
-                            _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "small", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "grid formgrid", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(InputText, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: classNames("p-inputtext-sm w-full small-input", {
+    return (_jsx("div", { className: "grid", children: _jsx("div", { className: "col-12 xl:col-10 mx-auto", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", size: "small", onClick: () => showError(), type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
+                            _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", onClick: () => showError(), type: "submit", size: "small", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "grid formgrid", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(InputText, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: classNames("p-inputtext-sm w-full small-input", {
                                                         "p-invalid": isFormFieldValid(formik, "username"),
-                                                    }) }), isFormFieldValid(formik, "username") && (_jsx(Message, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(Message, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
+                                                    }) }), isFormFieldValid(formik, "username") && (_jsx(Message, { severity: "error", text: formik.errors.username?.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: data?.parentCategory?.title, value: data?.parentCategory?.id }, existingDataTitle: data?.parentCategory?.title, existingDataId: data?.parentCategory?.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(Message, { severity: "error", text: formik?.errors?.roleName?.toString() }))] })] }) })] }) })] }) }) }) }));
 };
 export default CreateUserRole;
 //# sourceMappingURL=CreateUserRole.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CreateUserRole.js","sourceRoot":"./","sources":["components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\nimport { AutoCompleteField } from \"../../../components/common/AutoCompleteField\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useLazyGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useCreateuserroleMutation } from \"../../../redux/api/userApi\";\nimport { useFormik } from \"formik\";\nimport { usePathname, useRouter } from \"next/navigation\";\nimport { Button } from \"primereact/button\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Message } from \"primereact/message\";\nimport { Toast } from \"primereact/toast\";\nimport { classNames } from \"primereact/utils\";\nimport qs from \"qs\";\nimport { useEffect, useRef } from \"react\";\nimport * as Yup from \"yup\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const toast = useRef<Toast>(null);\n\n  const [triggerGetRoles, { data: roleLazy, isFetching: isRoleLazyFetching, error: roleLazyError }] = useLazyGetrolesQuery();\n  const router = useRouter();\n\n  const [\n    createMenuItem,\n    { isLoading, isSuccess, isError, error, data: newInvoice },\n  ] = useCreateuserroleMutation();\n\n  const initialValues = {\n    username: data ? data.username : \"\",\n    roleName: data ? data.roleName : \"\"\n  };\n  const validationSchema = Yup.object({\n    username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),\n    roleName: Yup.lazy((value) => {\n      if (typeof value === 'object' && value !== null && !Array.isArray(value)) {\n          return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      } else if (typeof value === 'string') {\n          return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name')); \n      } else {\n          return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));\n      }\n    })\n  });\n\n  const isFormFieldValid = (formik: any, fieldName: string) =>\n    formik.touched[fieldName] && formik.errors[fieldName];\n\n  const pathname = usePathname();\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      try {\n        let obj = {\n          username: values.username,\n          roleName: values.roleName.label\n        }\n        createMenuItem(obj);\n      } catch (err) {\n        console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);\n      }\n    },\n  });\n\n  const showError = async () => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      toast?.current?.show({\n        severity: \"success\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        // sticky: true,\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            {errorMessages.map((m, index) => (\n              <div className=\"flex align-items-center gap-2\" key={index}>\n                <span className=\"font-bold text-900\">{String(m)}</span>\n              </div>\n            ))}\n          </div>\n        ),\n      });\n    }\n  };\n\n  const searchRole = async (event: any) => {\n    const query = event.query;\n    let queryData = {};\n    if (query) {\n      queryData = {\n        roleName: query\n      };\n    }\n\n    const queryString = qs.stringify(queryData, {\n      encodeValuesOnly: true\n    });\n\n    // Trigger the API call manually\n    const result = await triggerGetRoles(queryString).unwrap();\n\n    // Map the API response to AutoComplete format\n    if (result && result.data) {\n      const filteredMenu = result.data.map((m: any) => ({ label: m.name, value: m.id }));\n\n      // Update the suggestions in state\n      return filteredMenu\n    } else {\n      // Handle the case where no data is returned\n      return []\n    }\n  };\n\n  useEffect(() => {\n    if (isSuccess == true) {\n      router.push(`/admin/iam/users/all`);\n    }\n  }, [isSuccess])\n\n  return (\n    <div className=\"grid\">\n      <div className=\"col-12 xl:col-10 mx-auto\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"flex gap-3 justify-content-between mb-5\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"gap-3 flex\">\n                <div>\n                  <Button label=\"Save\" size=\"small\" onClick={() => showError()} type=\"submit\"  className='small-button'/>\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"flex gap-3 justify-content-between mb-5\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"gap-3 flex\">\n                  <div>\n                    <Button label=\"Save\" onClick={() => showError()} type=\"submit\"  size=\"small\" className='small-button'/>\n                  </div>\n                  <div>\n                    {/* <Button label=\"Delete\" severity=\"danger\" type=\"button\" /> */}\n                  </div>\n                  <CancelButton />\n                </div>\n              </div>\n            }\n            <div className=\"form-wrapper\">\n              <div className=\"grid formgrid\">\n                <div className=\"md:col-6 sm:col-12\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <InputText\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className={classNames(\"p-inputtext-sm w-full small-input\", {\n                        \"p-invalid\": isFormFieldValid(formik, \"username\"),\n                      })}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <Message severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"md:col-6 sm:col-12\">\n                  <div className=\"field\">\n                    <label htmlFor=\"type\" className=\"form-label form-field-label\">\n                      Role Name\n                    </label>\n                    <div>\n                    <AutoCompleteField\n                        multiple={false}\n                        isFormFieldValid={isFormFieldValid}\n                        formik={formik}\n                        fieldName=\"roleName\"\n                        searchData={searchRole}\n                        existingData={{ label: data?.parentCategory?.title, value: data?.parentCategory?.id }}\n                        existingDataTitle={data?.parentCategory?.title}\n                        existingDataId={data?.parentCategory?.id}\n                        className=\"solid-standard-autocomplete\"\n                    ></AutoCompleteField>\n                    {isFormFieldValid(formik, \"roleName\") && (\n                        <Message severity=\"error\" text={formik?.errors?.roleName?.toString()} />\n                    )}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateUserRole;\n"]}

package/dist/components/core/users/UserListView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/users/UserListView.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,YAAY,+CAoVxB,CAAC"}
+{"version":3,"file":"UserListView.d.ts","sourceRoot":"./","sources":["components/core/users/UserListView.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,YAAY,+CAoVxB,CAAC"}

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