eleven-solutions-common-website-unique-web 4.0.31 → 4.0.33

package/dist/components/admin/TaxonomyForm.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { addTaxonomyApi, fetchTaxonomyByIdApi, updateTaxonomyApi, fetchTaxonomiessApi, addMultipleTaxonomiesApi, deleteTaxonomyApi, isMultipleApi, } from "../api/taxonomy";
+import { addTaxonomyApi, fetchTaxonomyByIdApi, updateTaxonomyApi, fetchTaxonomiessApi, addMultipleTaxonomiesApi, deleteTaxonomyApi, isMultipleApi, addSubTypeApi, } from "../api/taxonomy";
 import { FaPlus } from "react-icons/fa";
 const TaxonomyForm = () => {
     const [type, setType] = useState("");
@@ -161,6 +161,7 @@ const TaxonomyForm = () => {
         setSubValue("");
     };
     const handleAddClick = () => {
+        setIsAddingSubType(false);
         if (newCode === "" || newValue === "") {
             alert("Please fill in all required fields: Code, and Value.");
             return;
@@ -193,7 +194,7 @@ const TaxonomyForm = () => {
         setNewValue(item.value);
         setIsModalOpen(true);
     };
-    const handleAddSubTypeClick = (index, id) => {
+    const handleAddSubType = (index, id) => {
         const item = similarTaxonomies[index];
         setSelectedTaxonomyId(id);
         setNewCode(item.code);
@@ -201,7 +202,18 @@ const TaxonomyForm = () => {
         setIsModalOpen(true);
         setIsAddingSubType(true);
     };
+    const handleSubTypeClick = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield addSubTypeApi(selectedTaxonomyId, subType, Number(subCode), subValue);
+            alert("Taxonomy updated successfully");
+        }
+        catch (error) {
+            console.error("Error updating Taxonomy:", error);
+        }
+        setIsModalOpen(false);
+    });
     const handleEditTaxClick = () => __awaiter(void 0, void 0, void 0, function* () {
+        setIsAddingSubType(false);
         try {
             yield updateTaxonomyApi(selectedTaxonomyId, type, Number(newCode), newValue);
             alert("Taxonomy updated successfully");
@@ -249,7 +261,7 @@ const TaxonomyForm = () => {
                                                 !isEditMode && (_jsx("button", { type: "submit", onClick: handleSave, 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 ? "Save" : "Add" })), _jsx("button", { onClick: handleCancelClick, type: "button", 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" })] })] })] })), isSimilarTaxonomyOpen && isMultiple && isEditMode && (_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: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Actions" })), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { className: "px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "divide-y divide-gray-200", children: similarTaxonomies.map((taxonomy, index) => (_jsxs("tr", { children: [similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("td", { className: "px-4 py-4 text-sm whitespace-nowrap", children: _jsxs("div", { className: "flex items-center gap-x-6", children: [_jsx("button", { type: "button", onClick: () => handleDeleteClick(taxonomy.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", { type: "button", onClick: () => {
                                                                         handleEditClick(index, taxonomy.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", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5", children: _jsx("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" }) }) }), _jsx("button", { type: "button", onClick: () => {
-                                                                        handleAddSubTypeClick(index, taxonomy.id);
+                                                                        handleAddSubType(index, taxonomy.id);
                                                                     }, className: "text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-blue-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: "M12 4.5v15m7.5-7.5h-15" }) }) })] }) })), _jsx("td", { className: "px-4 py-4 text-sm text-gray-500 dark:text-gray-400", children: taxonomy.code }), _jsx("td", { className: "px-4 py-4 text-sm font-medium text-gray-900 dark:text-white", children: taxonomy.value })] }, index))) })] }) }), similarTaxonomies.some((taxonomy) => taxonomy.isEdit) && (_jsx("div", { className: "flex space-x-4 mt-6 justify-start", children: _jsxs("button", { type: "button", onClick: handleOpenModal, 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" }), "Add Multiple Values"] }) }))] })), isEditMode && (_jsx(_Fragment, { children: tempTaxonomy.length > 0 && (_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: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Code" }), _jsx("th", { scope: "col", className: "px-4 py-3.5 text-md font-normal text-left text-gray-500 dark:text-gray-400", children: "Value" })] }) }), _jsx("tbody", { className: "bg-white divide-y divide-gray-200 dark:bg-gray-800 dark:divide-gray-700", children: [...tempTaxonomy].map((item, 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", { type: "button", onClick: () => {
                                                                             const newTempTaxonomy = [...tempTaxonomy];
                                                                             newTempTaxonomy.splice(index, 1);
@@ -260,6 +272,16 @@ const TaxonomyForm = () => {
                                         ? "Add SubType"
                                         : editTaxonomyItem || editTempTaxonomyItem
                                             ? "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: "Type" }), _jsx("input", { type: "text", value: subType, onChange: (e) => setSubType(e.target.value), placeholder: "Enter Type", 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: "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(_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: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" }), _jsx("button", { onClick: editTaxonomyItem ? handleEditTaxClick : handleAddClick, 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" })] })] }) })] }));
+                                            : "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: "Type" }), _jsx("input", { type: "text", value: subType, onChange: (e) => setSubType(e.target.value), placeholder: "Enter Type", 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: "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(_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: handleCloseModal, className: "px-8 py-2.5 leading-5 bg-gray-300 rounded-md", children: "Cancel" }), _jsx("button", { 
+                                    // onClick={editTaxonomyItem ? handleEditTaxClick : handleAddClick}
+                                    onClick: isAddingSubType
+                                        ? handleSubTypeClick
+                                        : editTaxonomyItem
+                                            ? handleEditTaxClick
+                                            : handleAddClick, 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: isAddingSubType
+                                        ? "Add SubType"
+                                        : editTaxonomyItem || editTempTaxonomyItem
+                                            ? "Edit"
+                                            : "Add" })] })] }) })] }));
 };
 export default TaxonomyForm;

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

@@ -11,3 +11,4 @@ export declare const addMultipleTaxonomiesApi: (taxonomies: {
     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>>;

package/dist/components/api/taxonomy.js

@@ -133,3 +133,23 @@ 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* () {
+    const token = cookies.get("token");
+    try {
+        const response = yield axios.post(`${apiUrl}/taxonomy/add`, {
+            ParentId: parentid,
+            Type: type,
+            Code: code,
+            Value: value,
+        }, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        });
+        return response;
+    }
+    catch (error) {
+        console.error(error);
+        throw error;
+    }
+});

package/package.json

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

package/src/components/admin/TaxonomyForm.tsx

@@ -8,6 +8,7 @@ import {
   addMultipleTaxonomiesApi,
   deleteTaxonomyApi,
   isMultipleApi,
+  addSubTypeApi,
 } from "../api/taxonomy";
 import { FaPlus } from "react-icons/fa";
 
@@ -198,6 +199,7 @@ const TaxonomyForm = () => {
   };
 
   const handleAddClick = () => {
+    setIsAddingSubType(false);
     if (newCode === "" || newValue === "") {
       alert("Please fill in all required fields: Code, and Value.");
       return;
@@ -238,7 +240,7 @@ const TaxonomyForm = () => {
     setIsModalOpen(true);
   };
 
-  const handleAddSubTypeClick = (index: number, id: string) => {
+  const handleAddSubType = (index: number, id: string) => {
     const item = similarTaxonomies[index];
     setSelectedTaxonomyId(id);
 
@@ -248,7 +250,23 @@ const TaxonomyForm = () => {
     setIsAddingSubType(true);
   };
 
+  const handleSubTypeClick = async () => {
+    try {
+      await addSubTypeApi(
+        selectedTaxonomyId,
+        subType,
+        Number(subCode),
+        subValue
+      );
+      alert("Taxonomy updated successfully");
+    } catch (error) {
+      console.error("Error updating Taxonomy:", error);
+    }
+    setIsModalOpen(false);
+  };
+
   const handleEditTaxClick = async () => {
+    setIsAddingSubType(false);
     try {
       await updateTaxonomyApi(
         selectedTaxonomyId,
@@ -497,7 +515,7 @@ const TaxonomyForm = () => {
                             <button
                               type="button"
                               onClick={() => {
-                                handleAddSubTypeClick(index, taxonomy.id);
+                                handleAddSubType(index, taxonomy.id);
                               }}
                               className="text-gray-500 transition-colors duration-200 dark:hover:text-blue-500 dark:text-gray-300 hover:text-blue-500 focus:outline-none"
                             >
@@ -788,10 +806,22 @@ const TaxonomyForm = () => {
               Cancel
             </button>
             <button
-              onClick={editTaxonomyItem ? handleEditTaxClick : handleAddClick}
+              // onClick={editTaxonomyItem ? handleEditTaxClick : handleAddClick}
+              onClick={
+                isAddingSubType
+                  ? handleSubTypeClick
+                  : editTaxonomyItem
+                  ? handleEditTaxClick
+                  : handleAddClick
+              }
               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"
             >
-              {editTaxonomyItem || editTempTaxonomyItem ? "Edit" : "Add"}
+              {/* {editTaxonomyItem || editTempTaxonomyItem ? "Edit" : "Add"} */}
+              {isAddingSubType
+                ? "Add SubType"
+                : editTaxonomyItem || editTempTaxonomyItem
+                ? "Edit"
+                : "Add"}
             </button>
           </div>
         </div>

package/src/components/api/taxonomy.ts

@@ -164,3 +164,34 @@ export const isMultipleApi = async (type: string) => {
     throw error;
   }
 };
+
+export const addSubTypeApi = async (
+  parentid: string,
+  type: string,
+  code: number,
+  value: string
+) => {
+  const token = cookies.get("token");
+
+  try {
+    const response = await axios.post(
+      `${apiUrl}/taxonomy/add`,
+      {
+        ParentId: parentid,
+        Type: type,
+        Code: code,
+        Value: value,
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+    return response;
+  } catch (error) {
+    console.error(error);
+
+    throw error;
+  }
+};