@solidxai/core-ui 0.0.1

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

@@ -0,0 +1,468 @@
+
+import { BackButton } from "../../../components/common/BackButton";
+import { CancelButton } from "../../../components/common/CancelButton";
+import { SolidBreadcrumb } from "../../../components/common/SolidBreadcrumb";
+import { SolidFormHeader } from "../../../components/common/SolidFormHeader";
+import { SolidFormStepper } from "../../../components/common/SolidFormStepper";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { useRegisterPrivateMutation, useUpdateUserMutation } from "../../../redux/api/authApi";
+import { useGetrolesQuery } from "../../../redux/api/roleApi";
+import { useDeleteUserMutation } from "../../../redux/api/userApi";
+import { FetchBaseQueryError } from "@reduxjs/toolkit/dist/query";
+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 { Divider } from "primereact/divider";
+import { InputText } from "primereact/inputtext";
+import { Message } from "primereact/message";
+import { Panel } from "primereact/panel";
+import { Password } from "primereact/password";
+import { Toast } from "primereact/toast";
+import { classNames } from "primereact/utils";
+import { useEffect, useRef, useState } from "react";
+import * as Yup from "yup";
+
+
+interface ErrorResponseData {
+  message: string;
+  statusCode: number;
+  error: string;
+}
+
+const CreateUser = ({ data, params }: any) => {
+
+  const toast = useRef<Toast>(null);
+  const pathname = usePathname();
+  const router = useRouter();
+  const [selectedRoles, setSelectedRoles] = useState<string[]>([]);
+
+  const [registerPrivate, { isLoading, error: userCreateError, isSuccess, data: user }] = useRegisterPrivateMutation();
+  const [
+    updateUser,
+    {
+      isLoading: isuserUpdating,
+      isSuccess: isUpdateuserSuceess,
+      isError: isuserUpdateError,
+      error: userUpdateError,
+      data: updateduser,
+    },
+  ] = useUpdateUserMutation();
+
+  const [deleteUser, {
+    isLoading: isUserDeleted,
+    isSuccess: isDeleteUserSuceess,
+    isError: isUserDeleteError,
+    error: UserDeleteError,
+    data: DeletedUser,
+  },] = useDeleteUserMutation();
+
+  const { data: rolesData } = useGetrolesQuery("");
+  // const [
+  //   createrolebulk,
+  //   { isLoading, isSuccess, isError, error, data: roles },
+  // ] = useCreateuserrolebulkMutation();
+
+  useEffect(() => {
+    if (data && data.roles) {
+      const userRoles = data.roles.map((role: any) => role.name);
+      setSelectedRoles(userRoles);
+    }
+  }, [data]);
+
+  const handleCheckboxChange = (roleName: string) => {
+    let updatedRoles;
+    if (selectedRoles.includes(roleName)) {
+      updatedRoles = selectedRoles.filter((name) => name !== roleName);
+    } else {
+      updatedRoles = [...selectedRoles, roleName];
+    }
+    setSelectedRoles(updatedRoles);
+    formik.setFieldTouched('roles', true); // fake "touched"
+    formik.setFieldValue('roles', updatedRoles);
+  };
+
+  const initialValues = {
+    fullName: data ? data.fullName : "",
+    username: data ? data.username : "",
+    email: data ? data.email : "",
+    mobile: data ? data.mobile : "",
+    password: "",
+    confirmPassword: "",
+  };
+
+  const validationSchema = Yup.object({
+    fullName: Yup.string().required(),
+    username: Yup.string()
+      .required('Username is required'), // Must be provided
+    // .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')),
+    password: Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6)).nullable(),
+    confirmPassword: Yup.string()
+      .when('password', {
+        is: (val: any) => !!val, // only validate if password is filled
+        then: (schema) =>
+          schema
+            .oneOf([Yup.ref('password')], ERROR_MESSAGES.FIELD_MUST_MATCH('Password'))
+            .nullable(),
+        otherwise: (schema) => schema.notRequired().nullable(),
+      }),
+    mobile: Yup.number().required(ERROR_MESSAGES.FIELD_REUQIRED('Mobile')),
+  });
+
+
+  const isFormFieldValid = (formik: any, fieldName: string) => {
+    return formik.touched[fieldName] && formik.errors[fieldName];
+  };
+
+
+  const showError = async (submit?: boolean) => {
+    const errors = await formik.validateForm();
+    const errorMessages = Object.values(errors);
+
+    if (errorMessages.length > 0 && toast.current) {
+      toast.current.show({
+        severity: "error",
+        summary: ERROR_MESSAGES.SEND_REPORT,
+        // sticky: true,
+        life: 3000,
+        //@ts-ignore
+        content: (props) => (
+          <div
+            className="flex flex-column align-items-left"
+            style={{ flex: "1" }}
+          >
+            {errorMessages.map((m: any, index: number) => (
+              <div className="flex align-items-center gap-2" key={index}>
+                <span className="font-bold text-900">{m}</span>
+              </div>
+            ))}
+          </div>
+        ),
+      });
+    }
+  };
+
+  function isFetchBaseQueryErrorWithErrorResponse(error: any): error is FetchBaseQueryError & { data: ErrorResponseData } {
+    return error && typeof error === 'object' && 'data' in error && 'message' in error.data;
+  }
+
+  useEffect(() => {
+    const handleError = (errorToast: any) => {
+      let errorMessage: any = [ERROR_MESSAGES.ERROR_OCCURED];
+
+      if (isFetchBaseQueryErrorWithErrorResponse(errorToast)) {
+        errorMessage = errorToast.data.message;
+      } else {
+        errorMessage = [ERROR_MESSAGES.SOMETHING_WRONG];
+      }
+
+      toast.current?.show({
+        severity: 'error',
+        summary: ERROR_MESSAGES.ERROR,
+        detail: errorMessage,
+        sticky: true,
+        //@ts-ignore
+        content: (props) => (
+          <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
+            {Array.isArray(errorMessage) ? (
+              errorMessage.map((message, index) => (
+                <div className="flex align-items-center gap-2" key={index}>
+                  <span className="font-bold text-900">{message.trim()}</span>
+                </div>
+              ))
+            ) : (
+              <div className="flex align-items-center gap-2">
+                <span className="font-bold text-900">{errorMessage?.trim()}</span>
+              </div>
+            )}
+          </div>
+        ),
+      });
+    };
+
+    // Check and handle errors from each API operation
+    if (userCreateError) {
+      handleError(userCreateError)
+    }
+    if (userUpdateError) {
+      handleError(userUpdateError)
+    }
+
+  }, [
+    userCreateError, userUpdateError
+  ]);
+
+
+  const formik = useFormik({
+    initialValues,
+    validationSchema,
+    enableReinitialize: true,
+    onSubmit: async (values) => {
+      if (data) {
+        const userData: any = {
+          fullName: values.fullName,
+          username: values.username,
+          email: values.email,
+          mobile: values.mobile,
+          roles: selectedRoles,
+        };
+        if (values.password) {
+          userData.password = values.password;
+        }
+        updateUser({ id: data.id, data: userData });
+
+      } else {
+        const userData = {
+          fullName: values.fullName,
+          username: values.username,
+          email: values.email,
+          mobile: values.mobile,
+          password: values.password,
+          roles: selectedRoles,
+        };
+
+        registerPrivate(userData)
+      }
+    },
+  });
+
+  useEffect(() => {
+    if (isSuccess == true || isDeleteUserSuceess === true || isUpdateuserSuceess === true) {
+      router.back();
+    }
+  }, [isSuccess, isDeleteUserSuceess, isUpdateuserSuceess])
+
+  return (
+    <div className="solid-form-wrapper">
+      <Toast ref={toast} />
+      <div className="solid-form-section" >
+        <form onSubmit={formik.handleSubmit}>
+          <div className="solid-form-header">
+            {params.id === "new" ? (
+              <>
+                <div className="flex align-items-center gap-3">
+                  <BackButton />
+                  <div className="form-wrapper-title">Create User</div>
+                </div>
+                <div className="gap-3 flex">
+                  {formik.dirty &&
+                    <Button label="Save" size="small" type="submit" />
+                  }
+                  <CancelButton />
+                </div>
+              </>
+            ) : (
+              <>
+                <div className="flex align-items-center gap-3">
+                  <BackButton />
+                  <div className="form-wrapper-title">Update User</div>
+                </div>
+                <div>
+                  <div className="gap-3 flex">
+                    {formik.dirty &&
+                      <Button label="Save" size="small" type="submit" />
+                    }
+                    {data &&
+                      <Button outlined label="Delete" size="small" severity="danger" type="button" onClick={() => deleteUser(data.id)} />
+                    }
+                    <CancelButton />
+                  </div>
+                </div>
+              </>
+            )}
+          </div>
+          <SolidFormHeader />
+          {/* <div className="solid-form-stepper">
+          <SolidFormStepper />
+        </div> */}
+          <div className="px-4 py-3 md:p-4 solid-form-content">
+            <div className="grid">
+              <div className="col-12 lg:col-10 xl:col-8 mx-auto">
+                {/* <p className="form-wrapper-heading text-base">Basic Info</p> */}
+                <Panel header="Basic Info" className="solid-column-panel">
+                  <div className="grid formgrid mt-3">
+                    <div className="field col-12 md:col-6 flex flex-column gap-2">
+                      <label htmlFor="fullName" className="form-field-label">
+                        Full Name
+                      </label>
+                      <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") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.fullName?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-12 md:col-6 flex flex-column gap-2 mt-3 md:mt-3">
+                      <label htmlFor="username" className="form-field-label">
+                        Username
+                      </label>
+                      <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") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.username?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-12 md:col-6 flex flex-column gap-1 mt-4">
+                      <label htmlFor="email" className="form-field-label">
+                        Email
+                      </label>
+                      <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") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.email?.toString()}
+                        />
+                      )}
+                    </div>
+                    <div className="field col-12 md:col-6 flex flex-column gap-1 mt-4">
+                      <label htmlFor="mobile" className="form-field-label">
+                        Mobile
+                      </label>
+                      <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 ") && (
+                        <Message
+                          severity="error"
+                          text={formik?.errors?.mobile?.toString()}
+                        />
+                      )}
+                    </div>
+                    {params.id === "new" && <>
+                      <div className="field col-12 md:col-6 flex flex-column gap-2 py-4">
+                        <label htmlFor="Password" className="form-field-label">
+                          Password
+                        </label>
+                        <Password
+                          id="password"
+                          name="password"
+                          autoComplete="off"
+                          aria-autocomplete="none"
+                          value={formik.values.password}
+                          onChange={formik.handleChange}
+                          onBlur={formik.handleBlur}
+                          toggleMask
+                          invalid={isFormFieldValid(formik, "password")}
+                          inputClassName="w-full"
+                          feedback={false}
+                        />
+                        {isFormFieldValid(formik, "password") && (
+                          <Message
+                            severity="error"
+                            text={formik?.errors?.password?.toString()}
+                          />
+                        )}
+                      </div>
+                      <div className="field col-12 md:col-6 flex flex-column gap-2 pb-4 md:pb-0 md:my-4">
+                        <label htmlFor="Confirm Password" className="form-field-label">
+                          Confirm Password
+                        </label>
+                        <Password
+                          id="confirmPassword"
+                          name="confirmPassword"
+                          autoComplete="off"
+                          aria-autocomplete="none"
+                          value={formik.values.confirmPassword}
+                          onChange={formik.handleChange}
+                          onBlur={formik.handleBlur}
+                          toggleMask
+                          invalid={isFormFieldValid(formik, "confirmPassword")}
+                          inputClassName="w-full"
+                          feedback={false}
+                        />
+                        {isFormFieldValid(formik, "confirmPassword") && (
+                          <Message
+                            severity="error"
+                            text={formik?.errors?.confirmPassword?.toString()}
+                          />
+                        )}
+                      </div>
+                    </>}
+                  </div>
+                </Panel>
+
+                {/* <Divider /> */}
+                {/* <p className="form-wrapper-heading text-base" style={{ fontSize: 16 }}>Roles</p> */}
+
+                <Panel toggleable header="Roles" className="solid-column-panel mt-5">
+                  <div className="formgrid grid mt-4">
+                    {rolesData?.data?.records && rolesData?.data?.records.map((role: any, i: number) => (
+                      <div key={role.name} className={`field col-6 flex gap-2 ${i >= 2 ? 'mt-3' : ''}`}>
+                        <Checkbox
+                          inputId={role.name}
+                          checked={selectedRoles.includes(role.name)}
+                          onChange={() => handleCheckboxChange(role.name)}
+                        />
+                        <label htmlFor={role.name}> {role.name}</label>
+                      </div>
+                    ))}
+                  </div>
+                </Panel>
+              </div>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  );
+};
+
+
+export default CreateUser;

package/dist/components/core/users/CreateUserRole.d.ts

@@ -0,0 +1,3 @@
+declare const CreateUserRole: ({ data }: any) => import("react/jsx-runtime").JSX.Element;
+export default CreateUserRole;
+//# sourceMappingURL=CreateUserRole.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateUserRole.d.ts","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,cAAc,aAAc,GAAG,4CAgMpC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,169 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AutoCompleteField } from "../../../components/common/AutoCompleteField";
+import { CancelButton } from "../../../components/common/CancelButton";
+import { ERROR_MESSAGES } from "../../../constants/error-messages";
+import { useLazyGetrolesQuery } from "../../../redux/api/roleApi";
+import { useCreateuserroleMutation } from "../../../redux/api/userApi";
+import { useFormik } from "formik";
+import { usePathname } from "../../../hooks/usePathname";
+import { useRouter } from "../../../hooks/useRouter";
+import { Button } from "primereact/button";
+import { InputText } from "primereact/inputtext";
+import { Message } from "primereact/message";
+import { classNames } from "primereact/utils";
+import qs from "qs";
+import { useEffect, useRef } from "react";
+import * as Yup from "yup";
+var CreateUserRole = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var data = _a.data;
+    var toast = useRef(null);
+    var _j = useLazyGetrolesQuery(), triggerGetRoles = _j[0], _k = _j[1], roleLazy = _k.data, isRoleLazyFetching = _k.isFetching, roleLazyError = _k.error;
+    var router = useRouter();
+    var _l = useCreateuserroleMutation(), createMenuItem = _l[0], _m = _l[1], isLoading = _m.isLoading, isSuccess = _m.isSuccess, isError = _m.isError, error = _m.error, newInvoice = _m.data;
+    var initialValues = {
+        username: data ? data.username : "",
+        roleName: data ? data.roleName : ""
+    };
+    var validationSchema = Yup.object({
+        username: Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('User Name')),
+        roleName: Yup.lazy(function (value) {
+            if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+                return Yup.object().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));
+            }
+            else if (typeof value === 'string') {
+                return Yup.string().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));
+            }
+            else {
+                return Yup.mixed().required(ERROR_MESSAGES.FIELD_REUQIRED('Role Name'));
+            }
+        })
+    });
+    var isFormFieldValid = function (formik, fieldName) {
+        return formik.touched[fieldName] && formik.errors[fieldName];
+    };
+    var pathname = usePathname();
+    var formik = useFormik({
+        initialValues: initialValues,
+        validationSchema: validationSchema,
+        enableReinitialize: true,
+        onSubmit: function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var obj;
+            return __generator(this, function (_a) {
+                try {
+                    obj = {
+                        username: values.username,
+                        roleName: values.roleName.label
+                    };
+                    createMenuItem(obj);
+                }
+                catch (err) {
+                    console.error(ERROR_MESSAGES.FAILED_CREATE_INVOICE, err);
+                }
+                return [2 /*return*/];
+            });
+        }); },
+    });
+    var showError = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var errors, errorMessages;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, formik.validateForm()];
+                case 1:
+                    errors = _b.sent();
+                    errorMessages = Object.values(errors);
+                    if (errorMessages.length > 0) {
+                        (_a = toast === null || toast === void 0 ? void 0 : toast.current) === null || _a === void 0 ? void 0 : _a.show({
+                            severity: "success",
+                            summary: ERROR_MESSAGES.SEND_REPORT,
+                            // sticky: true,
+                            life: 3000,
+                            //@ts-ignore
+                            content: function (props) { return (_jsx("div", { className: "flex flex-column align-items-left", style: { flex: "1" }, children: errorMessages.map(function (m, index) { return (_jsx("div", { className: "flex align-items-center gap-2", children: _jsx("span", { className: "font-bold text-900", children: String(m) }) }, index)); }) })); },
+                        });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var searchRole = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var query, queryData, queryString, result, filteredMenu;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    query = event.query;
+                    queryData = {};
+                    if (query) {
+                        queryData = {
+                            roleName: query
+                        };
+                    }
+                    queryString = qs.stringify(queryData, {
+                        encodeValuesOnly: true
+                    });
+                    return [4 /*yield*/, triggerGetRoles(queryString).unwrap()];
+                case 1:
+                    result = _a.sent();
+                    // Map the API response to AutoComplete format
+                    if (result && result.data) {
+                        filteredMenu = result.data.map(function (m) { return ({ label: m.name, value: m.id }); });
+                        // Update the suggestions in state
+                        return [2 /*return*/, filteredMenu];
+                    }
+                    else {
+                        // Handle the case where no data is returned
+                        return [2 /*return*/, []];
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (isSuccess == true) {
+            router.push("/admin/iam/users/all");
+        }
+    }, [isSuccess]);
+    return (_jsx("div", { className: "grid", children: _jsx("div", { className: "col-12 xl:col-10 mx-auto", children: _jsx("div", { children: _jsxs("form", { onSubmit: formik.handleSubmit, children: [pathname.includes('create') ? _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("div", { className: "form-wrapper-title", children: " Create User Role" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", size: "small", onClick: function () { return showError(); }, type: "submit", className: 'small-button' }) }), _jsx(CancelButton, {})] })] }) :
+                            _jsxs("div", { className: "flex gap-3 justify-content-between mb-5", children: [_jsx("h1", { className: "m-0", children: " Edit User" }), _jsxs("div", { className: "gap-3 flex", children: [_jsx("div", { children: _jsx(Button, { label: "Save", onClick: function () { return showError(); }, type: "submit", size: "small", className: 'small-button' }) }), _jsx("div", {}), _jsx(CancelButton, {})] })] }), _jsx("div", { className: "form-wrapper", children: _jsxs("div", { className: "grid formgrid", children: [_jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "username", className: "form-label form-field-label", children: "User Name" }), _jsx(InputText, { type: "text", id: "username", name: "username", onChange: formik.handleChange, value: formik.values.username, className: classNames("p-inputtext-sm w-full small-input", {
+                                                        "p-invalid": isFormFieldValid(formik, "username"),
+                                                    }) }), isFormFieldValid(formik, "username") && (_jsx(Message, { severity: "error", text: (_b = formik.errors.username) === null || _b === void 0 ? void 0 : _b.toString() }))] }) }), _jsx("div", { className: "md:col-6 sm:col-12", children: _jsxs("div", { className: "field", children: [_jsx("label", { htmlFor: "type", className: "form-label form-field-label", children: "Role Name" }), _jsxs("div", { children: [_jsx(AutoCompleteField, { multiple: false, isFormFieldValid: isFormFieldValid, formik: formik, fieldName: "roleName", searchData: searchRole, existingData: { label: (_c = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _c === void 0 ? void 0 : _c.title, value: (_d = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _d === void 0 ? void 0 : _d.id }, existingDataTitle: (_e = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _e === void 0 ? void 0 : _e.title, existingDataId: (_f = data === null || data === void 0 ? void 0 : data.parentCategory) === null || _f === void 0 ? void 0 : _f.id, className: "solid-standard-autocomplete" }), isFormFieldValid(formik, "roleName") && (_jsx(Message, { severity: "error", text: (_h = (_g = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _g === void 0 ? void 0 : _g.roleName) === null || _h === void 0 ? void 0 : _h.toString() }))] })] }) })] }) })] }) }) }) }));
+};
+export default CreateUserRole;
+//# sourceMappingURL=CreateUserRole.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateUserRole.js","sourceRoot":"","sources":["../../../../src/components/core/users/CreateUserRole.tsx"],"names":[],"mappings":"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"}