@solidxai/core-ui 0.1.9-beta.20 → 0.1.9-beta.21

package/dist/components/core/tree/SolidTreeView.tsx

@@ -1480,7 +1480,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
       customContextMenuButtons.length > 0;
 
     return (
-      <div className="flex align-items-center justify-content-end gap-1" onClick={(event) => event.stopPropagation()}>
+      <div className="flex items-center justify-end gap-1" onClick={(event) => event.stopPropagation()}>
 
         {/* ---------------- CUSTOM ROW BUTTONS ---------------- */}
         {solidTreeViewLayout?.attrs?.rowButtons &&
@@ -1570,7 +1570,11 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
                 <EllipsisVertical size={16} />
               </button>
             </SolidDropdownMenuTrigger>
-            <SolidDropdownMenuContent className="solid-tree-row-menu">
+            <SolidDropdownMenuContent
+              className="solid-tree-row-menu"
+              side="left"
+              align="center"
+            >
               {canEditRow(rowData, true) ? (
                 <SolidDropdownMenuItem onSelect={() => openRowForEdit(rowData, "edit")}>
                   <Pencil size={14} />
@@ -1579,7 +1583,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               ) : null}
               {canDeleteRow(rowData, true) && !params.embeded ? (
                 <SolidDropdownMenuItem
-                  className="is-danger"
+                  className="is-danger solid-header-dropdown-item-danger"
                   onSelect={() => {
                     setSelectedSolidViewData(rowData);
                     setDeleteEntity(true);
@@ -1620,13 +1624,13 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
 
   return (
     <div className="page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden">
-      <div className="solid-list-content flex flex-column flex-grow-1">
-        <div className="solid-list-surface solid-tree-surface flex flex-column flex-1 min-h-0">
+      <div className="solid-list-content h-full flex flex-col flex-grow-1">
+        <div className="solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0">
           {/* ── Header ── */}
-          <div className="page-header solid-list-toolbar solid-tree-toolbar flex-column lg:flex-row">
-            <div className="flex justify-content-between w-full">
-              <div className="flex gap-3 align-items-center w-full solid-list-toolbar-left">
-                <div className="flex align-items-center gap-2">
+          <div className="page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row">
+            <div className="flex justify-between w-full">
+              <div className="flex gap-4 items-center w-full solid-list-toolbar-left">
+                <div className="flex items-center gap-2">
                   {params.embeded !== true && (
                     <div className="apps-icon block md:hidden cursor-pointer" onClick={toggleBothSidebars}>
                       <SolidIcon name="si-th-large" />
@@ -1649,7 +1653,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
                 )}
               </div>
 
-              <div className="flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions">
+              <div className="flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions">
                 {headerRequestStatusLabel ? <SolidHeaderRequestStatus label={headerRequestStatusLabel} /> : null}
 
                 {solidTreeViewMetaData?.data?.solidView?.layout?.attrs.enableGlobalSearch === true && (

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

@@ -1 +1 @@
-{"version":3,"file":"CreateUser.d.ts","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUser.tsx"],"names":[],"mappings":"AAyBA,OAAO,kBAAkB,CAAC;AAY1B,QAAA,MAAM,UAAU,qBAAsB,GAAG,4CAgSxC,CAAC;AA4LF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CreateUser.d.ts","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUser.tsx"],"names":[],"mappings":"AAwBA,OAAO,kBAAkB,CAAC;AAY1B,QAAA,MAAM,UAAU,qBAAsB,GAAG,4CA6RxC,CAAC;AA8KF,eAAe,UAAU,CAAC"}

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

@@ -54,10 +54,10 @@ import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useRouter } from "../../../hooks/useRouter";
 import { useRegisterPrivateMutation, useUpdateUserMutation } from "../../../redux/api/authApi";
-import { useGetrolesQuery } from "../../../redux/api/roleApi";
 import { useDeleteUserMutation } from "../../../redux/api/userApi";
+import { RolesGroupedByModuleWidget } from "../../core/form/fields/relations/RolesGroupedByModuleWidget";
 import { showToast } from "../../../redux/features/toastSlice";
-import { SolidButton, SolidCheckbox, SolidInput, SolidMessage, SolidPanel, SolidPasswordInput, SolidSwitch, SolidTabGroup, } from "../../shad-cn-ui";
+import { SolidButton, SolidInput, SolidMessage, SolidPanel, SolidPasswordInput, SolidSwitch, SolidTabGroup, } from "../../shad-cn-ui";
 import { ApiKeysTab, GenerateApiKeyModal, RevealApiKeyModal } from "./ApiKeysTab";
 import "./CreateUser.css";
 function cx() {
@@ -80,7 +80,6 @@ var CreateUser = function (_a) {
     var _q = useRegisterPrivateMutation(), registerPrivate = _q[0], _r = _q[1], isLoading = _r.isLoading, userCreateError = _r.error;
     var _s = useUpdateUserMutation(), updateUser = _s[0], _t = _s[1], isUserUpdating = _t.isLoading, isUpdateUserSuccess = _t.isSuccess, userUpdateError = _t.error;
     var _u = useDeleteUserMutation(), deleteUser = _u[0], _v = _u[1], isUserDeleting = _v.isLoading, isDeleteUserSuccess = _v.isSuccess;
-    var rolesData = useGetrolesQuery("").data;
     useEffect(function () {
         var _a;
         if (data === null || data === void 0 ? void 0 : data.roles) {
@@ -237,20 +236,20 @@ var CreateUser = function (_a) {
             }
         });
     }); };
-    return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap", children: [_jsxs("div", { className: "solid-user-form-titleblock flex align-items-center gap-3", children: [_jsx(BackButton, {}), _jsxs("div", { children: [_jsx("div", { className: "form-wrapper-title", children: isEditMode ? "Update User" : "Create User" }), _jsx("p", { className: "solid-user-form-subtitle m-0", children: isEditMode
+    return (_jsxs("div", { className: "solid-form-wrapper", children: [_jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "solid-form-header flex items-center justify-between gap-4 flex-wrap", children: [_jsxs("div", { className: "solid-user-form-titleblock flex items-center gap-4", children: [_jsx(BackButton, {}), _jsxs("div", { children: [_jsx("div", { className: "form-wrapper-title", children: isEditMode ? "Update User" : "Create User" }), _jsx("p", { className: "solid-user-form-subtitle m-0", children: isEditMode
                                                         ? "Update account details, access roles, and security controls."
-                                                        : "Create a user account and assign the right access roles." })] })] }), _jsxs("div", { className: "gap-3 flex flex-wrap", children: [isEditMode && failedAttempts > 0 ? (_jsx(SolidButton, { size: "small", type: "button", variant: "outline", loading: isUserUpdating, onClick: handleUnblockUser, children: "Unblock User" })) : null, formik.dirty ? (_jsx(SolidButton, { size: "small", type: "submit", loading: isSaving, children: "Save" })) : null, data ? (_jsx(SolidButton, { size: "small", type: "button", variant: "destructive", loading: isUserDeleting, onClick: function () { return deleteUser(data.id); }, children: "Delete" })) : null, _jsx(CancelButton, {})] })] }), _jsx(SolidFormHeader, {}), _jsx("div", { className: "px-3 py-3 md:p-4 solid-form-content", children: isEditMode ? (_jsx(SolidTabGroup, { value: activeTab, onValueChange: setActiveTab, tabs: [
+                                                        : "Create a user account and assign the right access roles." })] })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [isEditMode && failedAttempts > 0 ? (_jsx(SolidButton, { size: "small", type: "button", variant: "outline", loading: isUserUpdating, onClick: handleUnblockUser, children: "Unblock User" })) : null, formik.dirty ? (_jsx(SolidButton, { size: "small", type: "submit", loading: isSaving, children: "Save" })) : null, data ? (_jsx(SolidButton, { size: "small", type: "button", variant: "destructive", loading: isUserDeleting, onClick: function () { return deleteUser(data.id); }, children: "Delete" })) : null, _jsx(CancelButton, {})] })] }), _jsx(SolidFormHeader, {}), _jsx("div", { className: "px-3 py-3 md:p-4 solid-form-content", children: isEditMode ? (_jsx(SolidTabGroup, { value: activeTab, onValueChange: setActiveTab, tabs: [
                                     {
                                         value: "userDetails",
                                         label: "User Details",
-                                        content: (_jsx(UserDetailsContent, { formik: formik, fieldError: fieldError, rolesData: rolesData, selectedRoles: selectedRoles, handleCheckboxChange: handleCheckboxChange, isEditMode: isEditMode })),
+                                        content: (_jsx(UserDetailsContent, { formik: formik, fieldError: fieldError, selectedRoles: selectedRoles, handleCheckboxChange: handleCheckboxChange, isEditMode: isEditMode })),
                                     },
                                     {
                                         value: "apiKeys",
                                         label: "API Keys",
                                         content: (_jsx("div", { className: "solid-user-edit-api-keys-pane", children: _jsx(ApiKeysTab, { userId: data === null || data === void 0 ? void 0 : data.id, canCreate: (_j = data === null || data === void 0 ? void 0 : data.isAllowedToGenerateApiKeys) !== null && _j !== void 0 ? _j : false }) })),
                                     },
-                                ] })) : (_jsx(UserDetailsContent, { formik: formik, fieldError: fieldError, rolesData: rolesData, selectedRoles: selectedRoles, handleCheckboxChange: handleCheckboxChange, isEditMode: isEditMode })) })] }) }), newUserIdForApiKey !== null && (_jsx(GenerateApiKeyModal, { open: true, userId: newUserIdForApiKey, onClose: function () {
+                                ] })) : (_jsx(UserDetailsContent, { formik: formik, fieldError: fieldError, selectedRoles: selectedRoles, handleCheckboxChange: handleCheckboxChange, isEditMode: isEditMode })) })] }) }), newUserIdForApiKey !== null && (_jsx(GenerateApiKeyModal, { open: true, userId: newUserIdForApiKey, onClose: function () {
                     setNewUserIdForApiKey(null);
                     router.back();
                 }, onCreated: function (apiKey, keyName) {
@@ -263,9 +262,8 @@ var CreateUser = function (_a) {
 };
 /** Extracted form body so it can be used both inside and outside the tab wrapper */
 function UserDetailsContent(_a) {
-    var _b, _c;
-    var formik = _a.formik, fieldError = _a.fieldError, rolesData = _a.rolesData, selectedRoles = _a.selectedRoles, handleCheckboxChange = _a.handleCheckboxChange, isEditMode = _a.isEditMode;
-    return (_jsx("div", { className: "solid-user-details-layout", children: _jsxs("div", { className: "solid-user-details-stack", children: [_jsx(SolidPanel, { header: "Basic Info", className: "solid-column-panel", children: _jsxs("div", { className: "grid formgrid", children: [_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "Full Name" }), _jsx(SolidInput, { type: "text", id: "fullName", name: "fullName", autoComplete: "off", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.fullName, className: cx(fieldError("fullName") && "solid-user-form-input-invalid") }), fieldError("fullName") ? _jsx(SolidMessage, { severity: "error", text: fieldError("fullName") }) : null] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2", children: [_jsx("label", { htmlFor: "username", className: "form-field-label", children: "Username" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", autoComplete: "off", disabled: Boolean(formik.values.username) && isEditMode, onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.username, className: cx(fieldError("username") && "solid-user-form-input-invalid") }), fieldError("username") ? _jsx(SolidMessage, { severity: "error", text: fieldError("username") }) : null] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "email", className: "form-field-label", children: "Email" }), _jsx(SolidInput, { type: "email", id: "email", name: "email", autoComplete: "off", disabled: isEditMode, onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.email, className: cx(fieldError("email") && "solid-user-form-input-invalid") }), fieldError("email") ? _jsx(SolidMessage, { severity: "error", text: fieldError("email") }) : null] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "mobile", className: "form-field-label", children: "Mobile" }), _jsx(SolidInput, { type: "text", id: "mobile", name: "mobile", autoComplete: "off", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.mobile, className: cx(fieldError("mobile") && "solid-user-form-input-invalid") }), fieldError("mobile") ? _jsx(SolidMessage, { severity: "error", text: fieldError("mobile") }) : null] }), !isEditMode ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "password", className: "form-field-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", autoComplete: "off", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, className: cx(fieldError("password") && "solid-user-form-input-invalid") }), fieldError("password") ? _jsx(SolidMessage, { severity: "error", text: fieldError("password") }) : null] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "confirmPassword", className: "form-field-label", children: "Confirm Password" }), _jsx(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", autoComplete: "off", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, className: cx(fieldError("confirmPassword") && "solid-user-form-input-invalid") }), fieldError("confirmPassword") ? (_jsx(SolidMessage, { severity: "error", text: fieldError("confirmPassword") })) : null] })] })) : null] }) }), _jsx(SolidPanel, { toggleable: true, header: "Access", className: "solid-column-panel", children: _jsxs("div", { className: "formgrid grid solid-user-access-grid", children: [isEditMode ? (_jsxs("div", { className: "field col-12 solid-user-access-row", children: [_jsxs("div", { className: "solid-user-access-copy", children: [_jsx("p", { className: "form-field-label m-0", children: "Active User" }), _jsx("p", { className: "solid-user-section-helper m-0 mt-1", children: "Control whether this user account is active and allowed to sign in." })] }), _jsx(SolidSwitch, { checked: formik.values.active, onChange: function (checked) { return formik.setFieldValue("active", checked); } })] })) : null, _jsxs("div", { className: "field col-12 solid-user-access-row", children: [_jsxs("div", { className: "solid-user-access-copy", children: [_jsx("p", { className: "form-field-label m-0", children: "Allow API Key Generation" }), _jsx("p", { className: "solid-user-section-helper m-0 mt-1", children: "When enabled, this user can generate API keys for programmatic access." })] }), _jsx(SolidSwitch, { checked: formik.values.isAllowedToGenerateApiKeys, onChange: function (checked) { return formik.setFieldValue("isAllowedToGenerateApiKeys", checked); } })] })] }) }), _jsxs(SolidPanel, { toggleable: true, header: "Roles", className: "solid-column-panel", children: [_jsx("p", { className: "solid-user-section-copy", children: "Select the roles that should be assigned to this user." }), _jsx("div", { className: "solid-user-role-grid", children: (_c = (_b = rolesData === null || rolesData === void 0 ? void 0 : rolesData.data) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.map(function (role) { return (_jsx("div", { className: cx("solid-user-role-card", selectedRoles.includes(role.name) && "is-selected"), children: _jsx(SolidCheckbox, { id: role.name, checked: selectedRoles.includes(role.name), onChange: function () { return handleCheckboxChange(role.name); }, label: role.name, className: "solid-user-role-control" }) }, role.name)); }) })] })] }) }));
+    var formik = _a.formik, fieldError = _a.fieldError, selectedRoles = _a.selectedRoles, handleCheckboxChange = _a.handleCheckboxChange, isEditMode = _a.isEditMode;
+    return (_jsx("div", { className: "solid-user-details-layout", children: _jsxs("div", { className: "solid-user-details-stack", children: [_jsx(SolidPanel, { header: "Basic Info", className: "solid-column-panel", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsxs("div", { className: "field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "fullName", className: "form-field-label", children: "Full Name" }), _jsx(SolidInput, { type: "text", id: "fullName", name: "fullName", autoComplete: "off", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.fullName, className: cx(fieldError("fullName") && "solid-user-form-input-invalid") }), fieldError("fullName") ? _jsx(SolidMessage, { severity: "error", text: fieldError("fullName") }) : null] }), _jsxs("div", { className: "field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "username", className: "form-field-label", children: "Username" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", autoComplete: "off", disabled: Boolean(formik.values.username) && isEditMode, onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.username, className: cx(fieldError("username") && "solid-user-form-input-invalid") }), fieldError("username") ? _jsx(SolidMessage, { severity: "error", text: fieldError("username") }) : null] }), _jsxs("div", { className: "field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "email", className: "form-field-label", children: "Email" }), _jsx(SolidInput, { type: "email", id: "email", name: "email", autoComplete: "off", disabled: isEditMode, onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.email, className: cx(fieldError("email") && "solid-user-form-input-invalid") }), fieldError("email") ? _jsx(SolidMessage, { severity: "error", text: fieldError("email") }) : null] }), _jsxs("div", { className: "field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "mobile", className: "form-field-label", children: "Mobile" }), _jsx(SolidInput, { type: "text", id: "mobile", name: "mobile", autoComplete: "off", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.mobile, className: cx(fieldError("mobile") && "solid-user-form-input-invalid") }), fieldError("mobile") ? _jsx(SolidMessage, { severity: "error", text: fieldError("mobile") }) : null] }), !isEditMode ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "password", className: "form-field-label", children: "Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", autoComplete: "off", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, className: cx(fieldError("password") && "solid-user-form-input-invalid") }), fieldError("password") ? _jsx(SolidMessage, { severity: "error", text: fieldError("password") }) : null] }), _jsxs("div", { className: "field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2", children: [_jsx("label", { htmlFor: "confirmPassword", className: "form-field-label", children: "Confirm Password" }), _jsx(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", autoComplete: "off", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, className: cx(fieldError("confirmPassword") && "solid-user-form-input-invalid") }), fieldError("confirmPassword") ? (_jsx(SolidMessage, { severity: "error", text: fieldError("confirmPassword") })) : null] })] })) : null] }) }), _jsx(SolidPanel, { toggleable: true, header: "Access", className: "solid-column-panel", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2 solid-user-access-grid", children: [isEditMode ? (_jsxs("div", { className: "field w-full px-2 pt-2 solid-user-access-row", children: [_jsxs("div", { className: "solid-user-access-copy", children: [_jsx("p", { className: "form-field-label m-0", children: "Active User" }), _jsx("p", { className: "solid-user-section-helper m-0 mt-1", children: "Control whether this user account is active and allowed to sign in." })] }), _jsx(SolidSwitch, { checked: formik.values.active, onChange: function (checked) { return formik.setFieldValue("active", checked); } })] })) : null, _jsxs("div", { className: "field w-full px-2 pt-2 solid-user-access-row", children: [_jsxs("div", { className: "solid-user-access-copy", children: [_jsx("p", { className: "form-field-label m-0", children: "Allow API Key Generation" }), _jsx("p", { className: "solid-user-section-helper m-0 mt-1", children: "When enabled, this user can generate API keys for programmatic access." })] }), _jsx(SolidSwitch, { checked: formik.values.isAllowedToGenerateApiKeys, onChange: function (checked) { return formik.setFieldValue("isAllowedToGenerateApiKeys", checked); } })] })] }) }), _jsxs(SolidPanel, { toggleable: true, header: "Roles", className: "solid-column-panel", children: [_jsx("p", { className: "solid-user-section-copy", children: "Select the roles that should be assigned to this user." }), _jsx(RolesGroupedByModuleWidget, { selectedRoles: selectedRoles, onToggle: handleCheckboxChange })] })] }) }));
 }
 export default CreateUser;
 //# sourceMappingURL=CreateUser.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateUser.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUser.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FetchBaseQueryError } from \"@reduxjs/toolkit/dist/query\";\nimport { useFormik } from \"formik\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport * as Yup from \"yup\";\nimport { BackButton } from \"../../../components/common/BackButton\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { SolidFormHeader } from \"../../../components/common/SolidFormHeader\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useRegisterPrivateMutation, useUpdateUserMutation } from \"../../../redux/api/authApi\";\nimport { useGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useDeleteUserMutation } from \"../../../redux/api/userApi\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport {\n  SolidButton,\n  SolidCheckbox,\n  SolidInput,\n  SolidMessage,\n  SolidPanel,\n  SolidPasswordInput,\n  SolidSwitch,\n  SolidTabGroup,\n} from \"../../shad-cn-ui\";\nimport { ApiKeysTab, GenerateApiKeyModal, RevealApiKeyModal } from \"./ApiKeysTab\";\nimport \"./CreateUser.css\";\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nconst CreateUser = ({ data, params }: any) => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const [selectedRoles, setSelectedRoles] = useState<string[]>([]);\n  const [failedAttempts, setFailedAttempts] = useState<number>(data?.failedLoginAttempts ?? 0);\n  const [activeTab, setActiveTab] = useState(\"userDetails\");\n  const [newUserIdForApiKey, setNewUserIdForApiKey] = useState<number | null>(null);\n  const [revealKey, setRevealKey] = useState<{ apiKey: string; keyName: string } | null>(null);\n\n  const [registerPrivate, { isLoading, error: userCreateError }] = useRegisterPrivateMutation();\n  const [\n    updateUser,\n    {\n      isLoading: isUserUpdating,\n      isSuccess: isUpdateUserSuccess,\n      error: userUpdateError,\n    },\n  ] = useUpdateUserMutation();\n\n  const [deleteUser, { isLoading: isUserDeleting, isSuccess: isDeleteUserSuccess }] = useDeleteUserMutation();\n  const { data: rolesData } = useGetrolesQuery(\"\");\n\n  useEffect(() => {\n    if (data?.roles) {\n      setSelectedRoles(data.roles.map((role: any) => role.name));\n    }\n    setFailedAttempts(data?.failedLoginAttempts ?? 0);\n  }, [data]);\n\n  const initialValues = {\n    fullName: data?.fullName ?? \"\",\n    username: data?.username ?? \"\",\n    email: data?.email ?? \"\",\n    mobile: data?.mobile ?? \"\",\n    password: \"\",\n    confirmPassword: \"\",\n    active: data?.active ?? true,\n    isAllowedToGenerateApiKeys: data?.isAllowedToGenerateApiKeys ?? false,\n  };\n\n  const validationSchema = Yup.object({\n    fullName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Full Name\")),\n    username: Yup.string().required(\"Username is required\"),\n    email: Yup.string()\n      .email(ERROR_MESSAGES.FIELD_INVALID(\"email address\"))\n      .required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email\")),\n    password: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).nullable(),\n    confirmPassword: Yup.string().when(\"password\", {\n      is: (val: any) => !!val,\n      then: (schema) => schema.oneOf([Yup.ref(\"password\")], ERROR_MESSAGES.FIELD_MUST_MATCH(\"Password\")).nullable(),\n      otherwise: (schema) => schema.notRequired().nullable(),\n    }),\n    mobile: Yup.string().nullable(),\n  });\n\n  function isFetchBaseQueryErrorWithErrorResponse(\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in error.data;\n  }\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      if (data) {\n        const userData: any = {\n          fullName: values.fullName,\n          username: values.username,\n          email: values.email,\n          mobile: values.mobile,\n          roles: selectedRoles,\n          active: values.active,\n          isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,\n        };\n\n        if (values.password) {\n          userData.password = values.password;\n        }\n\n        updateUser({ id: data.id, data: userData });\n        return;\n      }\n\n      try {\n        const response = await registerPrivate({\n          fullName: values.fullName,\n          username: values.username,\n          email: values.email,\n          mobile: values.mobile,\n          password: values.password,\n          roles: selectedRoles,\n          isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,\n        }).unwrap();\n\n        if (values.isAllowedToGenerateApiKeys) {\n          const userId = (response as any)?.data?.id ?? (response as any)?.id;\n          if (userId) {\n            setNewUserIdForApiKey(userId);\n            return;\n          }\n        }\n        router.back();\n      } catch {\n        // error shown via userCreateError effect\n      }\n    },\n  });\n\n  const fieldError = (fieldName: keyof typeof initialValues) =>\n    formik.touched[fieldName] && formik.errors[fieldName] ? String(formik.errors[fieldName]) : \"\";\n\n  const handleCheckboxChange = (roleName: string) => {\n    const updatedRoles = selectedRoles.includes(roleName)\n      ? selectedRoles.filter((name) => name !== roleName)\n      : [...selectedRoles, roleName];\n\n    setSelectedRoles(updatedRoles);\n    formik.setFieldTouched(\"roles\", true);\n    formik.setFieldValue(\"roles\", updatedRoles);\n  };\n\n  useEffect(() => {\n    const handleError = (errorToast: any) => {\n      let errorMessage: any = [ERROR_MESSAGES.ERROR_OCCURED];\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = errorToast.data.message;\n      } else {\n        errorMessage = [ERROR_MESSAGES.SOMETHING_WRONG];\n      }\n\n      const detail = Array.isArray(errorMessage) ? errorMessage.join(\", \") : errorMessage;\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail }));\n    };\n\n    if (userCreateError) handleError(userCreateError);\n    if (userUpdateError) handleError(userUpdateError);\n  }, [dispatch, userCreateError, userUpdateError]);\n\n  useEffect(() => {\n    if (isDeleteUserSuccess || isUpdateUserSuccess) {\n      router.back();\n    }\n  }, [isDeleteUserSuccess, isUpdateUserSuccess, router]);\n\n  const isEditMode = params.id !== \"new\";\n  const isSaving = isLoading || isUserUpdating;\n\n  const handleUnblockUser = async () => {\n    if (!data?.id) return;\n\n    try {\n      await updateUser({\n        id: data.id,\n        data: { failedLoginAttempts: 0 },\n      }).unwrap();\n      dispatch(\n        showToast({\n          severity: \"success\",\n          summary: \"Success\",\n          detail: \"User is unblocked.\",\n        })\n      );\n      setFailedAttempts(0);\n    } catch {\n      // error shown via userUpdateError effect\n    }\n  };\n\n  return (\n    <div className=\"solid-form-wrapper\">\n      <div className=\"solid-form-section\">\n        <form onSubmit={formik.handleSubmit}>\n          <div className=\"solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap\">\n            <div className=\"solid-user-form-titleblock flex align-items-center gap-3\">\n              <BackButton />\n              <div>\n                <div className=\"form-wrapper-title\">{isEditMode ? \"Update User\" : \"Create User\"}</div>\n                <p className=\"solid-user-form-subtitle m-0\">\n                  {isEditMode\n                    ? \"Update account details, access roles, and security controls.\"\n                    : \"Create a user account and assign the right access roles.\"}\n                </p>\n              </div>\n            </div>\n            <div className=\"gap-3 flex flex-wrap\">\n              {isEditMode && failedAttempts > 0 ? (\n                <SolidButton size=\"small\" type=\"button\" variant=\"outline\" loading={isUserUpdating} onClick={handleUnblockUser}>\n                  Unblock User\n                </SolidButton>\n              ) : null}\n              {formik.dirty ? (\n                <SolidButton size=\"small\" type=\"submit\" loading={isSaving}>\n                  Save\n                </SolidButton>\n              ) : null}\n              {data ? (\n                <SolidButton\n                  size=\"small\"\n                  type=\"button\"\n                  variant=\"destructive\"\n                  loading={isUserDeleting}\n                  onClick={() => deleteUser(data.id)}\n                >\n                  Delete\n                </SolidButton>\n              ) : null}\n              <CancelButton />\n            </div>\n          </div>\n\n          <SolidFormHeader />\n\n          <div className=\"px-3 py-3 md:p-4 solid-form-content\">\n            {isEditMode ? (\n              <SolidTabGroup\n                value={activeTab}\n                onValueChange={setActiveTab}\n                tabs={[\n                  {\n                    value: \"userDetails\",\n                    label: \"User Details\",\n                    content: (\n                      <UserDetailsContent\n                        formik={formik}\n                        fieldError={fieldError}\n                        rolesData={rolesData}\n                        selectedRoles={selectedRoles}\n                        handleCheckboxChange={handleCheckboxChange}\n                        isEditMode={isEditMode}\n                      />\n                    ),\n                  },\n                  {\n                    value: \"apiKeys\",\n                    label: \"API Keys\",\n                    content: (\n                      <div className=\"solid-user-edit-api-keys-pane\">\n                        <ApiKeysTab userId={data?.id} canCreate={data?.isAllowedToGenerateApiKeys ?? false} />\n                      </div>\n                    ),\n                  },\n                ]}\n              />\n            ) : (\n              <UserDetailsContent\n                formik={formik}\n                fieldError={fieldError}\n                rolesData={rolesData}\n                selectedRoles={selectedRoles}\n                handleCheckboxChange={handleCheckboxChange}\n                isEditMode={isEditMode}\n              />\n            )}\n          </div>\n        </form>\n      </div>\n\n      {newUserIdForApiKey !== null && (\n        <GenerateApiKeyModal\n          open={true}\n          userId={newUserIdForApiKey}\n          onClose={() => {\n            setNewUserIdForApiKey(null);\n            router.back();\n          }}\n          onCreated={(apiKey, keyName) => {\n            setNewUserIdForApiKey(null);\n            setRevealKey({ apiKey, keyName });\n          }}\n        />\n      )}\n\n      {revealKey && (\n        <RevealApiKeyModal\n          open={true}\n          apiKey={revealKey.apiKey}\n          keyName={revealKey.keyName}\n          onClose={() => {\n            setRevealKey(null);\n            router.back();\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\n/** Extracted form body so it can be used both inside and outside the tab wrapper */\nfunction UserDetailsContent({\n  formik,\n  fieldError,\n  rolesData,\n  selectedRoles,\n  handleCheckboxChange,\n  isEditMode,\n}: {\n  formik: any;\n  fieldError: (field: any) => string;\n  rolesData: any;\n  selectedRoles: string[];\n  handleCheckboxChange: (roleName: string) => void;\n  isEditMode: boolean;\n}) {\n  return (\n    <div className=\"solid-user-details-layout\">\n      <div className=\"solid-user-details-stack\">\n        <SolidPanel header=\"Basic Info\" className=\"solid-column-panel\">\n          <div className=\"grid formgrid\">\n            <div className=\"field col-12 md:col-6 flex flex-column gap-2\">\n              <label htmlFor=\"fullName\" className=\"form-field-label\">\n                Full Name\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"fullName\"\n                name=\"fullName\"\n                autoComplete=\"off\"\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.fullName}\n                className={cx(fieldError(\"fullName\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"fullName\") ? <SolidMessage severity=\"error\" text={fieldError(\"fullName\")} /> : null}\n            </div>\n\n            <div className=\"field col-12 md:col-6 flex flex-column gap-2\">\n              <label htmlFor=\"username\" className=\"form-field-label\">\n                Username\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"username\"\n                name=\"username\"\n                autoComplete=\"off\"\n                disabled={Boolean(formik.values.username) && isEditMode}\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.username}\n                className={cx(fieldError(\"username\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"username\") ? <SolidMessage severity=\"error\" text={fieldError(\"username\")} /> : null}\n            </div>\n\n            <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3\">\n              <label htmlFor=\"email\" className=\"form-field-label\">\n                Email\n              </label>\n              <SolidInput\n                type=\"email\"\n                id=\"email\"\n                name=\"email\"\n                autoComplete=\"off\"\n                disabled={isEditMode}\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.email}\n                className={cx(fieldError(\"email\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"email\") ? <SolidMessage severity=\"error\" text={fieldError(\"email\")} /> : null}\n            </div>\n\n            <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3\">\n              <label htmlFor=\"mobile\" className=\"form-field-label\">\n                Mobile\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"mobile\"\n                name=\"mobile\"\n                autoComplete=\"off\"\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.mobile}\n                className={cx(fieldError(\"mobile\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"mobile\") ? <SolidMessage severity=\"error\" text={fieldError(\"mobile\")} /> : null}\n            </div>\n\n            {!isEditMode ? (\n              <>\n                <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3\">\n                  <label htmlFor=\"password\" className=\"form-field-label\">\n                    Password\n                  </label>\n                  <SolidPasswordInput\n                    id=\"password\"\n                    name=\"password\"\n                    autoComplete=\"off\"\n                    value={formik.values.password}\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    className={cx(fieldError(\"password\") && \"solid-user-form-input-invalid\")}\n                  />\n                  {fieldError(\"password\") ? <SolidMessage severity=\"error\" text={fieldError(\"password\")} /> : null}\n                </div>\n\n                <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3\">\n                  <label htmlFor=\"confirmPassword\" className=\"form-field-label\">\n                    Confirm Password\n                  </label>\n                  <SolidPasswordInput\n                    id=\"confirmPassword\"\n                    name=\"confirmPassword\"\n                    autoComplete=\"off\"\n                    value={formik.values.confirmPassword}\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    className={cx(fieldError(\"confirmPassword\") && \"solid-user-form-input-invalid\")}\n                  />\n                  {fieldError(\"confirmPassword\") ? (\n                    <SolidMessage severity=\"error\" text={fieldError(\"confirmPassword\")} />\n                  ) : null}\n                </div>\n              </>\n            ) : null}\n          </div>\n        </SolidPanel>\n\n        <SolidPanel toggleable header=\"Access\" className=\"solid-column-panel\">\n          <div className=\"formgrid grid solid-user-access-grid\">\n            {isEditMode ? (\n              <div className=\"field col-12 solid-user-access-row\">\n                <div className=\"solid-user-access-copy\">\n                  <p className=\"form-field-label m-0\">Active User</p>\n                  <p className=\"solid-user-section-helper m-0 mt-1\">\n                    Control whether this user account is active and allowed to sign in.\n                  </p>\n                </div>\n                <SolidSwitch\n                  checked={formik.values.active}\n                  onChange={(checked) => formik.setFieldValue(\"active\", checked)}\n                />\n              </div>\n            ) : null}\n            <div className=\"field col-12 solid-user-access-row\">\n              <div className=\"solid-user-access-copy\">\n                <p className=\"form-field-label m-0\">Allow API Key Generation</p>\n                <p className=\"solid-user-section-helper m-0 mt-1\">\n                  When enabled, this user can generate API keys for programmatic access.\n                </p>\n              </div>\n              <SolidSwitch\n                checked={formik.values.isAllowedToGenerateApiKeys}\n                onChange={(checked) => formik.setFieldValue(\"isAllowedToGenerateApiKeys\", checked)}\n              />\n            </div>\n          </div>\n        </SolidPanel>\n\n        <SolidPanel toggleable header=\"Roles\" className=\"solid-column-panel\">\n          <p className=\"solid-user-section-copy\">Select the roles that should be assigned to this user.</p>\n          <div className=\"solid-user-role-grid\">\n            {rolesData?.data?.records?.map((role: any) => (\n              <div\n                key={role.name}\n                className={cx(\"solid-user-role-card\", selectedRoles.includes(role.name) && \"is-selected\")}\n              >\n                <SolidCheckbox\n                  id={role.name}\n                  checked={selectedRoles.includes(role.name)}\n                  onChange={() => handleCheckboxChange(role.name)}\n                  label={role.name}\n                  className=\"solid-user-role-control\"\n                />\n              </div>\n            ))}\n          </div>\n        </SolidPanel>\n      </div>\n    </div>\n  );\n}\n\nexport default CreateUser;\n"]}
+{"version":3,"file":"CreateUser.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUser.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FetchBaseQueryError } from \"@reduxjs/toolkit/dist/query\";\nimport { useFormik } from \"formik\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport * as Yup from \"yup\";\nimport { BackButton } from \"../../../components/common/BackButton\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { SolidFormHeader } from \"../../../components/common/SolidFormHeader\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useRegisterPrivateMutation, useUpdateUserMutation } from \"../../../redux/api/authApi\";\nimport { useDeleteUserMutation } from \"../../../redux/api/userApi\";\nimport { RolesGroupedByModuleWidget } from \"../../core/form/fields/relations/RolesGroupedByModuleWidget\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport {\n  SolidButton,\n  SolidInput,\n  SolidMessage,\n  SolidPanel,\n  SolidPasswordInput,\n  SolidSwitch,\n  SolidTabGroup,\n} from \"../../shad-cn-ui\";\nimport { ApiKeysTab, GenerateApiKeyModal, RevealApiKeyModal } from \"./ApiKeysTab\";\nimport \"./CreateUser.css\";\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nconst CreateUser = ({ data, params }: any) => {\n  const dispatch = useDispatch();\n  const router = useRouter();\n  const [selectedRoles, setSelectedRoles] = useState<string[]>([]);\n  const [failedAttempts, setFailedAttempts] = useState<number>(data?.failedLoginAttempts ?? 0);\n  const [activeTab, setActiveTab] = useState(\"userDetails\");\n  const [newUserIdForApiKey, setNewUserIdForApiKey] = useState<number | null>(null);\n  const [revealKey, setRevealKey] = useState<{ apiKey: string; keyName: string } | null>(null);\n\n  const [registerPrivate, { isLoading, error: userCreateError }] = useRegisterPrivateMutation();\n  const [\n    updateUser,\n    {\n      isLoading: isUserUpdating,\n      isSuccess: isUpdateUserSuccess,\n      error: userUpdateError,\n    },\n  ] = useUpdateUserMutation();\n\n  const [deleteUser, { isLoading: isUserDeleting, isSuccess: isDeleteUserSuccess }] = useDeleteUserMutation();\n\n  useEffect(() => {\n    if (data?.roles) {\n      setSelectedRoles(data.roles.map((role: any) => role.name));\n    }\n    setFailedAttempts(data?.failedLoginAttempts ?? 0);\n  }, [data]);\n\n  const initialValues = {\n    fullName: data?.fullName ?? \"\",\n    username: data?.username ?? \"\",\n    email: data?.email ?? \"\",\n    mobile: data?.mobile ?? \"\",\n    password: \"\",\n    confirmPassword: \"\",\n    active: data?.active ?? true,\n    isAllowedToGenerateApiKeys: data?.isAllowedToGenerateApiKeys ?? false,\n  };\n\n  const validationSchema = Yup.object({\n    fullName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Full Name\")),\n    username: Yup.string().required(\"Username is required\"),\n    email: Yup.string()\n      .email(ERROR_MESSAGES.FIELD_INVALID(\"email address\"))\n      .required(ERROR_MESSAGES.FIELD_REUQIRED(\"Email\")),\n    password: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).nullable(),\n    confirmPassword: Yup.string().when(\"password\", {\n      is: (val: any) => !!val,\n      then: (schema) => schema.oneOf([Yup.ref(\"password\")], ERROR_MESSAGES.FIELD_MUST_MATCH(\"Password\")).nullable(),\n      otherwise: (schema) => schema.notRequired().nullable(),\n    }),\n    mobile: Yup.string().nullable(),\n  });\n\n  function isFetchBaseQueryErrorWithErrorResponse(\n    error: any\n  ): error is FetchBaseQueryError & { data: ErrorResponseData } {\n    return error && typeof error === \"object\" && \"data\" in error && \"message\" in error.data;\n  }\n\n  const formik = useFormik({\n    initialValues,\n    validationSchema,\n    enableReinitialize: true,\n    onSubmit: async (values) => {\n      if (data) {\n        const userData: any = {\n          fullName: values.fullName,\n          username: values.username,\n          email: values.email,\n          mobile: values.mobile,\n          roles: selectedRoles,\n          active: values.active,\n          isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,\n        };\n\n        if (values.password) {\n          userData.password = values.password;\n        }\n\n        updateUser({ id: data.id, data: userData });\n        return;\n      }\n\n      try {\n        const response = await registerPrivate({\n          fullName: values.fullName,\n          username: values.username,\n          email: values.email,\n          mobile: values.mobile,\n          password: values.password,\n          roles: selectedRoles,\n          isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,\n        }).unwrap();\n\n        if (values.isAllowedToGenerateApiKeys) {\n          const userId = (response as any)?.data?.id ?? (response as any)?.id;\n          if (userId) {\n            setNewUserIdForApiKey(userId);\n            return;\n          }\n        }\n        router.back();\n      } catch {\n        // error shown via userCreateError effect\n      }\n    },\n  });\n\n  const fieldError = (fieldName: keyof typeof initialValues) =>\n    formik.touched[fieldName] && formik.errors[fieldName] ? String(formik.errors[fieldName]) : \"\";\n\n  const handleCheckboxChange = (roleName: string) => {\n    const updatedRoles = selectedRoles.includes(roleName)\n      ? selectedRoles.filter((name) => name !== roleName)\n      : [...selectedRoles, roleName];\n\n    setSelectedRoles(updatedRoles);\n    formik.setFieldTouched(\"roles\", true);\n    formik.setFieldValue(\"roles\", updatedRoles);\n  };\n\n  useEffect(() => {\n    const handleError = (errorToast: any) => {\n      let errorMessage: any = [ERROR_MESSAGES.ERROR_OCCURED];\n\n      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {\n        errorMessage = errorToast.data.message;\n      } else {\n        errorMessage = [ERROR_MESSAGES.SOMETHING_WRONG];\n      }\n\n      const detail = Array.isArray(errorMessage) ? errorMessage.join(\", \") : errorMessage;\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail }));\n    };\n\n    if (userCreateError) handleError(userCreateError);\n    if (userUpdateError) handleError(userUpdateError);\n  }, [dispatch, userCreateError, userUpdateError]);\n\n  useEffect(() => {\n    if (isDeleteUserSuccess || isUpdateUserSuccess) {\n      router.back();\n    }\n  }, [isDeleteUserSuccess, isUpdateUserSuccess, router]);\n\n  const isEditMode = params.id !== \"new\";\n  const isSaving = isLoading || isUserUpdating;\n\n  const handleUnblockUser = async () => {\n    if (!data?.id) return;\n\n    try {\n      await updateUser({\n        id: data.id,\n        data: { failedLoginAttempts: 0 },\n      }).unwrap();\n      dispatch(\n        showToast({\n          severity: \"success\",\n          summary: \"Success\",\n          detail: \"User is unblocked.\",\n        })\n      );\n      setFailedAttempts(0);\n    } catch {\n      // error shown via userUpdateError effect\n    }\n  };\n\n  return (\n    <div className=\"solid-form-wrapper\">\n      <div className=\"solid-form-section\">\n        <form onSubmit={formik.handleSubmit}>\n          <div className=\"solid-form-header flex items-center justify-between gap-4 flex-wrap\">\n            <div className=\"solid-user-form-titleblock flex items-center gap-4\">\n              <BackButton />\n              <div>\n                <div className=\"form-wrapper-title\">{isEditMode ? \"Update User\" : \"Create User\"}</div>\n                <p className=\"solid-user-form-subtitle m-0\">\n                  {isEditMode\n                    ? \"Update account details, access roles, and security controls.\"\n                    : \"Create a user account and assign the right access roles.\"}\n                </p>\n              </div>\n            </div>\n            <div className=\"flex gap-4 flex-wrap\">\n              {isEditMode && failedAttempts > 0 ? (\n                <SolidButton size=\"small\" type=\"button\" variant=\"outline\" loading={isUserUpdating} onClick={handleUnblockUser}>\n                  Unblock User\n                </SolidButton>\n              ) : null}\n              {formik.dirty ? (\n                <SolidButton size=\"small\" type=\"submit\" loading={isSaving}>\n                  Save\n                </SolidButton>\n              ) : null}\n              {data ? (\n                <SolidButton\n                  size=\"small\"\n                  type=\"button\"\n                  variant=\"destructive\"\n                  loading={isUserDeleting}\n                  onClick={() => deleteUser(data.id)}\n                >\n                  Delete\n                </SolidButton>\n              ) : null}\n              <CancelButton />\n            </div>\n          </div>\n\n          <SolidFormHeader />\n\n          <div className=\"px-3 py-3 md:p-4 solid-form-content\">\n            {isEditMode ? (\n              <SolidTabGroup\n                value={activeTab}\n                onValueChange={setActiveTab}\n                tabs={[\n                  {\n                    value: \"userDetails\",\n                    label: \"User Details\",\n                    content: (\n                      <UserDetailsContent\n                        formik={formik}\n                        fieldError={fieldError}\n                        selectedRoles={selectedRoles}\n                        handleCheckboxChange={handleCheckboxChange}\n                        isEditMode={isEditMode}\n                      />\n                    ),\n                  },\n                  {\n                    value: \"apiKeys\",\n                    label: \"API Keys\",\n                    content: (\n                      <div className=\"solid-user-edit-api-keys-pane\">\n                        <ApiKeysTab userId={data?.id} canCreate={data?.isAllowedToGenerateApiKeys ?? false} />\n                      </div>\n                    ),\n                  },\n                ]}\n              />\n            ) : (\n              <UserDetailsContent\n                formik={formik}\n                fieldError={fieldError}\n                selectedRoles={selectedRoles}\n                handleCheckboxChange={handleCheckboxChange}\n                isEditMode={isEditMode}\n              />\n            )}\n          </div>\n        </form>\n      </div>\n\n      {newUserIdForApiKey !== null && (\n        <GenerateApiKeyModal\n          open={true}\n          userId={newUserIdForApiKey}\n          onClose={() => {\n            setNewUserIdForApiKey(null);\n            router.back();\n          }}\n          onCreated={(apiKey, keyName) => {\n            setNewUserIdForApiKey(null);\n            setRevealKey({ apiKey, keyName });\n          }}\n        />\n      )}\n\n      {revealKey && (\n        <RevealApiKeyModal\n          open={true}\n          apiKey={revealKey.apiKey}\n          keyName={revealKey.keyName}\n          onClose={() => {\n            setRevealKey(null);\n            router.back();\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\n/** Extracted form body so it can be used both inside and outside the tab wrapper */\nfunction UserDetailsContent({\n  formik,\n  fieldError,\n  selectedRoles,\n  handleCheckboxChange,\n  isEditMode,\n}: {\n  formik: any;\n  fieldError: (field: any) => string;\n  selectedRoles: string[];\n  handleCheckboxChange: (roleName: string) => void;\n  isEditMode: boolean;\n}) {\n  return (\n    <div className=\"solid-user-details-layout\">\n      <div className=\"solid-user-details-stack\">\n        <SolidPanel header=\"Basic Info\" className=\"solid-column-panel\">\n          <div className=\"flex flex-wrap -mx-2 -mt-2\">\n            <div className=\"field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n              <label htmlFor=\"fullName\" className=\"form-field-label\">\n                Full Name\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"fullName\"\n                name=\"fullName\"\n                autoComplete=\"off\"\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.fullName}\n                className={cx(fieldError(\"fullName\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"fullName\") ? <SolidMessage severity=\"error\" text={fieldError(\"fullName\")} /> : null}\n            </div>\n\n            <div className=\"field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n              <label htmlFor=\"username\" className=\"form-field-label\">\n                Username\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"username\"\n                name=\"username\"\n                autoComplete=\"off\"\n                disabled={Boolean(formik.values.username) && isEditMode}\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.username}\n                className={cx(fieldError(\"username\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"username\") ? <SolidMessage severity=\"error\" text={fieldError(\"username\")} /> : null}\n            </div>\n\n            <div className=\"field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n              <label htmlFor=\"email\" className=\"form-field-label\">\n                Email\n              </label>\n              <SolidInput\n                type=\"email\"\n                id=\"email\"\n                name=\"email\"\n                autoComplete=\"off\"\n                disabled={isEditMode}\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.email}\n                className={cx(fieldError(\"email\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"email\") ? <SolidMessage severity=\"error\" text={fieldError(\"email\")} /> : null}\n            </div>\n\n            <div className=\"field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n              <label htmlFor=\"mobile\" className=\"form-field-label\">\n                Mobile\n              </label>\n              <SolidInput\n                type=\"text\"\n                id=\"mobile\"\n                name=\"mobile\"\n                autoComplete=\"off\"\n                onChange={formik.handleChange}\n                onBlur={formik.handleBlur}\n                value={formik.values.mobile}\n                className={cx(fieldError(\"mobile\") && \"solid-user-form-input-invalid\")}\n              />\n              {fieldError(\"mobile\") ? <SolidMessage severity=\"error\" text={fieldError(\"mobile\")} /> : null}\n            </div>\n\n            {!isEditMode ? (\n              <>\n                <div className=\"field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n                  <label htmlFor=\"password\" className=\"form-field-label\">\n                    Password\n                  </label>\n                  <SolidPasswordInput\n                    id=\"password\"\n                    name=\"password\"\n                    autoComplete=\"off\"\n                    value={formik.values.password}\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    className={cx(fieldError(\"password\") && \"solid-user-form-input-invalid\")}\n                  />\n                  {fieldError(\"password\") ? <SolidMessage severity=\"error\" text={fieldError(\"password\")} /> : null}\n                </div>\n\n                <div className=\"field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2\">\n                  <label htmlFor=\"confirmPassword\" className=\"form-field-label\">\n                    Confirm Password\n                  </label>\n                  <SolidPasswordInput\n                    id=\"confirmPassword\"\n                    name=\"confirmPassword\"\n                    autoComplete=\"off\"\n                    value={formik.values.confirmPassword}\n                    onChange={formik.handleChange}\n                    onBlur={formik.handleBlur}\n                    className={cx(fieldError(\"confirmPassword\") && \"solid-user-form-input-invalid\")}\n                  />\n                  {fieldError(\"confirmPassword\") ? (\n                    <SolidMessage severity=\"error\" text={fieldError(\"confirmPassword\")} />\n                  ) : null}\n                </div>\n              </>\n            ) : null}\n          </div>\n        </SolidPanel>\n\n        <SolidPanel toggleable header=\"Access\" className=\"solid-column-panel\">\n          <div className=\"flex flex-wrap -mx-2 -mt-2 solid-user-access-grid\">\n            {isEditMode ? (\n              <div className=\"field w-full px-2 pt-2 solid-user-access-row\">\n                <div className=\"solid-user-access-copy\">\n                  <p className=\"form-field-label m-0\">Active User</p>\n                  <p className=\"solid-user-section-helper m-0 mt-1\">\n                    Control whether this user account is active and allowed to sign in.\n                  </p>\n                </div>\n                <SolidSwitch\n                  checked={formik.values.active}\n                  onChange={(checked) => formik.setFieldValue(\"active\", checked)}\n                />\n              </div>\n            ) : null}\n            <div className=\"field w-full px-2 pt-2 solid-user-access-row\">\n              <div className=\"solid-user-access-copy\">\n                <p className=\"form-field-label m-0\">Allow API Key Generation</p>\n                <p className=\"solid-user-section-helper m-0 mt-1\">\n                  When enabled, this user can generate API keys for programmatic access.\n                </p>\n              </div>\n              <SolidSwitch\n                checked={formik.values.isAllowedToGenerateApiKeys}\n                onChange={(checked) => formik.setFieldValue(\"isAllowedToGenerateApiKeys\", checked)}\n              />\n            </div>\n          </div>\n        </SolidPanel>\n\n        <SolidPanel toggleable header=\"Roles\" className=\"solid-column-panel\">\n          <p className=\"solid-user-section-copy\">Select the roles that should be assigned to this user.</p>\n          <RolesGroupedByModuleWidget\n            selectedRoles={selectedRoles}\n            onToggle={handleCheckboxChange}\n          />\n        </SolidPanel>\n      </div>\n    </div>\n  );\n}\n\nexport default CreateUser;\n"]}

package/dist/components/core/users/CreateUser.tsx

@@ -9,12 +9,11 @@ import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useRouter } from "../../../hooks/useRouter";
 import { useRegisterPrivateMutation, useUpdateUserMutation } from "../../../redux/api/authApi";
-import { useGetrolesQuery } from "../../../redux/api/roleApi";
 import { useDeleteUserMutation } from "../../../redux/api/userApi";
+import { RolesGroupedByModuleWidget } from "../../core/form/fields/relations/RolesGroupedByModuleWidget";
 import { showToast } from "../../../redux/features/toastSlice";
 import {
   SolidButton,
-  SolidCheckbox,
   SolidInput,
   SolidMessage,
   SolidPanel,
@@ -55,7 +54,6 @@ const CreateUser = ({ data, params }: any) => {
   ] = useUpdateUserMutation();
 
   const [deleteUser, { isLoading: isUserDeleting, isSuccess: isDeleteUserSuccess }] = useDeleteUserMutation();
-  const { data: rolesData } = useGetrolesQuery("");
 
   useEffect(() => {
     if (data?.roles) {
@@ -210,8 +208,8 @@ const CreateUser = ({ data, params }: any) => {
     <div className="solid-form-wrapper">
       <div className="solid-form-section">
         <form onSubmit={formik.handleSubmit}>
-          <div className="solid-form-header flex align-items-center justify-content-between gap-3 flex-wrap">
-            <div className="solid-user-form-titleblock flex align-items-center gap-3">
+          <div className="solid-form-header flex items-center justify-between gap-4 flex-wrap">
+            <div className="solid-user-form-titleblock flex items-center gap-4">
               <BackButton />
               <div>
                 <div className="form-wrapper-title">{isEditMode ? "Update User" : "Create User"}</div>
@@ -222,7 +220,7 @@ const CreateUser = ({ data, params }: any) => {
                 </p>
               </div>
             </div>
-            <div className="gap-3 flex flex-wrap">
+            <div className="flex gap-4 flex-wrap">
               {isEditMode && failedAttempts > 0 ? (
                 <SolidButton size="small" type="button" variant="outline" loading={isUserUpdating} onClick={handleUnblockUser}>
                   Unblock User
@@ -263,7 +261,6 @@ const CreateUser = ({ data, params }: any) => {
                       <UserDetailsContent
                         formik={formik}
                         fieldError={fieldError}
-                        rolesData={rolesData}
                         selectedRoles={selectedRoles}
                         handleCheckboxChange={handleCheckboxChange}
                         isEditMode={isEditMode}
@@ -285,7 +282,6 @@ const CreateUser = ({ data, params }: any) => {
               <UserDetailsContent
                 formik={formik}
                 fieldError={fieldError}
-                rolesData={rolesData}
                 selectedRoles={selectedRoles}
                 handleCheckboxChange={handleCheckboxChange}
                 isEditMode={isEditMode}
@@ -329,14 +325,12 @@ const CreateUser = ({ data, params }: any) => {
 function UserDetailsContent({
   formik,
   fieldError,
-  rolesData,
   selectedRoles,
   handleCheckboxChange,
   isEditMode,
 }: {
   formik: any;
   fieldError: (field: any) => string;
-  rolesData: any;
   selectedRoles: string[];
   handleCheckboxChange: (roleName: string) => void;
   isEditMode: boolean;
@@ -345,8 +339,8 @@ function UserDetailsContent({
     <div className="solid-user-details-layout">
       <div className="solid-user-details-stack">
         <SolidPanel header="Basic Info" className="solid-column-panel">
-          <div className="grid formgrid">
-            <div className="field col-12 md:col-6 flex flex-column gap-2">
+          <div className="flex flex-wrap -mx-2 -mt-2">
+            <div className="field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="fullName" className="form-field-label">
                 Full Name
               </label>
@@ -363,7 +357,7 @@ function UserDetailsContent({
               {fieldError("fullName") ? <SolidMessage severity="error" text={fieldError("fullName")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2">
+            <div className="field flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="username" className="form-field-label">
                 Username
               </label>
@@ -381,7 +375,7 @@ function UserDetailsContent({
               {fieldError("username") ? <SolidMessage severity="error" text={fieldError("username")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="email" className="form-field-label">
                 Email
               </label>
@@ -399,7 +393,7 @@ function UserDetailsContent({
               {fieldError("email") ? <SolidMessage severity="error" text={fieldError("email")} /> : null}
             </div>
 
-            <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+            <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
               <label htmlFor="mobile" className="form-field-label">
                 Mobile
               </label>
@@ -418,7 +412,7 @@ function UserDetailsContent({
 
             {!isEditMode ? (
               <>
-                <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+                <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
                   <label htmlFor="password" className="form-field-label">
                     Password
                   </label>
@@ -434,7 +428,7 @@ function UserDetailsContent({
                   {fieldError("password") ? <SolidMessage severity="error" text={fieldError("password")} /> : null}
                 </div>
 
-                <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3">
+                <div className="field mt-4 flex w-full flex-col gap-2 px-2 pt-2 md:w-1/2">
                   <label htmlFor="confirmPassword" className="form-field-label">
                     Confirm Password
                   </label>
@@ -457,9 +451,9 @@ function UserDetailsContent({
         </SolidPanel>
 
         <SolidPanel toggleable header="Access" className="solid-column-panel">
-          <div className="formgrid grid solid-user-access-grid">
+          <div className="flex flex-wrap -mx-2 -mt-2 solid-user-access-grid">
             {isEditMode ? (
-              <div className="field col-12 solid-user-access-row">
+              <div className="field w-full px-2 pt-2 solid-user-access-row">
                 <div className="solid-user-access-copy">
                   <p className="form-field-label m-0">Active User</p>
                   <p className="solid-user-section-helper m-0 mt-1">
@@ -472,7 +466,7 @@ function UserDetailsContent({
                 />
               </div>
             ) : null}
-            <div className="field col-12 solid-user-access-row">
+            <div className="field w-full px-2 pt-2 solid-user-access-row">
               <div className="solid-user-access-copy">
                 <p className="form-field-label m-0">Allow API Key Generation</p>
                 <p className="solid-user-section-helper m-0 mt-1">
@@ -489,22 +483,10 @@ function UserDetailsContent({
 
         <SolidPanel toggleable header="Roles" className="solid-column-panel">
           <p className="solid-user-section-copy">Select the roles that should be assigned to this user.</p>
-          <div className="solid-user-role-grid">
-            {rolesData?.data?.records?.map((role: any) => (
-              <div
-                key={role.name}
-                className={cx("solid-user-role-card", selectedRoles.includes(role.name) && "is-selected")}
-              >
-                <SolidCheckbox
-                  id={role.name}
-                  checked={selectedRoles.includes(role.name)}
-                  onChange={() => handleCheckboxChange(role.name)}
-                  label={role.name}
-                  className="solid-user-role-control"
-                />
-              </div>
-            ))}
-          </div>
+          <RolesGroupedByModuleWidget
+            selectedRoles={selectedRoles}
+            onToggle={handleCheckboxChange}
+          />
         </SolidPanel>
       </div>
     </div>

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

@@ -155,8 +155,8 @@ var CreateUserRole = function (_a) {
             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(SolidButton, { label: "Save", size: "sm", 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(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", 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(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "p-inputtext-sm w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { 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(SolidMessage, { 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() }))] })] }) })] }) })] }) }) }) }));
+    return (_jsx("div", { className: "flex flex-wrap -mx-2 -mt-2", children: _jsx("div", { className: "mx-auto w-full px-2 pt-2 xl:w-[83.333333%]", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", size: "sm", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
+                            _jsxs("div", { className: "mb-6 flex justify-between gap-4", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "flex gap-4", children: [_jsx("div", { children: _jsx(SolidButton, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "sm", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "flex flex-wrap -mx-2 -mt-2", children: [_jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(SolidInput, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: "p-inputtext-sm w-full small-input", "aria-invalid": !!isFormFieldValid(formik, "username") }), isFormFieldValid(formik, "username") && (_jsx(SolidMessage, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "w-full px-2 pt-2 md:w-1/2", 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(SolidMessage, { 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() }))] })] }) })] }) })] }) }) }) }));
 };
 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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","sourcesContent":["\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 } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\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      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\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                  <SolidButton label=\"Save\" size=\"sm\" 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                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" 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                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"p-inputtext-sm w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage 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                        <SolidMessage 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"]}
+{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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","sourcesContent":["\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 } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { SolidButton, SolidInput, SolidMessage } from \"../../shad-cn-ui\";\nimport qs from \"qs\";\nimport { useEffect } from \"react\";\nimport * as Yup from \"yup\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\nconst CreateUserRole = ({ data }: any) => {\n  const dispatch = useDispatch();\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      dispatch(showToast({\n        severity: \"error\",\n        summary: ERROR_MESSAGES.SEND_REPORT,\n        detail: errorMessages.map(String).join(\", \"),\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=\"flex flex-wrap -mx-2 -mt-2\">\n      <div className=\"mx-auto w-full px-2 pt-2 xl:w-[83.333333%]\">\n        <div>\n          {/* <Toast ref={toast} /> */}\n\n          <form onSubmit={formik.handleSubmit}>\n            {pathname.includes('create') ? <div className=\"mb-6 flex justify-between gap-4\">\n              <div className=\"form-wrapper-title\"> Create User Role</div>\n              <div className=\"flex gap-4\">\n                <div>\n                  <SolidButton label=\"Save\" size=\"sm\" onClick={() => showError()} type=\"submit\" className='small-button' />\n                </div>\n                <CancelButton />\n              </div>\n            </div> :\n              <div className=\"mb-6 flex justify-between gap-4\">\n                <h1 className=\"m-0\"> Edit User</h1>\n                <div className=\"flex gap-4\">\n                  <div>\n                    <SolidButton label=\"Save\" onClick={() => showError()} type=\"submit\" size=\"sm\" 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=\"flex flex-wrap -mx-2 -mt-2\">\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\n                  <div className=\"field\">\n                    <label htmlFor=\"username\" className=\"form-label form-field-label\">\n                      User Name\n                    </label>\n                    <SolidInput\n                      type=\"text\"\n                      id=\"username\"\n                      name=\"username\"\n                      onChange={formik.handleChange}\n                      value={formik.values.username}\n                      className=\"p-inputtext-sm w-full small-input\"\n                      aria-invalid={!!isFormFieldValid(formik, \"username\")}\n                    />\n                    {isFormFieldValid(formik, \"username\") && (\n                      <SolidMessage severity=\"error\" text={formik.errors.username?.toString()} />\n                    )}\n                  </div>\n                </div>\n                <div className=\"w-full px-2 pt-2 md:w-1/2\">\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                        <SolidMessage 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"]}