eleven-solutions-common-website-unique-web 19.0.19 → 19.0.20

package/dist/components/admin/TaxonomyForm.js

@@ -181,15 +181,6 @@ const TaxonomyForm = ({ url }) => {
         setNewValue(item.value);
         setIsModalOpen(true);
     };
-    // const handleEditClick = (index: number, id: string) => {
-    //   setIsAddingSubType(false);
-    //   const item = similarTaxonomies[index];
-    //   setSelectedTaxonomyId(id);
-    //   setEditTaxonomyItem(item);
-    //   setNewCode(item.code);
-    //   setNewValue(item.value);
-    //   setIsModalOpen(true);
-    // };
     const handleEditClick = (index, id) => {
         setIsAddingSubType(false);
         const item = similarTaxonomies.find((taxonomy) => taxonomy.id === id);
@@ -330,8 +321,6 @@ const TaxonomyForm = ({ url }) => {
                                             ? "Edit Values"
                                             : "Add Values" }), _jsx("button", { onClick: handleCloseModal, className: "text-xl text-gray-600 dark:text-gray-400 h-6 w-6", children: "\u00D7" })] }), isAddingSubType ? (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Code" }), _jsx("input", { type: "number", value: subCode, onChange: (e) => setSubCode(e.target.value), placeholder: "Enter Code", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Value" }), _jsx("input", { type: "text", value: subValue, onChange: (e) => setSubValue(e.target.value), placeholder: "Enter Value", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsxs("div", { className: "flex space-x-4 justify-end", children: [_jsx("button", { onClick: editTaxonomyItem
                                                 ? handleSubTypeEditClick
-                                                : handleSubTypeAddClick, 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: editTaxonomyItem ? "Edit" : "Save" }), _jsx("button", { onClick: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" })] })] })) : (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Code" }), _jsx("input", { type: "number", value: newCode, onChange: (e) => setNewCode(e.target.value), placeholder: "Enter Code", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Value" }), _jsx("input", { type: "text", value: newValue, onChange: (e) => setNewValue(e.target.value), placeholder: "Enter Value", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsxs("div", { className: "flex space-x-4 justify-end", children: [_jsx("button", { onClick: 
-                                            // editTaxonomyItem ? handleEditTaxClick : handleAddClick
-                                            editTaxonomyItem ? handleEditTaxClick : addTaxonomyClick, 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: editTaxonomyItem || editTempTaxonomyItem ? "Edit" : "Add" }), _jsx("button", { onClick: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" })] })] }))] }) })] }));
+                                                : handleSubTypeAddClick, 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: editTaxonomyItem ? "Edit" : "Save" }), _jsx("button", { onClick: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" })] })] })) : (_jsxs(_Fragment, { children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Code" }), _jsx("input", { type: "number", value: newCode, onChange: (e) => setNewCode(e.target.value), placeholder: "Enter Code", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Value" }), _jsx("input", { type: "text", value: newValue, onChange: (e) => setNewValue(e.target.value), placeholder: "Enter Value", className: "w-full px-4 py-2 mt-2 mb-4 border border-gray-300 rounded-md" }), _jsxs("div", { className: "flex space-x-4 justify-end", children: [_jsx("button", { onClick: editTaxonomyItem ? handleEditTaxClick : addTaxonomyClick, 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: editTaxonomyItem || editTempTaxonomyItem ? "Edit" : "Add" }), _jsx("button", { onClick: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" })] })] }))] }) })] }));
 };
 export default TaxonomyForm;

package/dist/components/admin/UserForm.js

@@ -16,6 +16,7 @@ const UserForm = ({ url }) => {
     const [mobile, setMobile] = useState("");
     const [address, setAddress] = useState("");
     const [roleType, setRoleType] = useState("");
+    const [gender, setGender] = useState("");
     const [isEditMode, setIsEditMode] = useState(false);
     const validateForm = () => {
         if (!userName || !email || !roleType) {
@@ -39,6 +40,7 @@ const UserForm = ({ url }) => {
                         setMobile(user.mobile);
                         setAddress(user.address);
                         setRoleType(user.roleType);
+                        setGender(user.gender);
                     }
                 }
                 catch (error) {
@@ -54,11 +56,11 @@ const UserForm = ({ url }) => {
             return;
         try {
             if (isEditMode) {
-                yield updateUserApi(url, id, userName, mobile, address, roleType);
+                yield updateUserApi(url, id, userName, mobile, address, roleType, gender);
                 alert("User updated successfully");
             }
             else {
-                yield addUserApi(url, userName, email, mobile, address, roleType);
+                yield addUserApi(url, userName, email, mobile, address, roleType, gender);
                 alert("User added successfully");
             }
             // window.location.href = "/admin/users";
@@ -76,9 +78,10 @@ const UserForm = ({ url }) => {
         setMobile("");
         setAddress("");
         setRoleType("");
+        setGender("");
         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: ["User 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", disabled: isEditMode })] }), _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: [_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: ["User 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", disabled: isEditMode })] }), _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: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Gender ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setGender(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: "Male", children: "Male" }), _jsx("option", { value: "Female", 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

@@ -62,7 +62,7 @@ const Users = ({ url }) => {
         window.history.pushState({}, "", path + id);
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    return (_jsxs("div", { className: "container px-4 mx-auto mt-6", children: [_jsx("div", { className: "w-3/4", children: _jsx("h1", { className: "text-3xl font-bold text-blue-600 mb-5", children: "Users" }) }), _jsx("div", { className: "flex-grow ml-0 w-full mt-10", children: _jsxs("form", { className: "w-full ", children: [_jsx("label", { htmlFor: "default-search", className: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white", children: "Search" }), _jsxs("div", { className: "relative w-full", children: [_jsx("div", { className: "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none", children: _jsx("svg", { className: "w-4 h-4 text-gray-500 dark:text-gray-400", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", children: _jsx("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" }) }) }), _jsx("input", { type: "search", id: "default-search", className: "inline-block min-w-full p-3 ps-10 outline-none text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", placeholder: "Search Users", required: true }), _jsx("button", { type: "submit", className: "text-white absolute end-1.5 bottom-1.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800", children: "Search" })] })] }) }), _jsx("div", { className: "flex-grow ml-0 w-3/4", children: _jsx("form", { className: "w-auto" }) }), _jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Edit/Delete" }), _jsx("th", { scope: "col", className: "py-3.5 px-4 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("div", { className: "flex items-center gap-x-3", children: _jsx("span", { children: "Name" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("button", { className: "flex items-center gap-x-2", children: _jsx("span", { children: "Email" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("button", { className: "flex items-center gap-x-2", children: _jsx("span", { children: "Mobile" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Address" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Role Type" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200 dark:divide-gray-700 dark:bg-gray-900", children: paginatedUsers.map((user, index) => (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { onClick: () => handleDeleteClick(user.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { onClick: (event) => handleEditClick(event, "/admin/users/userform?id=", user.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) })] }) }), _jsx("td", { className: "px-4 py-4 text-sm font-medium text-gray-700 whitespace-nowrap", children: _jsx("div", { className: "inline-flex items-center gap-x-3", children: _jsx("div", { className: "flex items-center gap-x-2", children: _jsx("div", { children: _jsx("h2", { className: "  text-sm font-medium text-gray-800 dark:text-white ", children: user.name }) }) }) }) }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: user.email }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: (user === null || user === void 0 ? void 0 : user.mobile) || "Not Provided" }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: (user === null || user === void 0 ? void 0 : user.address) || "Not Provided" }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: user.roleType === "1" ? "Guest" : "Admin" })] }, user.id || index))) })] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
+    return (_jsxs("div", { className: "container px-4 mx-auto mt-6", children: [_jsx("div", { className: "w-3/4", children: _jsx("h1", { className: "text-3xl font-bold text-blue-600 mb-5", children: "Users" }) }), _jsx("div", { className: "flex-grow ml-0 w-full mt-10", children: _jsxs("form", { className: "w-full ", children: [_jsx("label", { htmlFor: "default-search", className: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white", children: "Search" }), _jsxs("div", { className: "relative w-full", children: [_jsx("div", { className: "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none", children: _jsx("svg", { className: "w-4 h-4 text-gray-500 dark:text-gray-400", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", children: _jsx("path", { stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" }) }) }), _jsx("input", { type: "search", id: "default-search", className: "inline-block min-w-full p-3 ps-10 outline-none text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500", placeholder: "Search Users", required: true }), _jsx("button", { type: "submit", className: "text-white absolute end-1.5 bottom-1.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800", children: "Search" })] })] }) }), _jsx("div", { className: "flex-grow ml-0 w-3/4", children: _jsx("form", { className: "w-auto" }) }), _jsxs("div", { className: "flex-grow ml-0 mt-4 w-full", children: [_jsx("div", { className: "overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6", children: _jsxs("table", { className: "min-w-full divide-y divide-gray-200 dark:divide-gray-700", children: [_jsx("thead", { className: "bg-gray-50 dark:bg-gray-800", children: _jsxs("tr", { children: [_jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Edit/Delete" }), _jsx("th", { scope: "col", className: "py-3.5 px-4 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("div", { className: "flex items-center gap-x-3", children: _jsx("span", { children: "Name" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("button", { className: "flex items-center gap-x-2", children: _jsx("span", { children: "Email" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: _jsx("button", { className: "flex items-center gap-x-2", children: _jsx("span", { children: "Mobile" }) }) }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Address" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Role Type" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Gender" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200 dark:divide-gray-700 dark:bg-gray-900", children: paginatedUsers.map((user, index) => (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { onClick: () => handleDeleteClick(user.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" }) }) }), _jsx("button", { onClick: (event) => handleEditClick(event, "/admin/users/userform?id=", user.id), className: "text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" }) }) })] }) }), _jsx("td", { className: "px-4 py-4 text-sm font-medium text-gray-700 whitespace-nowrap", children: _jsx("div", { className: "inline-flex items-center gap-x-3", children: _jsx("div", { className: "flex items-center gap-x-2", children: _jsx("div", { children: _jsx("h2", { className: "  text-sm font-medium text-gray-800 dark:text-white ", children: user.name }) }) }) }) }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: user.email }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: (user === null || user === void 0 ? void 0 : user.mobile) || "Not Provided" }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: (user === null || user === void 0 ? void 0 : user.address) || "Not Provided" }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: (user === null || user === void 0 ? void 0 : user.gender) || "Not Provided" }), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap", children: user.roleType === 1 ? "Guest" : "Admin" })] }, user.id || index))) })] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
                                         ? "text-blue-500 bg-blue-100"
                                         : "text-gray-500 hover:bg-gray-100"} rounded-md`, children: index + 1 }, index + 1))) }), _jsxs("button", { onClick: handleNextPage, disabled: currentPage === totalPages, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("span", { children: "Next" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }) })] })] }), _jsx("div", { className: "flex-grow ml-0 mt-4 w-0", children: _jsxs("button", { type: "button", onClick: (event) => handleNavigation(event, "/admin/users/userform"), className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "User"] }) })] })] }));
 };

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

@@ -1,7 +1,7 @@
-export declare const addUserApi: (url: string, name: string, email: string, mobile: string, address: string, roleType: string) => Promise<Axios.AxiosXHR<unknown>>;
+export declare const addUserApi: (url: string, name: string, email: string, mobile: string, address: string, roleType: string, gender: string) => Promise<Axios.AxiosXHR<unknown>>;
 export declare const fetchUsersApi: (url: string) => Promise<unknown>;
 export declare const fetchUserByIdApi: (url: string, userId: string) => Promise<unknown>;
 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) => Promise<unknown>;
+export declare const updateUserApi: (url: string, id: string, name: string, mobile: string, address: string, roleType: string, gender: string) => Promise<unknown>;

package/dist/components/api/user.js

@@ -11,7 +11,7 @@ import axios from "axios";
 import Cookies from "universal-cookie";
 const apiUrl = "http://localhost:5260";
 const cookies = new Cookies();
-export const addUserApi = (url, name, email, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
+export const addUserApi = (url, name, email, mobile, address, roleType, gender) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
         const response = yield axios.post(`${url}/login/adduser`, {
@@ -20,6 +20,7 @@ export const addUserApi = (url, name, email, mobile, address, roleType) => __awa
             Mobile: mobile,
             Address: address,
             RoleType: Number(roleType),
+            Gender: gender,
         }, {
             headers: {
                 Authorization: `Bearer ${token}`,
@@ -84,7 +85,7 @@ export const deleteUserApi = (url, id) => __awaiter(void 0, void 0, void 0, func
         throw error;
     }
 });
-export const updateUserApi = (url, id, name, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
+export const updateUserApi = (url, id, name, mobile, address, roleType, gender) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
         const response = yield axios.post(`${url}/login/updateuser`, {
@@ -93,6 +94,7 @@ export const updateUserApi = (url, id, name, mobile, address, roleType) => __awa
             Mobile: mobile,
             Address: address,
             RoleType: Number(roleType),
+            Gender: gender,
         }, {
             headers: {
                 Authorization: `Bearer ${token}`,

package/dist/components/useraccount/AddMissingDetails.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface AddMissingDetailsProps {
+    usermodalopen: boolean;
+    closeusermodal: () => void;
+    url: string;
+    isDarkMode: boolean;
+}
+declare const AddMissingDetails: React.FC<AddMissingDetailsProps>;
+export default AddMissingDetails;

package/dist/components/useraccount/AddMissingDetails.js

@@ -0,0 +1,56 @@
+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());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { getProfileApi } from "../api/updateuser";
+import Cookies from "universal-cookie";
+const AddMissingDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, }) => {
+    var _a;
+    const [name, setName] = useState("");
+    const [mobile, setMobile] = useState("");
+    const [address, setAddress] = useState("");
+    const [user, setUser] = useState(undefined);
+    const cookies = new Cookies();
+    const token = cookies.get("authToken");
+    const userToken = ((_a = token === null || token === void 0 ? void 0 : token.data) === null || _a === void 0 ? void 0 : _a.token) || token;
+    useEffect(() => {
+        const fetchUserProfile = () => __awaiter(void 0, void 0, void 0, function* () {
+            if (usermodalopen && userToken && !user) {
+                try {
+                    const userProfile = yield getProfileApi(userToken, url);
+                    if (userProfile) {
+                        setUser(userProfile);
+                        setName(userProfile.name);
+                        setMobile(userProfile.mobile);
+                        setAddress(userProfile.address);
+                    }
+                }
+                catch (error) {
+                    console.error("Error fetching user profile:", error);
+                }
+            }
+        });
+        fetchUserProfile();
+    }, [usermodalopen, userToken, user]);
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
+                ? "border border-gray-300 bg-[#242424] text-white"
+                : "bg-white text-black"}`, children: [_jsx("button", { onClick: closeusermodal, className: `absolute top-3 right-3 ${isDarkMode
+                        ? "text-gray-300 hover:text-gray-500"
+                        : "text-gray-400 hover:text-gray-600"} text-2xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Add User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Mobile" }), _jsx("input", { type: "tel", placeholder: "Mobile", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Address" }), _jsx("input", { type: "text", placeholder: "Address", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { className: `px-4 py-2 rounded ${isDarkMode
+                            ? "bg-blue-500 hover:bg-blue-400 text-white"
+                            : "bg-blue-500 hover:bg-blue-400 text-white"}`, children: "Add Details" }) })] }) }));
+};
+export default AddMissingDetails;

package/dist/components/useraccount/AddUserDetails.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface AddUserDetailsProps {
+    usermodalopen: boolean;
+    closeusermodal: () => void;
+    url: string;
+    isDarkMode: boolean;
+}
+declare const AddUserDetails: React.FC<AddUserDetailsProps>;
+export default AddUserDetails;

package/dist/components/useraccount/AddUserDetails.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+const AddUserDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, }) => {
+    const [name, setName] = useState("");
+    const [mobile, setMobile] = useState("");
+    const [address, setAddress] = useState("");
+    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
+                ? "border border-gray-300 bg-[#242424] text-white"
+                : "bg-white text-black"}`, children: [_jsx("button", { onClick: closeusermodal, className: `absolute top-3 right-3 ${isDarkMode
+                        ? "text-gray-300 hover:text-gray-500"
+                        : "text-gray-400 hover:text-gray-600"} text-2xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Update User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", value: name, onChange: (e) => setName(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Mobile" }), _jsx("input", { type: "tel", placeholder: "Mobile", value: mobile, onChange: (e) => setMobile(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Address" }), _jsx("input", { type: "text", placeholder: "Address", value: address, onChange: (e) => setAddress(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                                ? "bg-gray-800 border-gray-700 text-white "
+                                : "border-gray-300 "}` })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { className: `px-4 py-2 rounded ${isDarkMode
+                            ? "bg-blue-500 hover:bg-blue-400 text-white"
+                            : "bg-blue-500 hover:bg-blue-400 text-white"}`, children: "Update Details" }) })] }) }));
+};
+export default AddUserDetails;

package/package.json

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

package/src/components/admin/Taxionomies.tsx

@@ -306,19 +306,6 @@ const Taxionomies = ({ url }: TaxionomiesProps) => {
             </svg>
           </button>
         </div>
-
-        {/* <div className="flex-grow ml-0 mt-4 w-0 ">
-          <button
-            type="button"
-            onClick={(event) =>
-              handleNavigation(event, "/admin/taxinomies/taxonomyform")
-            }
-            className="flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80"
-          >
-            <FaPlus className="mr-2 font-medium" />
-            Taxonomy
-          </button>
-        </div> */}
       </div>
     </div>
   );

package/src/components/admin/TaxonomyForm.tsx

@@ -231,17 +231,6 @@ const TaxonomyForm = ({ url }: TaxionomyFormProps) => {
     setIsModalOpen(true);
   };
 
-  // const handleEditClick = (index: number, id: string) => {
-  //   setIsAddingSubType(false);
-
-  //   const item = similarTaxonomies[index];
-  //   setSelectedTaxonomyId(id);
-
-  //   setEditTaxonomyItem(item);
-  //   setNewCode(item.code);
-  //   setNewValue(item.value);
-  //   setIsModalOpen(true);
-  // };
   const handleEditClick = (index: number, id: string) => {
     setIsAddingSubType(false);
 
@@ -714,114 +703,6 @@ const TaxonomyForm = ({ url }: TaxionomyFormProps) => {
           </div>
         )}
 
-        {/* Table for Temp taxonomy
-        {isEditMode && (
-          <>
-            {tempTaxonomy.length > 0 && (
-              <div className="flex-grow ml-0 mt-4 w-full">
-                <div className="overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6">
-                  <table className="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-                    <thead className="bg-gray-50 dark:bg-gray-800">
-                      <tr>
-                        <th
-                          scope="col"
-                          className="px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400"
-                          style={{ width: "200px" }}
-                        >
-                          Actions
-                        </th>
-                        <th
-                          scope="col"
-                          className="px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400"
-                        >
-                          Code
-                        </th>
-                        <th
-                          scope="col"
-                          className="px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400"
-                        >
-                          Value
-                        </th>
-                      </tr>
-                    </thead>
-                    <tbody className="bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700">
-                      {[...tempTaxonomy].map((item, index) => (
-                        <tr key={index}>
-                          <td className="px-4 py-4 text-sm whitespace-nowrap">
-                            <div className="flex items-center gap-x-6">
-                              <button
-                                type="button"
-                                onClick={() => {
-                                  const newTempTaxonomy = [...tempTaxonomy];
-                                  newTempTaxonomy.splice(index, 1);
-                                  setTempTaxonomy(newTempTaxonomy);
-                                }}
-                                className="text-gray-500 transition-colors duration-200 dark:hover:text-red-600 dark:text-gray-300 hover:text-red-500 focus:outline-none"
-                              >
-                                <svg
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  fill="none"
-                                  viewBox="0 0 24 24"
-                                  stroke-width="1.5"
-                                  stroke="currentColor"
-                                  className="w-5 h-5"
-                                >
-                                  <path
-                                    stroke-linecap="round"
-                                    stroke-linejoin="round"
-                                    d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
-                                  />
-                                </svg>
-                              </button>
-                              <button
-                                type="button"
-                                onClick={() => {
-                                  handleTempEditClick(index);
-                                }}
-                                className="text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none"
-                              >
-                                <svg
-                                  xmlns="http://www.w3.org/2000/svg"
-                                  fill="none"
-                                  viewBox="0 0 24 24"
-                                  stroke-width="1.5"
-                                  stroke="currentColor"
-                                  className="w-5 h-5"
-                                >
-                                  <path
-                                    stroke-linecap="round"
-                                    stroke-linejoin="round"
-                                    d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
-                                  />
-                                </svg>
-                              </button>
-                            </div>
-                          </td>
-                          <td className="px-4 py-4 text-sm text-gray-500 dark:text-gray-400">
-                            {item.code}
-                          </td>
-                          <td className="px-4 py-4 text-sm text-gray-500 dark:text-gray-400">
-                            {item.value}
-                          </td>
-                        </tr>
-                      ))}
-                    </tbody>
-                  </table>
-                </div>
-                <div className="flex space-x-4 mt-6 justify-start">
-                  <button
-                    type="button"
-                    onClick={handleSaveClick}
-                    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"
-                  >
-                    Save
-                  </button>
-                </div>
-              </div>
-            )}
-          </>
-        )} */}
-
         <div className="flex space-x-4 mt-6 justify-start">
           {similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (
             <button
@@ -934,7 +815,6 @@ const TaxonomyForm = ({ url }: TaxionomyFormProps) => {
               <div className="flex space-x-4 justify-end">
                 <button
                   onClick={
-                    // editTaxonomyItem ? handleEditTaxClick : handleAddClick
                     editTaxonomyItem ? handleEditTaxClick : addTaxonomyClick
                   }
                   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"

package/src/components/admin/UserForm.tsx

@@ -13,6 +13,7 @@ const UserForm = ({ url }: UserFormProps) => {
   const [mobile, setMobile] = useState("");
   const [address, setAddress] = useState("");
   const [roleType, setRoleType] = useState("");
+  const [gender, setGender] = useState("");
 
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
 
@@ -41,6 +42,7 @@ const UserForm = ({ url }: UserFormProps) => {
               mobile: string;
               address: string;
               roleType: string;
+              gender: string;
             };
             setIsEditMode(true);
             setUserName(user.name);
@@ -48,6 +50,7 @@ const UserForm = ({ url }: UserFormProps) => {
             setMobile(user.mobile);
             setAddress(user.address);
             setRoleType(user.roleType);
+            setGender(user.gender);
           }
         } catch (error) {
           console.error("Unable to fetch user data", error);
@@ -63,10 +66,26 @@ const UserForm = ({ url }: UserFormProps) => {
 
     try {
       if (isEditMode) {
-        await updateUserApi(url, id, userName, mobile, address, roleType);
+        await updateUserApi(
+          url,
+          id,
+          userName,
+          mobile,
+          address,
+          roleType,
+          gender
+        );
         alert("User updated successfully");
       } else {
-        await addUserApi(url, userName, email, mobile, address, roleType);
+        await addUserApi(
+          url,
+          userName,
+          email,
+          mobile,
+          address,
+          roleType,
+          gender
+        );
         alert("User added successfully");
       }
       // window.location.href = "/admin/users";
@@ -84,6 +103,7 @@ const UserForm = ({ url }: UserFormProps) => {
     setMobile("");
     setAddress("");
     setRoleType("");
+    setGender("");
 
     window.history.pushState({}, "", "/admin/users");
     window.dispatchEvent(new PopStateEvent("popstate"));
@@ -151,6 +171,22 @@ const UserForm = ({ url }: UserFormProps) => {
             />
           </div>
 
+          <div className="mb-6 w-full">
+            <label className="text-gray-900 dark:text-gray-200 font-semibold">
+              Gender <span className="text-red-500">*</span>
+            </label>
+            <select
+              required
+              value={roleType}
+              onChange={(e) => setGender(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"
+            >
+              <option value="">Select a Role Type</option>
+              <option value="Male">Male</option>
+              <option value="Female">Female</option>
+            </select>
+          </div>
+
           <div className="mb-6 w-full">
             <label className="text-gray-900 dark:text-gray-200 font-semibold">
               Role Type <span className="text-red-500">*</span>

package/src/components/admin/Users.tsx

@@ -179,6 +179,12 @@ const Users = ({ url }: UsersProps) => {
                 >
                   Role Type
                 </th>
+                <th
+                  scope="col"
+                  className="px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400"
+                >
+                  Gender
+                </th>
               </tr>
             </thead>
             <tbody className="bg-white divide-y divide-gray-200 dark:divide-gray-700 dark:bg-gray-900">
@@ -231,7 +237,6 @@ const Users = ({ url }: UsersProps) => {
                           />
                         </svg>
                       </button>
-                      {/* </a> */}
                     </div>
                   </td>
                   <td className="px-4 py-4 text-sm font-medium text-gray-700 whitespace-nowrap">
@@ -255,7 +260,10 @@ const Users = ({ url }: UsersProps) => {
                     {user?.address || "Not Provided"}
                   </td>
                   <td className="px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap">
-                    {user.roleType === "1" ? "Guest" : "Admin"}
+                    {user?.gender || "Not Provided"}
+                  </td>
+                  <td className="px-4 py-4 text-sm text-gray-500 dark:text-gray-300 whitespace-nowrap">
+                    {user.roleType === 1 ? "Guest" : "Admin"}
                   </td>
                 </tr>
               ))}

package/src/components/api/user.ts

@@ -9,7 +9,8 @@ export const addUserApi = async (
   email: string,
   mobile: string,
   address: string,
-  roleType: string
+  roleType: string,
+  gender: string
 ) => {
   const token = cookies.get("token");
 
@@ -22,6 +23,7 @@ export const addUserApi = async (
         Mobile: mobile,
         Address: address,
         RoleType: Number(roleType),
+        Gender: gender,
       },
       {
         headers: {
@@ -100,7 +102,8 @@ export const updateUserApi = async (
   name: string,
   mobile: string,
   address: string,
-  roleType: string
+  roleType: string,
+  gender: string
 ) => {
   const token = cookies.get("token");
 
@@ -113,6 +116,7 @@ export const updateUserApi = async (
         Mobile: mobile,
         Address: address,
         RoleType: Number(roleType),
+        Gender: gender,
       },
       {
         headers: {

package/src/components/useraccount/AddMissingDetails.tsx

@@ -0,0 +1,153 @@
+import React from "react";
+import { useState, useEffect } from "react";
+import { getProfileApi } from "../api/updateuser";
+import Cookies from "universal-cookie";
+
+interface AddMissingDetailsProps {
+  usermodalopen: boolean;
+  closeusermodal: () => void;
+  url: string;
+  isDarkMode: boolean;
+}
+interface UserProfile {
+  name: string;
+  mobile: string;
+  address: string;
+}
+
+const AddMissingDetails: React.FC<AddMissingDetailsProps> = ({
+  usermodalopen,
+  closeusermodal,
+  url,
+  isDarkMode,
+}) => {
+  const [name, setName] = useState<string>("");
+  const [mobile, setMobile] = useState<string>("");
+  const [address, setAddress] = useState<string>("");
+  const [user, setUser] = useState<UserProfile | undefined>(undefined);
+
+  const cookies = new Cookies();
+  const token = cookies.get("authToken");
+
+  const userToken = token?.data?.token || token;
+
+  useEffect(() => {
+    const fetchUserProfile = async () => {
+      if (usermodalopen && userToken && !user) {
+        try {
+          const userProfile = await getProfileApi(userToken, url);
+          if (userProfile) {
+            setUser(userProfile);
+            setName(userProfile.name);
+            setMobile(userProfile.mobile);
+            setAddress(userProfile.address);
+          }
+        } catch (error) {
+          console.error("Error fetching user profile:", error);
+        }
+      }
+    };
+
+    fetchUserProfile();
+  }, [usermodalopen, userToken, user]);
+
+  return (
+    <div
+      className={`fixed inset-0 flex items-center justify-center ${
+        isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"
+      }`}
+    >
+      <div
+        className={`rounded-lg p-6 w-full max-w-md relative ${
+          isDarkMode
+            ? "border border-gray-300 bg-[#242424] text-white"
+            : "bg-white text-black"
+        }`}
+      >
+        <button
+          onClick={closeusermodal}
+          className={`absolute top-3 right-3 ${
+            isDarkMode
+              ? "text-gray-300 hover:text-gray-500"
+              : "text-gray-400 hover:text-gray-600"
+          } text-2xl`}
+        >
+          &times;
+        </button>
+
+        <h3 className="text-center text-xl font-bold mb-4">Add User Details</h3>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Name
+          </label>
+          <input
+            type="text"
+            placeholder="Name"
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Mobile
+          </label>
+          <input
+            type="tel"
+            placeholder="Mobile"
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Address
+          </label>
+          <input
+            type="text"
+            placeholder="Address"
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="flex justify-end">
+          <button
+            className={`px-4 py-2 rounded ${
+              isDarkMode
+                ? "bg-blue-500 hover:bg-blue-400 text-white"
+                : "bg-blue-500 hover:bg-blue-400 text-white"
+            }`}
+          >
+            Add Details
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AddMissingDetails;

package/src/components/useraccount/AddUserDetails.tsx

@@ -0,0 +1,136 @@
+import React from "react";
+import { useState } from "react";
+import { getProfileApi } from "../api/updateuser";
+
+interface AddUserDetailsProps {
+  usermodalopen: boolean;
+  closeusermodal: () => void;
+  url: string;
+  isDarkMode: boolean;
+}
+
+interface UserProfile {
+  name: string;
+  mobile: string;
+  address: string;
+  // add any other fields that `userProfile` is expected to have
+}
+
+const AddUserDetails: React.FC<AddUserDetailsProps> = ({
+  usermodalopen,
+  closeusermodal,
+  url,
+  isDarkMode,
+}) => {
+  const [name, setName] = useState("");
+  const [mobile, setMobile] = useState("");
+  const [address, setAddress] = useState("");
+
+  return (
+    <div
+      className={`fixed inset-0 flex items-center justify-center ${
+        isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"
+      }`}
+    >
+      <div
+        className={`rounded-lg p-6 w-full max-w-md relative ${
+          isDarkMode
+            ? "border border-gray-300 bg-[#242424] text-white"
+            : "bg-white text-black"
+        }`}
+      >
+        <button
+          onClick={closeusermodal}
+          className={`absolute top-3 right-3 ${
+            isDarkMode
+              ? "text-gray-300 hover:text-gray-500"
+              : "text-gray-400 hover:text-gray-600"
+          } text-2xl`}
+        >
+          &times;
+        </button>
+
+        <h3 className="text-center text-xl font-bold mb-4">
+          Update User Details
+        </h3>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Name
+          </label>
+          <input
+            type="text"
+            placeholder="Name"
+            value={name}
+            onChange={(e) => setName(e.target.value)}
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Mobile
+          </label>
+          <input
+            type="tel"
+            placeholder="Mobile"
+            value={mobile}
+            onChange={(e) => setMobile(e.target.value)}
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="mb-4">
+          <label
+            className={`block text-sm font-medium mb-1 ${
+              isDarkMode ? "text-gray-300" : "text-gray-700"
+            }`}
+          >
+            Address
+          </label>
+          <input
+            type="text"
+            placeholder="Address"
+            value={address}
+            onChange={(e) => setAddress(e.target.value)}
+            className={`w-full p-2 border rounded focus:outline-none focus:ring ${
+              isDarkMode
+                ? "bg-gray-800 border-gray-700 text-white "
+                : "border-gray-300 "
+            }`}
+          />
+        </div>
+
+        <div className="flex justify-end">
+          <button
+            className={`px-4 py-2 rounded ${
+              isDarkMode
+                ? "bg-blue-500 hover:bg-blue-400 text-white"
+                : "bg-blue-500 hover:bg-blue-400 text-white"
+            }`}
+          >
+            Update Details
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AddUserDetails;