eleven-solutions-common-website-unique-web 20.0.47 → 20.0.49

package/dist/components/admin/UserForm.js

@@ -17,11 +17,7 @@ const UserForm = ({ url }) => {
     const [address, setAddress] = useState("");
     const [roleType, setRoleType] = useState("");
     const [gender, setGender] = useState("");
-    const [isDisabled, setIsDisabled] = useState(false);
     const [isEditMode, setIsEditMode] = useState(false);
-    useEffect(() => {
-        setIsDisabled(isEditMode && !email);
-    }, [isEditMode, email]);
     const validateForm = () => {
         if (!userName || !roleType) {
             alert("Please fill in all required fields: User Name, Email, and Role Type.");
@@ -60,7 +56,7 @@ const UserForm = ({ url }) => {
             return;
         try {
             if (isEditMode) {
-                yield updateUserApi(url, id, userName, mobile, address, roleType, gender);
+                yield updateUserApi(url, id, userName, email, mobile, address, roleType, gender);
                 alert("User updated successfully");
             }
             else {
@@ -85,10 +81,6 @@ const UserForm = ({ url }) => {
         window.history.pushState({}, "", "/admin/users");
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, 
-                                // value={email}
-                                value: email || "", onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email", 
-                                // disabled={isEditMode}
-                                disabled: isDisabled })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
+    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
 };
 export default UserForm;

package/dist/components/admin/Users.js

@@ -33,14 +33,6 @@ const Users = ({ url }) => {
     };
     const [currentPage, setCurrentPage] = useState(1);
     const itemsPerPage = 10;
-    // const filteredUsers = users.filter((user) => {
-    //   if (searchTerm.length < 2) return true;
-    //   return (
-    //     user.name.toLowerCase().includes(searchTerm) ||
-    //     user.email.toLowerCase().includes(searchTerm) ||
-    //     user.mobile.toString().includes(searchTerm)
-    //   );
-    // });
     const filteredUsers = users.filter((user) => {
         var _a, _b, _c, _d, _e, _f;
         if (searchTerm.length < 2)

package/dist/components/api/user.d.ts

@@ -4,4 +4,4 @@ export declare const fetchUserByIdApi: (url: string, userId: string) => Promise<
 export declare const deleteUserApi: (url: string, id: string) => Promise<{
     id: string;
 }>;
-export declare const updateUserApi: (url: string, id: string, name: string, mobile: string, address: string, roleType: string, gender: string) => Promise<unknown>;
+export declare const updateUserApi: (url: string, id: string, name: string, email: string, mobile: string, address: string, roleType: string, gender: string) => Promise<unknown>;

package/dist/components/api/user.js

@@ -85,12 +85,13 @@ export const deleteUserApi = (url, id) => __awaiter(void 0, void 0, void 0, func
         throw error;
     }
 });
-export const updateUserApi = (url, id, name, mobile, address, roleType, gender) => __awaiter(void 0, void 0, void 0, function* () {
+export const updateUserApi = (url, id, name, email, mobile, address, roleType, gender) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
         const response = yield axios.post(`${url}/login/updateuser`, {
-            id: id,
-            name: name,
+            Id: id,
+            Name: name,
+            Email: email,
             Mobile: mobile,
             Address: address,
             RoleType: Number(roleType),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eleven-solutions-common-website-unique-web",
-  "version": "20.0.47",
+  "version": "20.0.49",
   "main": "./dist/index.js",
   "scripts": {
     "build": "tsc",

package/src/components/admin/UserForm.tsx

@@ -15,13 +15,8 @@ const UserForm = ({ url }: UserFormProps) => {
   const [roleType, setRoleType] = useState("");
   const [gender, setGender] = useState("");
 
-  const [isDisabled, setIsDisabled] = useState(false);
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
 
-  useEffect(() => {
-    setIsDisabled(isEditMode && !email);
-  }, [isEditMode, email]);
-
   const validateForm = () => {
     if (!userName || !roleType) {
       alert(
@@ -75,6 +70,7 @@ const UserForm = ({ url }: UserFormProps) => {
           url,
           id,
           userName,
+          email,
           mobile,
           address,
           roleType,
@@ -140,14 +136,12 @@ const UserForm = ({ url }: UserFormProps) => {
             </label>
             <input
               required
-              // value={email}
-              value={email || ""}
+              value={email}
               onChange={(e) => setEmail(e.target.value)}
               type="email"
               className="w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
               placeholder="Enter Email"
               // disabled={isEditMode}
-              disabled={isDisabled}
             />
           </div>
           <div className="mb-6 w-full">

package/src/components/admin/Users.tsx

@@ -35,15 +35,6 @@ const Users = ({ url }: UsersProps) => {
   const [currentPage, setCurrentPage] = useState(1);
   const itemsPerPage = 10;
 
-  // const filteredUsers = users.filter((user) => {
-  //   if (searchTerm.length < 2) return true;
-  //   return (
-  //     user.name.toLowerCase().includes(searchTerm) ||
-  //     user.email.toLowerCase().includes(searchTerm) ||
-  //     user.mobile.toString().includes(searchTerm)
-  //   );
-  // });
-
   const filteredUsers = users.filter((user) => {
     if (searchTerm.length < 2) return true;
 

package/src/components/api/user.ts

@@ -100,6 +100,7 @@ export const updateUserApi = async (
 
   id: string,
   name: string,
+  email: string,
   mobile: string,
   address: string,
   roleType: string,
@@ -111,8 +112,9 @@ export const updateUserApi = async (
     const response = await axios.post(
       `${url}/login/updateuser`,
       {
-        id: id,
-        name: name,
+        Id: id,
+        Name: name,
+        Email: email,
         Mobile: mobile,
         Address: address,
         RoleType: Number(roleType),