@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.10

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

@@ -44,127 +44,146 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useFormik } from "formik";
+import { useEffect, useState } from "react";
+import { useDispatch } from "react-redux";
+import * as Yup from "yup";
 import { BackButton } from "../../../components/common/BackButton";
 import { CancelButton } from "../../../components/common/CancelButton";
 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 { useFormik } from "formik";
-import { usePathname } from "../../../hooks/usePathname";
-import { useRouter } from "../../../hooks/useRouter";
-import { Button } from "primereact/button";
-import { Checkbox } from "primereact/checkbox";
-import { InputText } from "primereact/inputtext";
-import { Message } from "primereact/message";
-import { Panel } from "primereact/panel";
-import { Password } from "primereact/password";
-import { classNames } from "primereact/utils";
-import { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
-import * as Yup from "yup";
 import { showToast } from "../../../redux/features/toastSlice";
+import { SolidButton, SolidCheckbox, SolidInput, SolidMessage, SolidPanel, SolidPasswordInput, SolidSwitch, SolidTabGroup, } from "../../shad-cn-ui";
+import { ApiKeysTab, GenerateApiKeyModal, RevealApiKeyModal } from "./ApiKeysTab";
+function cx() {
+    var parts = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        parts[_i] = arguments[_i];
+    }
+    return parts.filter(Boolean).join(" ");
+}
 var CreateUser = function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var _b, _c, _d, _e, _f, _g, _h;
     var data = _a.data, params = _a.params;
     var dispatch = useDispatch();
-    var pathname = usePathname();
     var router = useRouter();
-    var _s = useState([]), selectedRoles = _s[0], setSelectedRoles = _s[1];
-    var _t = useRegisterPrivateMutation(), registerPrivate = _t[0], _u = _t[1], isLoading = _u.isLoading, userCreateError = _u.error, isSuccess = _u.isSuccess, user = _u.data;
-    var _v = useUpdateUserMutation(), updateUser = _v[0], _w = _v[1], isuserUpdating = _w.isLoading, isUpdateuserSuceess = _w.isSuccess, isuserUpdateError = _w.isError, userUpdateError = _w.error, updateduser = _w.data;
-    var _x = useDeleteUserMutation(), deleteUser = _x[0], _y = _x[1], isUserDeleted = _y.isLoading, isDeleteUserSuceess = _y.isSuccess, isUserDeleteError = _y.isError, UserDeleteError = _y.error, DeletedUser = _y.data;
+    var _j = useState([]), selectedRoles = _j[0], setSelectedRoles = _j[1];
+    var _k = useState("userDetails"), activeTab = _k[0], setActiveTab = _k[1];
+    var _l = useState(null), newUserIdForApiKey = _l[0], setNewUserIdForApiKey = _l[1];
+    var _m = useState(null), revealKey = _m[0], setRevealKey = _m[1];
+    var _o = useRegisterPrivateMutation(), registerPrivate = _o[0], _p = _o[1], isLoading = _p.isLoading, userCreateError = _p.error;
+    var _q = useUpdateUserMutation(), updateUser = _q[0], _r = _q[1], isUserUpdating = _r.isLoading, isUpdateUserSuccess = _r.isSuccess, userUpdateError = _r.error;
+    var _s = useDeleteUserMutation(), deleteUser = _s[0], _t = _s[1], isUserDeleting = _t.isLoading, isDeleteUserSuccess = _t.isSuccess;
     var rolesData = useGetrolesQuery("").data;
-    // const [
-    //   createrolebulk,
-    //   { isLoading, isSuccess, isError, error, data: roles },
-    // ] = useCreateuserrolebulkMutation();
     useEffect(function () {
-        if (data && data.roles) {
-            var userRoles = data.roles.map(function (role) { return role.name; });
-            setSelectedRoles(userRoles);
+        if (data === null || data === void 0 ? void 0 : data.roles) {
+            setSelectedRoles(data.roles.map(function (role) { return role.name; }));
         }
     }, [data]);
-    var handleCheckboxChange = function (roleName) {
-        var updatedRoles;
-        if (selectedRoles.includes(roleName)) {
-            updatedRoles = selectedRoles.filter(function (name) { return name !== roleName; });
-        }
-        else {
-            updatedRoles = __spreadArray(__spreadArray([], selectedRoles, true), [roleName], false);
-        }
-        setSelectedRoles(updatedRoles);
-        formik.setFieldTouched('roles', true); // fake "touched"
-        formik.setFieldValue('roles', updatedRoles);
-    };
     var initialValues = {
-        fullName: data ? data.fullName : "",
-        username: data ? data.username : "",
-        email: data ? data.email : "",
-        mobile: data ? data.mobile : "",
+        fullName: (_b = data === null || data === void 0 ? void 0 : data.fullName) !== null && _b !== void 0 ? _b : "",
+        username: (_c = data === null || data === void 0 ? void 0 : data.username) !== null && _c !== void 0 ? _c : "",
+        email: (_d = data === null || data === void 0 ? void 0 : data.email) !== null && _d !== void 0 ? _d : "",
+        mobile: (_e = data === null || data === void 0 ? void 0 : data.mobile) !== null && _e !== void 0 ? _e : "",
         password: "",
         confirmPassword: "",
-        failedLoginAttempts: data ? data.failedLoginAttempts : 0,
+        failedLoginAttempts: (_f = data === null || data === void 0 ? void 0 : data.failedLoginAttempts) !== null && _f !== void 0 ? _f : 0,
+        isAllowedToGenerateApiKeys: (_g = data === null || data === void 0 ? void 0 : data.isAllowedToGenerateApiKeys) !== null && _g !== void 0 ? _g : false,
     };
     var validationSchema = Yup.object({
-        fullName: Yup.string().required(),
-        username: Yup.string()
-            .required('Username is required'),
-        // .min(3, 'Username must be at least 3 characters long') // Minimum length
-        // .max(20, 'Username cannot be longer than 20 characters') // Maximum length
-        // .matches(
-        //   /^[a-zA-Z0-9_.-]*$/,
-        //   'Username can only contain letters, numbers, underscores, periods, and hyphens'
-        // ) // Allowed characters
-        // .matches(
-        //   /^[a-zA-Z]/,
-        //   'Username must start with a letter'
-        // ),
-        email: Yup
-            .string()
-            .email(ERROR_MESSAGES.FIELD_INVALID('email address'))
-            .required(ERROR_MESSAGES.FIELD_REUQIRED('Email')),
+        fullName: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED("Full Name")),
+        username: Yup.string().required("Username is required"),
+        email: Yup.string()
+            .email(ERROR_MESSAGES.FIELD_INVALID("email address"))
+            .required(ERROR_MESSAGES.FIELD_REUQIRED("Email")),
         password: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).nullable(),
-        confirmPassword: Yup.string()
-            .when('password', {
+        confirmPassword: Yup.string().when("password", {
             is: function (val) { return !!val; },
-            then: function (schema) {
-                return schema
-                    .oneOf([Yup.ref('password')], ERROR_MESSAGES.FIELD_MUST_MATCH('Password'))
-                    .nullable();
-            },
+            then: function (schema) { return schema.oneOf([Yup.ref("password")], ERROR_MESSAGES.FIELD_MUST_MATCH("Password")).nullable(); },
             otherwise: function (schema) { return schema.notRequired().nullable(); },
         }),
-        mobile: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile')),
+        mobile: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED("Mobile")),
         failedLoginAttempts: Yup.number()
             .typeError("Failed Login Attempts must be a number")
             .nullable()
-            .transform(function (value, originalValue) {
-            return originalValue === "" ? null : value;
-        }),
+            .transform(function (value, originalValue) { return (originalValue === "" ? null : value); }),
     });
-    var isFormFieldValid = function (formik, fieldName) {
-        return formik.touched[fieldName] && formik.errors[fieldName];
-    };
-    var showError = function (submit) { return __awaiter(void 0, void 0, void 0, function () {
-        var errors, errorMessages;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, formik.validateForm()];
-                case 1:
-                    errors = _a.sent();
-                    errorMessages = Object.values(errors);
-                    if (errorMessages.length > 0) {
-                        dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.join(', '), life: 3000 }));
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
     function isFetchBaseQueryErrorWithErrorResponse(error) {
-        return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+        return error && typeof error === "object" && "data" in error && "message" in error.data;
     }
+    var formik = useFormik({
+        initialValues: initialValues,
+        validationSchema: validationSchema,
+        enableReinitialize: true,
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var userData, response, userId, _a;
+            var _b, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        if (data) {
+                            userData = {
+                                fullName: values.fullName,
+                                username: values.username,
+                                email: values.email,
+                                mobile: values.mobile,
+                                roles: selectedRoles,
+                                failedLoginAttempts: values.failedLoginAttempts,
+                                isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,
+                            };
+                            if (values.password) {
+                                userData.password = values.password;
+                            }
+                            updateUser({ id: data.id, data: userData });
+                            return [2 /*return*/];
+                        }
+                        _d.label = 1;
+                    case 1:
+                        _d.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, registerPrivate({
+                                fullName: values.fullName,
+                                username: values.username,
+                                email: values.email,
+                                mobile: values.mobile,
+                                password: values.password,
+                                roles: selectedRoles,
+                                failedLoginAttempts: values.failedLoginAttempts,
+                                isAllowedToGenerateApiKeys: values.isAllowedToGenerateApiKeys,
+                            }).unwrap()];
+                    case 2:
+                        response = _d.sent();
+                        if (values.isAllowedToGenerateApiKeys) {
+                            userId = (_c = (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : response === null || response === void 0 ? void 0 : response.id;
+                            if (userId) {
+                                setNewUserIdForApiKey(userId);
+                                return [2 /*return*/];
+                            }
+                        }
+                        router.back();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        _a = _d.sent();
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); },
+    });
+    var fieldError = function (fieldName) {
+        return formik.touched[fieldName] && formik.errors[fieldName] ? String(formik.errors[fieldName]) : "";
+    };
+    var handleCheckboxChange = function (roleName) {
+        var updatedRoles = selectedRoles.includes(roleName)
+            ? selectedRoles.filter(function (name) { return name !== roleName; })
+            : __spreadArray(__spreadArray([], selectedRoles, true), [roleName], false);
+        setSelectedRoles(updatedRoles);
+        formik.setFieldTouched("roles", true);
+        formik.setFieldValue("roles", updatedRoles);
+    };
     useEffect(function () {
         var handleError = function (errorToast) {
             var errorMessage = [ERROR_MESSAGES.ERROR_OCCURED];
@@ -174,77 +193,50 @@ var CreateUser = function (_a) {
             else {
                 errorMessage = [ERROR_MESSAGES.SOMETHING_WRONG];
             }
-            var detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : errorMessage;
-            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: detail }));
+            var detail = Array.isArray(errorMessage) ? errorMessage.join(", ") : errorMessage;
+            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.ERROR, detail: detail }));
         };
-        // Check and handle errors from each API operation
-        if (userCreateError) {
+        if (userCreateError)
             handleError(userCreateError);
-        }
-        if (userUpdateError) {
+        if (userUpdateError)
             handleError(userUpdateError);
-        }
-    }, [
-        userCreateError, userUpdateError
-    ]);
-    var formik = useFormik({
-        initialValues: initialValues,
-        validationSchema: validationSchema,
-        enableReinitialize: true,
-        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
-            var userData, userData;
-            return __generator(this, function (_a) {
-                if (data) {
-                    userData = {
-                        fullName: values.fullName,
-                        username: values.username,
-                        email: values.email,
-                        mobile: values.mobile,
-                        roles: selectedRoles,
-                        failedLoginAttempts: values.failedLoginAttempts,
-                    };
-                    if (values.password) {
-                        userData.password = values.password;
-                    }
-                    updateUser({ id: data.id, data: userData });
-                }
-                else {
-                    userData = {
-                        fullName: values.fullName,
-                        username: values.username,
-                        email: values.email,
-                        mobile: values.mobile,
-                        password: values.password,
-                        roles: selectedRoles,
-                        failedLoginAttempts: values.failedLoginAttempts,
-                    };
-                    registerPrivate(userData);
-                }
-                return [2 /*return*/];
-            });
-        }); },
-    });
+    }, [dispatch, userCreateError, userUpdateError]);
     useEffect(function () {
-        if (isSuccess == true || isDeleteUserSuceess === true || isUpdateuserSuceess === true) {
+        if (isDeleteUserSuccess || isUpdateUserSuccess) {
             router.back();
         }
-    }, [isSuccess, isDeleteUserSuceess, isUpdateuserSuceess]);
-    return (_jsx("div", { className: "solid-form-wrapper", children: _jsx("div", { className: "solid-form-section", children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsx("div", { className: "solid-form-header", children: params.id === "new" ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx(BackButton, {}), _jsx("div", { className: "form-wrapper-title", children: "Create User" })] }), _jsxs("div", { className: "gap-3 flex", children: [formik.dirty &&
-                                            _jsx(Button, { label: "Save", size: "small", type: "submit" }), _jsx(CancelButton, {})] })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex align-items-center gap-3", children: [_jsx(BackButton, {}), _jsx("div", { className: "form-wrapper-title", children: "Update User" })] }), _jsx("div", { children: _jsxs("div", { className: "gap-3 flex", children: [formik.dirty &&
-                                                _jsx(Button, { label: "Save", size: "small", type: "submit" }), data &&
-                                                _jsx(Button, { outlined: true, label: "Delete", size: "small", severity: "danger", type: "button", onClick: function () { return deleteUser(data.id); } }), _jsx(CancelButton, {})] }) })] })) }), _jsx(SolidFormHeader, {}), _jsx("div", { className: "px-4 py-3 md:p-4 solid-form-content", children: _jsx("div", { className: "grid", children: _jsxs("div", { className: "col-12 lg:col-10 xl:col-8 mx-auto", children: [_jsx(Panel, { header: "Basic Info", className: "solid-column-panel", children: _jsxs("div", { className: "grid formgrid mt-3", 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(InputText, { type: "text", id: "fullName", name: "fullName", autoComplete: "off", onChange: formik.handleChange, value: formik.values.fullName, className: classNames("", {
-                                                                "p-invalid": formik.touched.fullName && formik.errors.fullName,
-                                                            }) }), isFormFieldValid(formik, "fullName") && (_jsx(Message, { severity: "error", text: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.fullName) === null || _c === void 0 ? void 0 : _c.toString() }))] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3 md:mt-3", children: [_jsx("label", { htmlFor: "username", className: "form-field-label", children: "Username" }), _jsx(InputText, { type: "text", id: "username", name: "username", autoComplete: "off", disabled: data ? true : false, onChange: formik.handleChange, value: formik.values.username, className: classNames("", {
-                                                                "p-invalid": formik.touched.username && formik.errors.username,
-                                                            }) }), isFormFieldValid(formik, "username") && (_jsx(Message, { severity: "error", text: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.username) === null || _e === void 0 ? void 0 : _e.toString() }))] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "email", className: "form-field-label", children: "Email" }), _jsx(InputText, { type: "text", id: "email", name: "email", autoComplete: "off", disabled: data ? true : false, onChange: formik.handleChange, value: formik.values.email, className: classNames("", {
-                                                                "p-invalid": formik.touched.email && formik.errors.email,
-                                                            }) }), isFormFieldValid(formik, "email") && (_jsx(Message, { severity: "error", text: (_g = (_f = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _f === void 0 ? void 0 : _f.email) === null || _g === void 0 ? void 0 : _g.toString() }))] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "mobile", className: "form-field-label", children: "Mobile" }), _jsx(InputText, { type: "text", id: "mobile", name: "mobile", autoComplete: "off", onChange: formik.handleChange, value: formik.values.mobile, className: classNames("", {
-                                                                "p-invalid": formik.touched.mobile && formik.errors.mobile,
-                                                            }) }), isFormFieldValid(formik, "mobile ") && (_jsx(Message, { severity: "error", text: (_j = (_h = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _h === void 0 ? void 0 : _h.mobile) === null || _j === void 0 ? void 0 : _j.toString() }))] }), params.id === "new" && _jsxs(_Fragment, { children: [_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 py-4", children: [_jsx("label", { htmlFor: "Password", className: "form-field-label", children: "Password" }), _jsx(Password, { id: "password", name: "password", autoComplete: "off", "aria-autocomplete": "none", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: isFormFieldValid(formik, "password"), inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "password") && (_jsx(Message, { severity: "error", text: (_l = (_k = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _k === void 0 ? void 0 : _k.password) === null || _l === void 0 ? void 0 : _l.toString() }))] }), _jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 pb-4 md:pb-0 md:my-4", children: [_jsx("label", { htmlFor: "Confirm Password", className: "form-field-label", children: "Confirm Password" }), _jsx(Password, { id: "confirmPassword", name: "confirmPassword", autoComplete: "off", "aria-autocomplete": "none", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggleMask: true, invalid: isFormFieldValid(formik, "confirmPassword"), inputClassName: "w-full", feedback: false }), isFormFieldValid(formik, "confirmPassword") && (_jsx(Message, { severity: "error", text: (_o = (_m = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _m === void 0 ? void 0 : _m.confirmPassword) === null || _o === void 0 ? void 0 : _o.toString() }))] })] }), params.id !== "new" && (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-1 mt-4", children: [_jsx("label", { htmlFor: "failedLoginAttempts", className: "form-field-label", children: "Failed Login Attempts" }), _jsx(InputText, { type: "number", id: "failedLoginAttempts", name: "failedLoginAttempts", autoComplete: "off", onChange: formik.handleChange, value: formik.values.failedLoginAttempts, className: classNames("", {
-                                                                "p-invalid": formik.touched.failedLoginAttempts &&
-                                                                    formik.errors.failedLoginAttempts,
-                                                            }) }), formik.touched.failedLoginAttempts &&
-                                                            formik.errors.failedLoginAttempts && (_jsx(Message, { severity: "error", text: (_p = formik.errors.failedLoginAttempts) === null || _p === void 0 ? void 0 : _p.toString() })), _jsx("small", { className: "text-color-secondary", children: "Your account has been locked due to repeated unsuccessful login attempts. Please contact your system admin." })] }))] }) }), _jsx(Panel, { toggleable: true, header: "Roles", className: "solid-column-panel mt-5", children: _jsx("div", { className: "formgrid grid mt-4", children: ((_q = rolesData === null || rolesData === void 0 ? void 0 : rolesData.data) === null || _q === void 0 ? void 0 : _q.records) && ((_r = rolesData === null || rolesData === void 0 ? void 0 : rolesData.data) === null || _r === void 0 ? void 0 : _r.records.map(function (role, i) { return (_jsxs("div", { className: "field col-6 flex gap-2 ".concat(i >= 2 ? 'mt-3' : ''), children: [_jsx(Checkbox, { inputId: role.name, checked: selectedRoles.includes(role.name), onChange: function () { return handleCheckboxChange(role.name); } }), _jsxs("label", { htmlFor: role.name, children: [" ", role.name] })] }, role.name)); })) }) })] }) }) })] }) }) }));
+    }, [isDeleteUserSuccess, isUpdateUserSuccess, router]);
+    var isEditMode = params.id !== "new";
+    var isSaving = isLoading || isUserUpdating;
+    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
+                                                        ? "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: [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-4 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 }),
+                                    },
+                                    {
+                                        value: "apiKeys",
+                                        label: "API Keys",
+                                        content: _jsx("div", { className: "pt-4", children: _jsx(ApiKeysTab, { userId: data === null || data === void 0 ? void 0 : data.id, canCreate: (_h = data === null || data === void 0 ? void 0 : data.isAllowedToGenerateApiKeys) !== null && _h !== void 0 ? _h : 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 () {
+                    setNewUserIdForApiKey(null);
+                    router.back();
+                }, onCreated: function (apiKey, keyName) {
+                    setNewUserIdForApiKey(null);
+                    setRevealKey({ apiKey: apiKey, keyName: keyName });
+                } })), revealKey && (_jsx(RevealApiKeyModal, { open: true, apiKey: revealKey.apiKey, keyName: revealKey.keyName, onClose: function () {
+                    setRevealKey(null);
+                    router.back();
+                } }))] }));
 };
+/** 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: "grid", children: _jsxs("div", { className: "col-12 lg:col-10 xl:col-8 mx-auto", children: [_jsx(SolidPanel, { header: "Basic Info", className: "solid-column-panel solid-user-form-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] })] })) : (_jsxs("div", { className: "field col-12 md:col-6 flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "failedLoginAttempts", className: "form-field-label", children: "Failed Login Attempts" }), _jsx(SolidInput, { type: "number", id: "failedLoginAttempts", name: "failedLoginAttempts", autoComplete: "off", onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.failedLoginAttempts, className: cx(fieldError("failedLoginAttempts") && "solid-user-form-input-invalid") }), fieldError("failedLoginAttempts") ? (_jsx(SolidMessage, { severity: "error", text: fieldError("failedLoginAttempts") })) : null, _jsx("p", { className: "solid-user-form-helper", children: "Your account has been locked due to repeated unsuccessful login attempts. Please contact your system admin." })] }))] }) }), _jsx(SolidPanel, { toggleable: true, header: "Access", className: "solid-column-panel solid-user-form-panel mt-5", children: _jsx("div", { className: "formgrid grid", children: _jsxs("div", { className: "field col-12 flex align-items-center justify-content-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "form-field-label m-0", children: "Allow API Key Generation" }), _jsx("p", { className: "solid-user-form-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 solid-user-form-panel mt-5", children: [_jsx("p", { className: "solid-user-form-panel-copy", children: "Select the roles that should be assigned to this user." }), _jsx("div", { className: "formgrid grid 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: "field col-12 md:col-6 solid-user-role-item", children: _jsx(SolidCheckbox, { id: role.name, checked: selectedRoles.includes(role.name), onChange: function () { return handleCheckboxChange(role.name); }, label: role.name }) }, role.name)); }) })] })] }) }));
+}
 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":["\nimport { BackButton } from \"../../../components/common/BackButton\";\nimport { CancelButton } from \"../../../components/common/CancelButton\";\nimport { SolidBreadcrumb } from \"../../../components/common/SolidBreadcrumb\";\nimport { SolidFormHeader } from \"../../../components/common/SolidFormHeader\";\nimport { SolidFormStepper } from \"../../../components/common/SolidFormStepper\";\nimport { ERROR_MESSAGES } from \"../../../constants/error-messages\";\nimport { useRegisterPrivateMutation, useUpdateUserMutation } from \"../../../redux/api/authApi\";\nimport { useGetrolesQuery } from \"../../../redux/api/roleApi\";\nimport { useDeleteUserMutation } from \"../../../redux/api/userApi\";\nimport { FetchBaseQueryError } from \"@reduxjs/toolkit/dist/query\";\nimport { useFormik } from \"formik\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { Button } from \"primereact/button\";\nimport { Checkbox } from \"primereact/checkbox\";\nimport { Divider } from \"primereact/divider\";\nimport { InputText } from \"primereact/inputtext\";\nimport { Message } from \"primereact/message\";\nimport { Panel } from \"primereact/panel\";\nimport { Password } from \"primereact/password\";\nimport { classNames } from \"primereact/utils\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport * as Yup from \"yup\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\n\n\ninterface ErrorResponseData {\n  message: string;\n  statusCode: number;\n  error: string;\n}\n\nconst CreateUser = ({ data, params }: any) => {\n\n  const dispatch = useDispatch();\n  const pathname = usePathname();\n  const router = useRouter();\n  const [selectedRoles, setSelectedRoles] = useState<string[]>([]);\n\n  const [registerPrivate, { isLoading, error: userCreateError, isSuccess, data: user }] = useRegisterPrivateMutation();\n  const [\n    updateUser,\n    {\n      isLoading: isuserUpdating,\n      isSuccess: isUpdateuserSuceess,\n      isError: isuserUpdateError,\n      error: userUpdateError,\n      data: updateduser,\n    },\n  ] = useUpdateUserMutation();\n\n  const [deleteUser, {\n    isLoading: isUserDeleted,\n    isSuccess: isDeleteUserSuceess,\n    isError: isUserDeleteError,\n    error: UserDeleteError,\n    data: DeletedUser,\n  },] = useDeleteUserMutation();\n\n  const { data: rolesData } = useGetrolesQuery(\"\");\n  // const [\n  //   createrolebulk,\n  //   { isLoading, isSuccess, isError, error, data: roles },\n  // ] = useCreateuserrolebulkMutation();\n\n  useEffect(() => {\n    if (data && data.roles) {\n      const userRoles = data.roles.map((role: any) => role.name);\n      setSelectedRoles(userRoles);\n    }\n  }, [data]);\n\n  const handleCheckboxChange = (roleName: string) => {\n    let updatedRoles;\n    if (selectedRoles.includes(roleName)) {\n      updatedRoles = selectedRoles.filter((name) => name !== roleName);\n    } else {\n      updatedRoles = [...selectedRoles, roleName];\n    }\n    setSelectedRoles(updatedRoles);\n    formik.setFieldTouched('roles', true); // fake \"touched\"\n    formik.setFieldValue('roles', updatedRoles);\n  };\n\n  const initialValues = {\n    fullName: data ? data.fullName : \"\",\n    username: data ? data.username : \"\",\n    email: data ? data.email : \"\",\n    mobile: data ? data.mobile : \"\",\n    password: \"\",\n    confirmPassword: \"\",\n    failedLoginAttempts: data ? data.failedLoginAttempts : 0,\n  };\n\n  const validationSchema = Yup.object({\n    fullName: Yup.string().required(),\n    username: Yup.string()\n      .required('Username is required'), // Must be provided\n    // .min(3, 'Username must be at least 3 characters long') // Minimum length\n    // .max(20, 'Username cannot be longer than 20 characters') // Maximum length\n    // .matches(\n    //   /^[a-zA-Z0-9_.-]*$/,\n    //   'Username can only contain letters, numbers, underscores, periods, and hyphens'\n    // ) // Allowed characters\n    // .matches(\n    //   /^[a-zA-Z]/,\n    //   'Username must start with a letter'\n    // ),\n    email: Yup\n      .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()\n      .when('password', {\n        is: (val: any) => !!val, // only validate if password is filled\n        then: (schema) =>\n          schema\n            .oneOf([Yup.ref('password')], ERROR_MESSAGES.FIELD_MUST_MATCH('Password'))\n            .nullable(),\n        otherwise: (schema) => schema.notRequired().nullable(),\n      }),\n    mobile: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile')),\n    failedLoginAttempts: Yup.number()\n      .typeError(\"Failed Login Attempts must be a number\")\n      .nullable()\n      .transform((value, originalValue) =>\n        originalValue === \"\" ? null : value\n      ),\n  });\n\n\n  const isFormFieldValid = (formik: any, fieldName: string) => {\n    return formik.touched[fieldName] && formik.errors[fieldName];\n  };\n\n\n  const showError = async (submit?: boolean) => {\n    const errors = await formik.validateForm();\n    const errorMessages = Object.values(errors);\n\n    if (errorMessages.length > 0) {\n      dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.SEND_REPORT, detail: errorMessages.join(', '), life: 3000 }));\n    }\n  };\n\n  function isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {\n    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;\n  }\n\n  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    // Check and handle errors from each API operation\n    if (userCreateError) {\n      handleError(userCreateError)\n    }\n    if (userUpdateError) {\n      handleError(userUpdateError)\n    }\n\n  }, [\n    userCreateError, userUpdateError\n  ]);\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          failedLoginAttempts: values.failedLoginAttempts,\n        };\n        if (values.password) {\n          userData.password = values.password;\n        }\n        updateUser({ id: data.id, data: userData });\n\n      } else {\n        const userData = {\n          fullName: values.fullName,\n          username: values.username,\n          email: values.email,\n          mobile: values.mobile,\n          password: values.password,\n          roles: selectedRoles,\n          failedLoginAttempts: values.failedLoginAttempts,\n        };\n\n        registerPrivate(userData)\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (isSuccess == true || isDeleteUserSuceess === true || isUpdateuserSuceess === true) {\n      router.back();\n    }\n  }, [isSuccess, isDeleteUserSuceess, isUpdateuserSuceess])\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\">\n            {params.id === \"new\" ? (\n              <>\n                <div className=\"flex align-items-center gap-3\">\n                  <BackButton />\n                  <div className=\"form-wrapper-title\">Create User</div>\n                </div>\n                <div className=\"gap-3 flex\">\n                  {formik.dirty &&\n                    <Button label=\"Save\" size=\"small\" type=\"submit\" />\n                  }\n                  <CancelButton />\n                </div>\n              </>\n            ) : (\n              <>\n                <div className=\"flex align-items-center gap-3\">\n                  <BackButton />\n                  <div className=\"form-wrapper-title\">Update User</div>\n                </div>\n                <div>\n                  <div className=\"gap-3 flex\">\n                    {formik.dirty &&\n                      <Button label=\"Save\" size=\"small\" type=\"submit\" />\n                    }\n                    {data &&\n                      <Button outlined label=\"Delete\" size=\"small\" severity=\"danger\" type=\"button\" onClick={() => deleteUser(data.id)} />\n                    }\n                    <CancelButton />\n                  </div>\n                </div>\n              </>\n            )}\n          </div>\n          <SolidFormHeader />\n          {/* <div className=\"solid-form-stepper\">\n          <SolidFormStepper />\n        </div> */}\n          <div className=\"px-4 py-3 md:p-4 solid-form-content\">\n            <div className=\"grid\">\n              <div className=\"col-12 lg:col-10 xl:col-8 mx-auto\">\n                {/* <p className=\"form-wrapper-heading text-base\">Basic Info</p> */}\n                <Panel header=\"Basic Info\" className=\"solid-column-panel\">\n                  <div className=\"grid formgrid mt-3\">\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                      <InputText\n                        type=\"text\"\n                        id=\"fullName\"\n                        name=\"fullName\"\n                        autoComplete={\"off\"}\n                        onChange={formik.handleChange}\n                        value={formik.values.fullName}\n                        className={classNames(\"\", {\n                          \"p-invalid\": formik.touched.fullName && formik.errors.fullName,\n                        })}\n                      />\n                      {isFormFieldValid(formik, \"fullName\") && (\n                        <Message\n                          severity=\"error\"\n                          text={formik?.errors?.fullName?.toString()}\n                        />\n                      )}\n                    </div>\n                    <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3 md:mt-3\">\n                      <label htmlFor=\"username\" className=\"form-field-label\">\n                        Username\n                      </label>\n                      <InputText\n                        type=\"text\"\n                        id=\"username\"\n                        name=\"username\"\n                        autoComplete={\"off\"}\n                        disabled={data ? true : false}\n                        onChange={formik.handleChange}\n                        value={formik.values.username}\n                        className={classNames(\"\", {\n                          \"p-invalid\": formik.touched.username && formik.errors.username,\n                        })}\n                      />\n                      {isFormFieldValid(formik, \"username\") && (\n                        <Message\n                          severity=\"error\"\n                          text={formik?.errors?.username?.toString()}\n                        />\n                      )}\n                    </div>\n                    <div className=\"field col-12 md:col-6 flex flex-column gap-1 mt-4\">\n                      <label htmlFor=\"email\" className=\"form-field-label\">\n                        Email\n                      </label>\n                      <InputText\n                        type=\"text\"\n                        id=\"email\"\n                        name=\"email\"\n                        autoComplete={\"off\"}\n                        disabled={data ? true : false}\n                        onChange={formik.handleChange}\n                        value={formik.values.email}\n                        className={classNames(\"\", {\n                          \"p-invalid\": formik.touched.email && formik.errors.email,\n                        })}\n                      />\n                      {isFormFieldValid(formik, \"email\") && (\n                        <Message\n                          severity=\"error\"\n                          text={formik?.errors?.email?.toString()}\n                        />\n                      )}\n                    </div>\n                    <div className=\"field col-12 md:col-6 flex flex-column gap-1 mt-4\">\n                      <label htmlFor=\"mobile\" className=\"form-field-label\">\n                        Mobile\n                      </label>\n                      <InputText\n                        type=\"text\"\n                        id=\"mobile\"\n                        name=\"mobile\"\n                        autoComplete={\"off\"}\n                        onChange={formik.handleChange}\n                        value={formik.values.mobile}\n                        className={classNames(\"\", {\n                          \"p-invalid\": formik.touched.mobile && formik.errors.mobile,\n                        })}\n                      />\n                      {isFormFieldValid(formik, \"mobile \") && (\n                        <Message\n                          severity=\"error\"\n                          text={formik?.errors?.mobile?.toString()}\n                        />\n                      )}\n                    </div>\n                    {params.id === \"new\" && <>\n                      <div className=\"field col-12 md:col-6 flex flex-column gap-2 py-4\">\n                        <label htmlFor=\"Password\" className=\"form-field-label\">\n                          Password\n                        </label>\n                        <Password\n                          id=\"password\"\n                          name=\"password\"\n                          autoComplete=\"off\"\n                          aria-autocomplete=\"none\"\n                          value={formik.values.password}\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          toggleMask\n                          invalid={isFormFieldValid(formik, \"password\")}\n                          inputClassName=\"w-full\"\n                          feedback={false}\n                        />\n                        {isFormFieldValid(formik, \"password\") && (\n                          <Message\n                            severity=\"error\"\n                            text={formik?.errors?.password?.toString()}\n                          />\n                        )}\n                      </div>\n                      <div className=\"field col-12 md:col-6 flex flex-column gap-2 pb-4 md:pb-0 md:my-4\">\n                        <label htmlFor=\"Confirm Password\" className=\"form-field-label\">\n                          Confirm Password\n                        </label>\n                        <Password\n                          id=\"confirmPassword\"\n                          name=\"confirmPassword\"\n                          autoComplete=\"off\"\n                          aria-autocomplete=\"none\"\n                          value={formik.values.confirmPassword}\n                          onChange={formik.handleChange}\n                          onBlur={formik.handleBlur}\n                          toggleMask\n                          invalid={isFormFieldValid(formik, \"confirmPassword\")}\n                          inputClassName=\"w-full\"\n                          feedback={false}\n                        />\n                        {isFormFieldValid(formik, \"confirmPassword\") && (\n                          <Message\n                            severity=\"error\"\n                            text={formik?.errors?.confirmPassword?.toString()}\n                          />\n                        )}\n                      </div>\n                    </>}\n                    {params.id !== \"new\" && (\n                      <div className=\"field col-12 md:col-6 flex flex-column gap-1 mt-4\">\n                        <label htmlFor=\"failedLoginAttempts\" className=\"form-field-label\">\n                          Failed Login Attempts\n                        </label>\n                        <InputText\n                          type=\"number\"\n                          id=\"failedLoginAttempts\"\n                          name=\"failedLoginAttempts\"\n                          autoComplete=\"off\"\n                          onChange={formik.handleChange}\n                          value={formik.values.failedLoginAttempts}\n                          className={classNames(\"\", {\n                            \"p-invalid\":\n                              formik.touched.failedLoginAttempts &&\n                              formik.errors.failedLoginAttempts,\n                          })}\n                        />\n                        {formik.touched.failedLoginAttempts &&\n                          formik.errors.failedLoginAttempts && (\n                            <Message\n                              severity=\"error\"\n                              text={formik.errors.failedLoginAttempts?.toString()}\n                            />\n                          )}\n                        <small className=\"text-color-secondary\">\n                          Your account has been locked due to repeated unsuccessful login attempts. Please contact your system admin.\n                        </small>\n                      </div>\n                    )}\n                  </div>\n                </Panel>\n\n                {/* <Divider /> */}\n                {/* <p className=\"form-wrapper-heading text-base\" style={{ fontSize: 16 }}>Roles</p> */}\n\n                <Panel toggleable header=\"Roles\" className=\"solid-column-panel mt-5\">\n                  <div className=\"formgrid grid mt-4\">\n                    {rolesData?.data?.records && rolesData?.data?.records.map((role: any, i: number) => (\n                      <div key={role.name} className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}>\n                        <Checkbox\n                          inputId={role.name}\n                          checked={selectedRoles.includes(role.name)}\n                          onChange={() => handleCheckboxChange(role.name)}\n                        />\n                        <label htmlFor={role.name}> {role.name}</label>\n                      </div>\n                    ))}\n                  </div>\n                </Panel>\n              </div>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\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 { 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\";\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 [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  }, [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    failedLoginAttempts: data?.failedLoginAttempts ?? 0,\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.number().required(ERROR_MESSAGES.FIELD_REUQIRED(\"Mobile\")),\n    failedLoginAttempts: Yup.number()\n      .typeError(\"Failed Login Attempts must be a number\")\n      .nullable()\n      .transform((value, originalValue) => (originalValue === \"\" ? null : value)),\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          failedLoginAttempts: values.failedLoginAttempts,\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          failedLoginAttempts: values.failedLoginAttempts,\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\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              {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-4 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: <UserDetailsContent\n                      formik={formik}\n                      fieldError={fieldError}\n                      rolesData={rolesData}\n                      selectedRoles={selectedRoles}\n                      handleCheckboxChange={handleCheckboxChange}\n                      isEditMode={isEditMode}\n                    />,\n                  },\n                  {\n                    value: \"apiKeys\",\n                    label: \"API Keys\",\n                    content: <div className=\"pt-4\">\n                      <ApiKeysTab\n                        userId={data?.id}\n                        canCreate={data?.isAllowedToGenerateApiKeys ?? false}\n                      />\n                    </div>,\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=\"grid\">\n      <div className=\"col-12 lg:col-10 xl:col-8 mx-auto\">\n        <SolidPanel header=\"Basic Info\" className=\"solid-column-panel solid-user-form-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            ) : (\n              <div className=\"field col-12 md:col-6 flex flex-column gap-2 mt-3\">\n                <label htmlFor=\"failedLoginAttempts\" className=\"form-field-label\">\n                  Failed Login Attempts\n                </label>\n                <SolidInput\n                  type=\"number\"\n                  id=\"failedLoginAttempts\"\n                  name=\"failedLoginAttempts\"\n                  autoComplete=\"off\"\n                  onChange={formik.handleChange}\n                  onBlur={formik.handleBlur}\n                  value={formik.values.failedLoginAttempts}\n                  className={cx(fieldError(\"failedLoginAttempts\") && \"solid-user-form-input-invalid\")}\n                />\n                {fieldError(\"failedLoginAttempts\") ? (\n                  <SolidMessage severity=\"error\" text={fieldError(\"failedLoginAttempts\")} />\n                ) : null}\n                <p className=\"solid-user-form-helper\">\n                  Your account has been locked due to repeated unsuccessful login attempts. Please contact your\n                  system admin.\n                </p>\n              </div>\n            )}\n          </div>\n        </SolidPanel>\n\n        <SolidPanel toggleable header=\"Access\" className=\"solid-column-panel solid-user-form-panel mt-5\">\n          <div className=\"formgrid grid\">\n            <div className=\"field col-12 flex align-items-center justify-content-between gap-3\">\n              <div>\n                <p className=\"form-field-label m-0\">Allow API Key Generation</p>\n                <p className=\"solid-user-form-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 solid-user-form-panel mt-5\">\n          <p className=\"solid-user-form-panel-copy\">Select the roles that should be assigned to this user.</p>\n          <div className=\"formgrid grid solid-user-role-grid\">\n            {rolesData?.data?.records?.map((role: any) => (\n              <div key={role.name} className=\"field col-12 md:col-6 solid-user-role-item\">\n                <SolidCheckbox\n                  id={role.name}\n                  checked={selectedRoles.includes(role.name)}\n                  onChange={() => handleCheckboxChange(role.name)}\n                  label={role.name}\n                />\n              </div>\n            ))}\n          </div>\n        </SolidPanel>\n      </div>\n    </div>\n  );\n}\n\nexport default CreateUser;\n"]}