eleven-solutions-common-website-unique-web 10.0.6 → 10.0.8

package/dist/components/admin/Taxionomies.d.ts

@@ -1,2 +1,4 @@
-declare const Taxionomies: () => import("react/jsx-runtime").JSX.Element;
+declare const Taxionomies: ({ url }: {
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Taxionomies;

package/dist/components/admin/Taxionomies.js

@@ -11,10 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { FaPlus } from "react-icons/fa";
 import { fetchTaxonomiessApi } from "../api/taxonomy";
-const Taxionomies = () => {
+const Taxionomies = ({ url }) => {
     const [taxonomy, setTaxonomy] = useState([]);
     const fetchTaxonomiesData = () => __awaiter(void 0, void 0, void 0, function* () {
-        const data = yield fetchTaxonomiessApi();
+        const data = yield fetchTaxonomiessApi(url);
         if (data) {
             const uniqueTaxonomies = data.reduce((acc, item) => {
                 if (!item.parentId &&

package/dist/components/admin/TaxonomyForm.d.ts

@@ -1,2 +1,4 @@
-declare const TaxonomyForm: () => import("react/jsx-runtime").JSX.Element;
+declare const TaxonomyForm: ({ url }: {
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TaxonomyForm;

package/dist/components/admin/TaxonomyForm.js

@@ -12,7 +12,7 @@ import React from "react";
 import { useState, useEffect } from "react";
 import { addTaxonomyApi, fetchTaxonomyByIdApi, updateTaxonomyApi, fetchTaxonomiessApi, addMultipleTaxonomiesApi, deleteTaxonomyApi, isMultipleApi, addSubTypeApi, } from "../api/taxonomy";
 import { FaPlus } from "react-icons/fa";
-const TaxonomyForm = () => {
+const TaxonomyForm = ({ url }) => {
     const [type, setType] = useState("");
     const [inputType, setInputType] = useState("");
     const [code, setCode] = useState("");
@@ -36,7 +36,7 @@ const TaxonomyForm = () => {
     useEffect(() => {
         const fetchAllTaxonomies = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
-                const fetchedTaxonomies = yield fetchTaxonomiessApi();
+                const fetchedTaxonomies = yield fetchTaxonomiessApi(url);
                 if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
                     setAllTaxonomies(fetchedTaxonomies);
                 }
@@ -54,9 +54,9 @@ const TaxonomyForm = () => {
     };
     const handleDeleteSubTypeClick = (id) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield deleteTaxonomyApi(id);
+            yield deleteTaxonomyApi(url, id);
             alert("Taxonomy deleted successfully");
-            const fetchedTaxonomies = yield fetchTaxonomiessApi();
+            const fetchedTaxonomies = yield fetchTaxonomiessApi(url);
             if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
                 setAllTaxonomies(fetchedTaxonomies);
             }
@@ -81,7 +81,7 @@ const TaxonomyForm = () => {
         if (id) {
             const fetchTaxonomyData = () => __awaiter(void 0, void 0, void 0, function* () {
                 try {
-                    const fetchedTaxonomy = yield fetchTaxonomyByIdApi(id);
+                    const fetchedTaxonomy = yield fetchTaxonomyByIdApi(url, id);
                     if (fetchedTaxonomy) {
                         const taxonomy = fetchedTaxonomy;
                         setIsEditMode(true);
@@ -101,7 +101,7 @@ const TaxonomyForm = () => {
     useEffect(() => {
         const handleFetchSimilarTaxonomies = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
-                const response = yield fetchTaxonomiessApi();
+                const response = yield fetchTaxonomiessApi(url);
                 const filteredTaxonomies = response.filter((taxonomy) => taxonomy.type === type);
                 setSimilarTaxonomies(filteredTaxonomies);
             }
@@ -122,12 +122,12 @@ const TaxonomyForm = () => {
         event.preventDefault();
         try {
             if (isEditMode) {
-                yield addMultipleTaxonomiesApi(tempTaxonomy);
+                yield addMultipleTaxonomiesApi(url, tempTaxonomy);
                 setTempTaxonomy([]);
                 alert("Taxonomies saved successfully");
             }
             else {
-                yield addTaxonomyApi(inputType, Number(code), value);
+                yield addTaxonomyApi(url, inputType, Number(code), value);
                 alert("Taxonomy added successfully");
             }
             window.history.pushState({}, "", "/admin/taxinomies");
@@ -145,11 +145,11 @@ const TaxonomyForm = () => {
             return;
         try {
             if (isEditMode) {
-                yield updateTaxonomyApi(id, inputType, Number(code), value);
+                yield updateTaxonomyApi(url, id, inputType, Number(code), value);
                 alert("Taxonomy updated successfully");
             }
             else {
-                yield addTaxonomyApi(inputType, Number(code), value);
+                yield addTaxonomyApi(url, inputType, Number(code), value);
                 alert("Taxonomy added successfully");
             }
             window.location.href = "/admin/taxinomies";
@@ -162,7 +162,7 @@ const TaxonomyForm = () => {
     useEffect(() => {
         const fetchIsMultiple = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
-                const result = yield isMultipleApi(type);
+                const result = yield isMultipleApi(url, type);
                 setIsMultiple(typeof result === "boolean");
             }
             catch (error) {
@@ -237,9 +237,9 @@ const TaxonomyForm = () => {
     };
     const handleSubTypeAddClick = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield addSubTypeApi(selectedTaxonomyId, subType, Number(subCode), subValue);
+            yield addSubTypeApi(url, selectedTaxonomyId, subType, Number(subCode), subValue);
             alert("SubType added successfully");
-            const fetchedTaxonomies = yield fetchTaxonomiessApi();
+            const fetchedTaxonomies = yield fetchTaxonomiessApi(url);
             if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
                 setAllTaxonomies(fetchedTaxonomies);
             }
@@ -254,9 +254,9 @@ const TaxonomyForm = () => {
     });
     const handleSubTypeEditClick = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield updateTaxonomyApi(selectedTaxonomyId, subType, Number(subCode), subValue);
+            yield updateTaxonomyApi(url, selectedTaxonomyId, subType, Number(subCode), subValue);
             alert("SubType edited successfully");
-            const fetchedTaxonomies = yield fetchTaxonomiessApi();
+            const fetchedTaxonomies = yield fetchTaxonomiessApi(url);
             if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
                 setAllTaxonomies(fetchedTaxonomies);
             }
@@ -280,14 +280,14 @@ const TaxonomyForm = () => {
     };
     const handleEditTaxClick = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield updateTaxonomyApi(selectedTaxonomyId, type, Number(newCode), newValue);
+            yield updateTaxonomyApi(url, selectedTaxonomyId, type, Number(newCode), newValue);
             alert("Taxonomy updated successfully");
         }
         catch (error) {
             console.error("Error updating Taxonomy:", error);
         }
         setIsModalOpen(false);
-        const response = yield fetchTaxonomiessApi();
+        const response = yield fetchTaxonomiessApi(url);
         const filteredTaxonomies = response.filter((taxonomy) => taxonomy.type === type);
         setSimilarTaxonomies(filteredTaxonomies);
     });
@@ -297,10 +297,10 @@ const TaxonomyForm = () => {
             return;
         }
         try {
-            yield addMultipleTaxonomiesApi(tempTaxonomy);
+            yield addMultipleTaxonomiesApi(url, tempTaxonomy);
             setTempTaxonomy([]);
             alert("Multiple taxonomies added successfully");
-            const response = yield fetchTaxonomiessApi();
+            const response = yield fetchTaxonomiessApi(url);
             const filteredTaxonomies = response.filter((taxonomy) => taxonomy.type === inputType);
             setSimilarTaxonomies(filteredTaxonomies);
         }
@@ -311,7 +311,7 @@ const TaxonomyForm = () => {
     });
     const handleDeleteClick = (id) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield deleteTaxonomyApi(id);
+            yield deleteTaxonomyApi(url, id);
             alert("Taxonomy deleted successfully");
             setSimilarTaxonomies((prevTaxonomies) => prevTaxonomies.filter((taxonomy) => taxonomy.id !== id));
         }

package/dist/components/admin/UserForm.d.ts

@@ -1,2 +1,6 @@
-declare const UserForm: () => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+interface UserFormProps {
+    url: string;
+}
+declare const UserForm: React.FC<UserFormProps>;
 export default UserForm;

package/dist/components/admin/UserForm.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { addUserApi, updateUserApi, fetchUserByIdApi } from "../api/user";
-const UserForm = () => {
+const UserForm = ({ url }) => {
     const [userName, setUserName] = useState("");
     const [email, setEmail] = useState("");
     const [mobile, setMobile] = useState("");
@@ -30,7 +30,7 @@ const UserForm = () => {
         if (id) {
             const fetchUserData = () => __awaiter(void 0, void 0, void 0, function* () {
                 try {
-                    const fetchedUser = yield fetchUserByIdApi(id);
+                    const fetchedUser = yield fetchUserByIdApi(url, id);
                     if (fetchedUser) {
                         const user = fetchedUser;
                         setIsEditMode(true);
@@ -54,11 +54,11 @@ const UserForm = () => {
             return;
         try {
             if (isEditMode) {
-                yield updateUserApi(id, userName, mobile, address, roleType);
+                yield updateUserApi(url, id, userName, mobile, address, roleType);
                 alert("User updated successfully");
             }
             else {
-                yield addUserApi(userName, email, mobile, address, roleType);
+                yield addUserApi(url, userName, email, mobile, address, roleType);
                 alert("User added successfully");
             }
             // window.location.href = "/admin/users";

package/dist/components/admin/Users.d.ts

@@ -1,2 +1,6 @@
-declare function Users(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+interface UsersProps {
+    url: string;
+}
+declare const Users: React.FC<UsersProps>;
 export default Users;

package/dist/components/admin/Users.js

@@ -11,10 +11,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { FaPlus } from "react-icons/fa";
 import { fetchUsersApi, deleteUserApi } from "../api/user";
-function Users() {
+const Users = ({ url }) => {
     const [users, setUsers] = useState([]);
-    const fetchUsersData = () => __awaiter(this, void 0, void 0, function* () {
-        const data = yield fetchUsersApi();
+    const fetchUsersData = () => __awaiter(void 0, void 0, void 0, function* () {
+        const data = yield fetchUsersApi(url);
         if (data) {
             setUsers(data);
         }
@@ -47,9 +47,9 @@ function Users() {
         setCurrentPage(pageNumber);
     };
     const paginatedUsers = users.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
-    const handleDeleteClick = (id) => __awaiter(this, void 0, void 0, function* () {
+    const handleDeleteClick = (id) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            yield deleteUserApi(id);
+            yield deleteUserApi(url, id);
             alert("User deleted successfully");
             fetchUsersData();
         }
@@ -65,5 +65,5 @@ function Users() {
     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
                                         ? "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"] }) })] })] }));
-}
+};
 export default Users;

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

@@ -1,14 +1,14 @@
-export declare const addTaxonomyApi: (type: string, code: number, value: string) => Promise<Axios.AxiosXHR<unknown>>;
-export declare const fetchTaxonomiessApi: () => Promise<unknown>;
-export declare const deleteTaxonomyApi: (id: string) => Promise<{
+export declare const addTaxonomyApi: (url: string, type: string, code: number, value: string) => Promise<Axios.AxiosXHR<unknown>>;
+export declare const fetchTaxonomiessApi: (url: string) => Promise<unknown>;
+export declare const deleteTaxonomyApi: (url: string, id: string) => Promise<{
     id: string;
 }>;
-export declare const fetchTaxonomyByIdApi: (taxonomyId: string) => Promise<unknown>;
-export declare const updateTaxonomyApi: (id: string, type: string, code: number, value: string) => Promise<unknown>;
-export declare const addMultipleTaxonomiesApi: (taxonomies: {
+export declare const fetchTaxonomyByIdApi: (url: string, taxonomyId: string) => Promise<unknown>;
+export declare const updateTaxonomyApi: (url: string, id: string, type: string, code: number, value: string) => Promise<unknown>;
+export declare const addMultipleTaxonomiesApi: (url: string, taxonomies: {
     type: string;
     code: number;
     value: string;
 }[]) => Promise<Axios.AxiosXHR<unknown>>;
-export declare const isMultipleApi: (type: string) => Promise<unknown>;
-export declare const addSubTypeApi: (parentid: string, type: string, code: number, value: string) => Promise<Axios.AxiosXHR<unknown>>;
+export declare const isMultipleApi: (url: string, type: string) => Promise<unknown>;
+export declare const addSubTypeApi: (url: string, parentid: string, type: string, code: number, value: string) => Promise<Axios.AxiosXHR<unknown>>;

package/dist/components/api/taxonomy.js

@@ -11,10 +11,10 @@ import axios from "axios";
 import Cookies from "universal-cookie";
 const apiUrl = "http://localhost:5260";
 const cookies = new Cookies();
-export const addTaxonomyApi = (type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
+export const addTaxonomyApi = (url, type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.post(`${apiUrl}/taxonomy/add`, {
+        const response = yield axios.post(`${url}/taxonomy/add`, {
             Type: type,
             Code: code,
             Value: value,
@@ -30,10 +30,10 @@ export const addTaxonomyApi = (type, code, value) => __awaiter(void 0, void 0, v
         throw error;
     }
 });
-export const fetchTaxonomiessApi = () => __awaiter(void 0, void 0, void 0, function* () {
+export const fetchTaxonomiessApi = (url) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.get(`${apiUrl}/taxonomy/gettaxonomy`, {
+        const response = yield axios.get(`${url}/taxonomy/gettaxonomy`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
@@ -45,12 +45,12 @@ export const fetchTaxonomiessApi = () => __awaiter(void 0, void 0, void 0, funct
         return false;
     }
 });
-export const deleteTaxonomyApi = (id) => __awaiter(void 0, void 0, void 0, function* () {
+export const deleteTaxonomyApi = (url, id) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
         const response = yield axios.request({
             method: "DELETE",
-            url: `${apiUrl}/taxonomy/delete`,
+            url: `${url}/taxonomy/delete`,
             headers: {
                 Authorization: `Bearer ${token}`,
                 "Content-Type": "application/json",
@@ -66,11 +66,11 @@ export const deleteTaxonomyApi = (id) => __awaiter(void 0, void 0, void 0, funct
         throw error;
     }
 });
-export const fetchTaxonomyByIdApi = (taxonomyId) => __awaiter(void 0, void 0, void 0, function* () {
+export const fetchTaxonomyByIdApi = (url, taxonomyId) => __awaiter(void 0, void 0, void 0, function* () {
     const cookies = new Cookies();
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.get(`${apiUrl}/taxonomy/gettaxonomybyid/${taxonomyId}`, {
+        const response = yield axios.get(`${url}/taxonomy/gettaxonomybyid/${taxonomyId}`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
@@ -82,10 +82,10 @@ export const fetchTaxonomyByIdApi = (taxonomyId) => __awaiter(void 0, void 0, vo
         return false;
     }
 });
-export const updateTaxonomyApi = (id, type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
+export const updateTaxonomyApi = (url, id, type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.post(`${apiUrl}/taxonomy/updatetaxonomy`, {
+        const response = yield axios.post(`${url}/taxonomy/updatetaxonomy`, {
             Id: id,
             Type: type,
             Code: code,
@@ -101,11 +101,11 @@ export const updateTaxonomyApi = (id, type, code, value) => __awaiter(void 0, vo
         throw error;
     }
 });
-export const addMultipleTaxonomiesApi = (taxonomies) => __awaiter(void 0, void 0, void 0, function* () {
+export const addMultipleTaxonomiesApi = (url, taxonomies) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.post(`${apiUrl}/taxonomy/addmultipletaxonomies`, taxonomies, {
+        const response = yield axios.post(`${url}/taxonomy/addmultipletaxonomies`, taxonomies, {
             headers: {
                 Authorization: `Bearer ${token}`,
                 "Content-Type": "application/json",
@@ -118,10 +118,10 @@ export const addMultipleTaxonomiesApi = (taxonomies) => __awaiter(void 0, void 0
         throw error;
     }
 });
-export const isMultipleApi = (type) => __awaiter(void 0, void 0, void 0, function* () {
+export const isMultipleApi = (url, type) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.get(`${apiUrl}/taxonomy/IsTaxonomyMultipleByType/${type}`, {
+        const response = yield axios.get(`${url}/taxonomy/IsTaxonomyMultipleByType/${type}`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
@@ -133,10 +133,10 @@ export const isMultipleApi = (type) => __awaiter(void 0, void 0, void 0, functio
         throw error;
     }
 });
-export const addSubTypeApi = (parentid, type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
+export const addSubTypeApi = (url, parentid, type, code, value) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("authToken");
     try {
-        const response = yield axios.post(`${apiUrl}/taxonomy/addsubtype`, {
+        const response = yield axios.post(`${url}/taxonomy/addsubtype`, {
             ParentId: parentid,
             Type: type,
             Code: code,

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

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

package/dist/components/api/user.js

@@ -11,10 +11,10 @@ import axios from "axios";
 import Cookies from "universal-cookie";
 const apiUrl = "http://localhost:5260";
 const cookies = new Cookies();
-export const addUserApi = (name, email, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
+export const addUserApi = (url, name, email, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
-        const response = yield axios.post(`${apiUrl}/login/adduser`, {
+        const response = yield axios.post(`${url}/login/adduser`, {
             Name: name,
             Email: email,
             Mobile: mobile,
@@ -32,10 +32,10 @@ export const addUserApi = (name, email, mobile, address, roleType) => __awaiter(
         throw error;
     }
 });
-export const fetchUsersApi = () => __awaiter(void 0, void 0, void 0, function* () {
+export const fetchUsersApi = (url) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
-        const response = yield axios.get(`${apiUrl}/login/getuser`, {
+        const response = yield axios.get(`${url}/login/getuser`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
@@ -47,11 +47,11 @@ export const fetchUsersApi = () => __awaiter(void 0, void 0, void 0, function* (
         return false;
     }
 });
-export const fetchUserByIdApi = (userId) => __awaiter(void 0, void 0, void 0, function* () {
+export const fetchUserByIdApi = (url, userId) => __awaiter(void 0, void 0, void 0, function* () {
     const cookies = new Cookies();
     const token = cookies.get("token");
     try {
-        const response = yield axios.get(`${apiUrl}/login/getuserbyid/${userId}`, {
+        const response = yield axios.get(`${url}/login/getuserbyid/${userId}`, {
             headers: {
                 Authorization: `Bearer ${token}`,
             },
@@ -63,12 +63,12 @@ export const fetchUserByIdApi = (userId) => __awaiter(void 0, void 0, void 0, fu
         return false;
     }
 });
-export const deleteUserApi = (id) => __awaiter(void 0, void 0, void 0, function* () {
+export const deleteUserApi = (url, id) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
         const response = yield axios.request({
             method: "DELETE",
-            url: `${apiUrl}/login/delete`,
+            url: `${url}/login/delete`,
             headers: {
                 Authorization: `Bearer ${token}`,
                 "Content-Type": "application/json",
@@ -84,10 +84,10 @@ export const deleteUserApi = (id) => __awaiter(void 0, void 0, void 0, function*
         throw error;
     }
 });
-export const updateUserApi = (id, name, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
+export const updateUserApi = (url, id, name, mobile, address, roleType) => __awaiter(void 0, void 0, void 0, function* () {
     const token = cookies.get("token");
     try {
-        const response = yield axios.post(`${apiUrl}/login/updateuser`, {
+        const response = yield axios.post(`${url}/login/updateuser`, {
             id: id,
             name: name,
             Mobile: mobile,

package/dist/components/login/Header.js

@@ -15,6 +15,10 @@ import { RxPerson } from "react-icons/rx";
 import Cookies from "universal-cookie";
 import { useState } from "react";
 import UpdateUserDetails from "../useraccount/UpdateUserDetails";
+import Taxionomies from "../admin/Taxionomies";
+import TaxonomyForm from "../admin/TaxonomyForm";
+import Users from "../admin/Users";
+import UserForm from "../admin/UserForm";
 const IconWrapper = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx("div", { className: className, children: _jsx(RxPerson, Object.assign({}, props)) }));
@@ -94,6 +98,6 @@ const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name
                                                 ? "text-white hover:bg-gray-600"
                                                 : "text-black hover:bg-gray-200"}`, children: "Login" })), _jsx("button", { onClick: () => handleDark(), className: `md:px-3 pl-1  py-1 md:border-2  rounded-md transition-transform transform hover:scale-95 duration-300 ${isDarkMode
                                             ? "text-white border-white"
-                                            : "text-black border-black"}`, children: isDarkMode ? _jsx(CiDark, {}) : _jsx(CiLight, {}) })] }) })] }) }), _jsx(UpdateUserDetails, { usermodalopen: usermodalopen, closeusermodal: () => setusermodalopen(false), url: url, isDarkMode: isDarkMode })] }));
+                                            : "text-black border-black"}`, children: isDarkMode ? _jsx(CiDark, {}) : _jsx(CiLight, {}) })] }) })] }) }), _jsx(UpdateUserDetails, { usermodalopen: usermodalopen, closeusermodal: () => setusermodalopen(false), url: url, isDarkMode: isDarkMode }), _jsx(Taxionomies, { url: url }), _jsx(TaxonomyForm, { url: url }), _jsx(Users, { url: url }), _jsx(UserForm, { url: url })] }));
 };
 export default Header;

package/package.json

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

package/src/components/admin/Taxionomies.tsx

@@ -4,11 +4,11 @@ import { useState, useEffect } from "react";
 import { FaPlus } from "react-icons/fa";
 import { fetchTaxonomiessApi } from "../api/taxonomy";
 
-const Taxionomies = () => {
+const Taxionomies = ({ url }: { url: string }) => {
   const [taxonomy, setTaxonomy] = useState<any[]>([]);
 
   const fetchTaxonomiesData = async () => {
-    const data = await fetchTaxonomiessApi();
+    const data = await fetchTaxonomiessApi(url);
     if (data) {
       const uniqueTaxonomies = (data as any[]).reduce(
         (acc: any[], item: any) => {

package/src/components/admin/TaxonomyForm.tsx

@@ -12,7 +12,7 @@ import {
 } from "../api/taxonomy";
 import { FaPlus } from "react-icons/fa";
 
-const TaxonomyForm = () => {
+const TaxonomyForm = ({ url }: { url: string }) => {
   const [type, setType] = useState<string>("");
   const [inputType, setInputType] = useState<string>("");
   const [code, setCode] = useState<number | string>("");
@@ -45,7 +45,7 @@ const TaxonomyForm = () => {
   useEffect(() => {
     const fetchAllTaxonomies = async () => {
       try {
-        const fetchedTaxonomies = await fetchTaxonomiessApi();
+        const fetchedTaxonomies = await fetchTaxonomiessApi(url);
         if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
           setAllTaxonomies(fetchedTaxonomies);
         }
@@ -67,9 +67,9 @@ const TaxonomyForm = () => {
 
   const handleDeleteSubTypeClick = async (id: string) => {
     try {
-      await deleteTaxonomyApi(id);
+      await deleteTaxonomyApi(url, id);
       alert("Taxonomy deleted successfully");
-      const fetchedTaxonomies = await fetchTaxonomiessApi();
+      const fetchedTaxonomies = await fetchTaxonomiessApi(url);
 
       if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
         setAllTaxonomies(fetchedTaxonomies);
@@ -110,7 +110,7 @@ const TaxonomyForm = () => {
     if (id) {
       const fetchTaxonomyData = async () => {
         try {
-          const fetchedTaxonomy = await fetchTaxonomyByIdApi(id);
+          const fetchedTaxonomy = await fetchTaxonomyByIdApi(url, id);
           if (fetchedTaxonomy) {
             const taxonomy = fetchedTaxonomy as {
               type: string;
@@ -134,7 +134,7 @@ const TaxonomyForm = () => {
   useEffect(() => {
     const handleFetchSimilarTaxonomies = async () => {
       try {
-        const response = await fetchTaxonomiessApi();
+        const response = await fetchTaxonomiessApi(url);
         const filteredTaxonomies = (response as { type: string }[]).filter(
           (taxonomy: { type: string }) => taxonomy.type === type
         );
@@ -160,11 +160,11 @@ const TaxonomyForm = () => {
 
     try {
       if (isEditMode) {
-        await addMultipleTaxonomiesApi(tempTaxonomy);
+        await addMultipleTaxonomiesApi(url, tempTaxonomy);
         setTempTaxonomy([]);
         alert("Taxonomies saved successfully");
       } else {
-        await addTaxonomyApi(inputType, Number(code), value);
+        await addTaxonomyApi(url, inputType, Number(code), value);
         alert("Taxonomy added successfully");
       }
       window.history.pushState({}, "", "/admin/taxinomies");
@@ -182,10 +182,10 @@ const TaxonomyForm = () => {
 
     try {
       if (isEditMode) {
-        await updateTaxonomyApi(id, inputType, Number(code), value);
+        await updateTaxonomyApi(url, id, inputType, Number(code), value);
         alert("Taxonomy updated successfully");
       } else {
-        await addTaxonomyApi(inputType, Number(code), value);
+        await addTaxonomyApi(url, inputType, Number(code), value);
         alert("Taxonomy added successfully");
       }
       window.location.href = "/admin/taxinomies";
@@ -198,7 +198,7 @@ const TaxonomyForm = () => {
   useEffect(() => {
     const fetchIsMultiple = async () => {
       try {
-        const result = await isMultipleApi(type);
+        const result = await isMultipleApi(url, type);
         setIsMultiple(typeof result === "boolean");
       } catch (error) {
         console.error("Error checking if taxonomy is multiple:", error);
@@ -291,13 +291,14 @@ const TaxonomyForm = () => {
   const handleSubTypeAddClick = async () => {
     try {
       await addSubTypeApi(
+        url,
         selectedTaxonomyId,
         subType,
         Number(subCode),
         subValue
       );
       alert("SubType added successfully");
-      const fetchedTaxonomies = await fetchTaxonomiessApi();
+      const fetchedTaxonomies = await fetchTaxonomiessApi(url);
       if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
         setAllTaxonomies(fetchedTaxonomies);
       }
@@ -313,6 +314,7 @@ const TaxonomyForm = () => {
   const handleSubTypeEditClick = async () => {
     try {
       await updateTaxonomyApi(
+        url,
         selectedTaxonomyId,
         subType,
         Number(subCode),
@@ -320,7 +322,7 @@ const TaxonomyForm = () => {
       );
 
       alert("SubType edited successfully");
-      const fetchedTaxonomies = await fetchTaxonomiessApi();
+      const fetchedTaxonomies = await fetchTaxonomiessApi(url);
       if (fetchedTaxonomies && Array.isArray(fetchedTaxonomies)) {
         setAllTaxonomies(fetchedTaxonomies);
       }
@@ -351,6 +353,7 @@ const TaxonomyForm = () => {
   const handleEditTaxClick = async () => {
     try {
       await updateTaxonomyApi(
+        url,
         selectedTaxonomyId,
         type,
         Number(newCode),
@@ -361,7 +364,7 @@ const TaxonomyForm = () => {
       console.error("Error updating Taxonomy:", error);
     }
     setIsModalOpen(false);
-    const response = await fetchTaxonomiessApi();
+    const response = await fetchTaxonomiessApi(url);
     const filteredTaxonomies = (response as { type: string }[]).filter(
       (taxonomy: { type: string }) => taxonomy.type === type
     );
@@ -374,10 +377,10 @@ const TaxonomyForm = () => {
       return;
     }
     try {
-      await addMultipleTaxonomiesApi(tempTaxonomy);
+      await addMultipleTaxonomiesApi(url, tempTaxonomy);
       setTempTaxonomy([]);
       alert("Multiple taxonomies added successfully");
-      const response = await fetchTaxonomiessApi();
+      const response = await fetchTaxonomiessApi(url);
       const filteredTaxonomies = (response as { type: string }[]).filter(
         (taxonomy: { type: string }) => taxonomy.type === inputType
       );
@@ -390,7 +393,7 @@ const TaxonomyForm = () => {
 
   const handleDeleteClick = async (id: string) => {
     try {
-      await deleteTaxonomyApi(id);
+      await deleteTaxonomyApi(url, id);
       alert("Taxonomy deleted successfully");
       setSimilarTaxonomies((prevTaxonomies) =>
         prevTaxonomies.filter((taxonomy) => taxonomy.id !== id)

package/src/components/admin/UserForm.tsx

@@ -3,7 +3,11 @@ import { useState, useEffect } from "react";
 
 import { addUserApi, updateUserApi, fetchUserByIdApi } from "../api/user";
 
-const UserForm = () => {
+interface UserFormProps {
+  url: string;
+}
+
+const UserForm: React.FC<UserFormProps> = ({ url }) => {
   const [userName, setUserName] = useState("");
   const [email, setEmail] = useState("");
   const [mobile, setMobile] = useState("");
@@ -29,7 +33,7 @@ const UserForm = () => {
     if (id) {
       const fetchUserData = async () => {
         try {
-          const fetchedUser = await fetchUserByIdApi(id);
+          const fetchedUser = await fetchUserByIdApi(url, id);
           if (fetchedUser) {
             const user = fetchedUser as {
               name: string;
@@ -59,10 +63,10 @@ const UserForm = () => {
 
     try {
       if (isEditMode) {
-        await updateUserApi(id, userName, mobile, address, roleType);
+        await updateUserApi(url, id, userName, mobile, address, roleType);
         alert("User updated successfully");
       } else {
-        await addUserApi(userName, email, mobile, address, roleType);
+        await addUserApi(url, userName, email, mobile, address, roleType);
         alert("User added successfully");
       }
       // window.location.href = "/admin/users";

package/src/components/admin/Users.tsx

@@ -5,11 +5,15 @@ import { FaPlus } from "react-icons/fa";
 
 import { fetchUsersApi, deleteUserApi } from "../api/user";
 
-function Users() {
+interface UsersProps {
+  url: string;
+}
+
+const Users: React.FC<UsersProps> = ({ url }) => {
   const [users, setUsers] = useState<any[]>([]);
 
   const fetchUsersData = async () => {
-    const data = await fetchUsersApi();
+    const data = await fetchUsersApi(url);
     if (data) {
       setUsers(data as any[]);
     } else {
@@ -55,7 +59,7 @@ function Users() {
 
   const handleDeleteClick = async (id: string) => {
     try {
-      await deleteUserApi(id);
+      await deleteUserApi(url, id);
       alert("User deleted successfully");
 
       fetchUsersData();
@@ -336,6 +340,6 @@ function Users() {
       </div>
     </div>
   );
-}
+};
 
 export default Users;

package/src/components/api/taxonomy.ts

@@ -4,6 +4,7 @@ const apiUrl = "http://localhost:5260";
 const cookies = new Cookies();
 
 export const addTaxonomyApi = async (
+  url: string,
   type: string,
   code: number,
   value: string
@@ -12,7 +13,7 @@ export const addTaxonomyApi = async (
 
   try {
     const response = await axios.post(
-      `${apiUrl}/taxonomy/add`,
+      `${url}/taxonomy/add`,
       {
         Type: type,
         Code: code,
@@ -32,11 +33,11 @@ export const addTaxonomyApi = async (
   }
 };
 
-export const fetchTaxonomiessApi = async () => {
+export const fetchTaxonomiessApi = async (url: string) => {
   const token = cookies.get("authToken");
 
   try {
-    const response = await axios.get(`${apiUrl}/taxonomy/gettaxonomy`, {
+    const response = await axios.get(`${url}/taxonomy/gettaxonomy`, {
       headers: {
         Authorization: `Bearer ${token}`,
       },
@@ -48,13 +49,13 @@ export const fetchTaxonomiessApi = async () => {
   }
 };
 
-export const deleteTaxonomyApi = async (id: string) => {
+export const deleteTaxonomyApi = async (url: string, id: string) => {
   const token = cookies.get("authToken");
 
   try {
     const response = await axios.request({
       method: "DELETE",
-      url: `${apiUrl}/taxonomy/delete`,
+      url: `${url}/taxonomy/delete`,
       headers: {
         Authorization: `Bearer ${token}`,
         "Content-Type": "application/json",
@@ -70,13 +71,13 @@ export const deleteTaxonomyApi = async (id: string) => {
   }
 };
 
-export const fetchTaxonomyByIdApi = async (taxonomyId: string) => {
+export const fetchTaxonomyByIdApi = async (url: string, taxonomyId: string) => {
   const cookies = new Cookies();
   const token = cookies.get("authToken");
 
   try {
     const response = await axios.get(
-      `${apiUrl}/taxonomy/gettaxonomybyid/${taxonomyId}`,
+      `${url}/taxonomy/gettaxonomybyid/${taxonomyId}`,
       {
         headers: {
           Authorization: `Bearer ${token}`,
@@ -92,6 +93,7 @@ export const fetchTaxonomyByIdApi = async (taxonomyId: string) => {
 };
 
 export const updateTaxonomyApi = async (
+  url: string,
   id: string,
   type: string,
   code: number,
@@ -101,7 +103,7 @@ export const updateTaxonomyApi = async (
 
   try {
     const response = await axios.post(
-      `${apiUrl}/taxonomy/updatetaxonomy`,
+      `${url}/taxonomy/updatetaxonomy`,
       {
         Id: id,
         Type: type,
@@ -121,13 +123,14 @@ export const updateTaxonomyApi = async (
 };
 
 export const addMultipleTaxonomiesApi = async (
+  url: string,
   taxonomies: { type: string; code: number; value: string }[]
 ) => {
   const token = cookies.get("authToken");
 
   try {
     const response = await axios.post(
-      `${apiUrl}/taxonomy/addmultipletaxonomies`,
+      `${url}/taxonomy/addmultipletaxonomies`,
       taxonomies,
       {
         headers: {
@@ -146,12 +149,12 @@ export const addMultipleTaxonomiesApi = async (
   }
 };
 
-export const isMultipleApi = async (type: string) => {
+export const isMultipleApi = async (url: string, type: string) => {
   const token = cookies.get("authToken");
 
   try {
     const response = await axios.get(
-      `${apiUrl}/taxonomy/IsTaxonomyMultipleByType/${type}`,
+      `${url}/taxonomy/IsTaxonomyMultipleByType/${type}`,
       {
         headers: {
           Authorization: `Bearer ${token}`,
@@ -166,6 +169,7 @@ export const isMultipleApi = async (type: string) => {
 };
 
 export const addSubTypeApi = async (
+  url: string,
   parentid: string,
   type: string,
   code: number,
@@ -175,7 +179,7 @@ export const addSubTypeApi = async (
 
   try {
     const response = await axios.post(
-      `${apiUrl}/taxonomy/addsubtype`,
+      `${url}/taxonomy/addsubtype`,
       {
         ParentId: parentid,
         Type: type,

package/src/components/api/user.ts

@@ -4,6 +4,7 @@ const apiUrl = "http://localhost:5260";
 const cookies = new Cookies();
 
 export const addUserApi = async (
+  url: string,
   name: string,
   email: string,
   mobile: string,
@@ -14,7 +15,7 @@ export const addUserApi = async (
 
   try {
     const response = await axios.post(
-      `${apiUrl}/login/adduser`,
+      `${url}/login/adduser`,
       {
         Name: name,
         Email: email,
@@ -36,11 +37,11 @@ export const addUserApi = async (
   }
 };
 
-export const fetchUsersApi = async () => {
+export const fetchUsersApi = async (url: string) => {
   const token = cookies.get("token");
 
   try {
-    const response = await axios.get(`${apiUrl}/login/getuser`, {
+    const response = await axios.get(`${url}/login/getuser`, {
       headers: {
         Authorization: `Bearer ${token}`,
       },
@@ -52,12 +53,12 @@ export const fetchUsersApi = async () => {
   }
 };
 
-export const fetchUserByIdApi = async (userId: string) => {
+export const fetchUserByIdApi = async (url: string, userId: string) => {
   const cookies = new Cookies();
   const token = cookies.get("token");
 
   try {
-    const response = await axios.get(`${apiUrl}/login/getuserbyid/${userId}`, {
+    const response = await axios.get(`${url}/login/getuserbyid/${userId}`, {
       headers: {
         Authorization: `Bearer ${token}`,
       },
@@ -70,13 +71,13 @@ export const fetchUserByIdApi = async (userId: string) => {
   }
 };
 
-export const deleteUserApi = async (id: string) => {
+export const deleteUserApi = async (url: string, id: string) => {
   const token = cookies.get("token");
 
   try {
     const response = await axios.request({
       method: "DELETE",
-      url: `${apiUrl}/login/delete`,
+      url: `${url}/login/delete`,
       headers: {
         Authorization: `Bearer ${token}`,
         "Content-Type": "application/json",
@@ -93,6 +94,7 @@ export const deleteUserApi = async (id: string) => {
 };
 
 export const updateUserApi = async (
+  url: string,
   id: string,
   name: string,
   mobile: string,
@@ -103,7 +105,7 @@ export const updateUserApi = async (
 
   try {
     const response = await axios.post(
-      `${apiUrl}/login/updateuser`,
+      `${url}/login/updateuser`,
       {
         id: id,
         name: name,

package/src/components/login/Header.tsx

@@ -4,6 +4,10 @@ import { RxPerson } from "react-icons/rx";
 import Cookies from "universal-cookie";
 import { FC, useState } from "react";
 import UpdateUserDetails from "../useraccount/UpdateUserDetails";
+import Taxionomies from "../admin/Taxionomies";
+import TaxonomyForm from "../admin/TaxonomyForm";
+import Users from "../admin/Users";
+import UserForm from "../admin/UserForm";
 
 interface HeaderProps {
   toggleTheme;
@@ -333,6 +337,10 @@ const Header = ({
         url={url}
         isDarkMode={isDarkMode}
       />
+      <Taxionomies url={url} />
+      <TaxonomyForm url={url} />
+      <Users url={url} />
+      <UserForm url={url} />
     </header>
   );
 };