eleven-solutions-common-website-unique-web 9.0.37 → 9.0.39

package/dist/components/admin/Template.js

@@ -24,7 +24,7 @@ const Template = () => {
     });
     useEffect(() => {
         fetchTemplatesData();
-    });
+    }, []);
     const handleNavigation = (event, path) => {
         event.preventDefault();
         window.history.pushState({}, "", path);

package/dist/components/admin/TemplateForm.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useEffect, useRef, useMemo } from "react";
-import { addTemplateApi, fetchTemplateByIdApi } from "../api/template";
+import { addTemplateApi, fetchTemplateByIdApi, updateTemplateApi, } from "../api/template";
 import JoditEditor from "jodit-react";
 const TemplateForm = () => {
     const [name, setName] = useState("");
@@ -64,12 +64,33 @@ const TemplateForm = () => {
             alert("Failed to add template.");
         }
     });
+    const handleSubmit = (event) => __awaiter(void 0, void 0, void 0, function* () {
+        event.preventDefault();
+        if (!validateForm())
+            return;
+        try {
+            if (isEditMode) {
+                yield updateTemplateApi(id, name, content);
+                alert("Template updated successfully");
+            }
+            else {
+                yield addTemplateApi(name, content);
+                alert("Template added successfully");
+            }
+            window.history.pushState({}, "", "/admin/template");
+            window.dispatchEvent(new PopStateEvent("popstate"));
+        }
+        catch (error) {
+            console.error("Error adding/updating Template:", error);
+            alert("Failed to add/update Template");
+        }
+    });
     const handleCancelClick = () => {
         setName("");
         setContent("");
         window.history.pushState({}, "", "/admin/template");
         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 Template" : "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(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", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(JoditEditor, { ref: editor, value: content, config: config, onBlur: (newContent) => setContent(newContent), onChange: (newContent) => { } })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: 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: "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 Template" : "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", value: name, onChange: (e) => setName(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", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(JoditEditor, { ref: editor, value: content, config: config, onBlur: (newContent) => setContent(newContent), onChange: (newContent) => { } })] }), _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 TemplateForm;

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

@@ -1,3 +1,7 @@
 export declare const addTemplateApi: (name: string, content: string) => Promise<Axios.AxiosXHR<unknown>>;
 export declare const fetchTemplatesApi: () => Promise<unknown>;
 export declare const fetchTemplateByIdApi: (id: string) => Promise<unknown>;
+export declare const updateTemplateApi: (id: string, name: string, content: string) => Promise<unknown>;
+export declare const deleteTemplateApi: (id: string) => Promise<{
+    isDeleted: boolean;
+}>;

package/dist/components/api/template.js

@@ -60,3 +60,42 @@ export const fetchTemplateByIdApi = (id) => __awaiter(void 0, void 0, void 0, fu
         return false;
     }
 });
+export const updateTemplateApi = (id, name, content) => __awaiter(void 0, void 0, void 0, function* () {
+    const token = cookies.get("token");
+    try {
+        const response = yield axios.post(`${apiUrl}/template/updatetemplate`, {
+            id: id,
+            name: name,
+            content: content,
+        }, {
+            headers: {
+                Authorization: `Bearer ${token}`,
+            },
+        });
+        return response.data;
+    }
+    catch (error) {
+        throw error;
+    }
+});
+export const deleteTemplateApi = (id) => __awaiter(void 0, void 0, void 0, function* () {
+    const token = cookies.get("token");
+    try {
+        const response = yield axios.request({
+            method: "PATCH",
+            url: `${apiUrl}/template/delete/${id}`,
+            headers: {
+                Authorization: `Bearer ${token}`,
+                "Content-Type": "application/json",
+            },
+            data: {
+                isDeleted: true, // Update only the isDeleted property
+            },
+        });
+        return response.data;
+    }
+    catch (error) {
+        console.error("Error updating template:", error);
+        throw error;
+    }
+});

package/package.json

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

package/src/components/admin/Template.tsx

@@ -17,7 +17,7 @@ const Template = () => {
 
   useEffect(() => {
     fetchTemplatesData();
-  });
+  }, []);
 
   const handleNavigation = (event: React.MouseEvent, path: string) => {
     event.preventDefault();

package/src/components/admin/TemplateForm.tsx

@@ -1,5 +1,9 @@
 import React, { useState, useEffect, useRef, useMemo } from "react";
-import { addTemplateApi, fetchTemplateByIdApi } from "../api/template";
+import {
+  addTemplateApi,
+  fetchTemplateByIdApi,
+  updateTemplateApi,
+} from "../api/template";
 import JoditEditor from "jodit-react";
 
 const TemplateForm = () => {
@@ -65,6 +69,26 @@ const TemplateForm = () => {
     }
   };
 
+  const handleSubmit = async (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.preventDefault();
+    if (!validateForm()) return;
+
+    try {
+      if (isEditMode) {
+        await updateTemplateApi(id, name, content);
+        alert("Template updated successfully");
+      } else {
+        await addTemplateApi(name, content);
+        alert("Template added successfully");
+      }
+      window.history.pushState({}, "", "/admin/template");
+      window.dispatchEvent(new PopStateEvent("popstate"));
+    } catch (error) {
+      console.error("Error adding/updating Template:", error);
+      alert("Failed to add/update Template");
+    }
+  };
+
   const handleCancelClick = () => {
     setName("");
     setContent("");
@@ -110,10 +134,10 @@ const TemplateForm = () => {
           <div className="flex space-x-4 mt-6 justify-end">
             <button
               type="submit"
-              onClick={handleAddClick}
+              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"
             >
-              Add
+              {isEditMode ? "Edit" : "Add"}
             </button>
             <button
               type="button"

package/src/components/api/template.ts

@@ -62,3 +62,52 @@ export const fetchTemplateByIdApi = async (id: string) => {
     return false;
   }
 };
+
+export const updateTemplateApi = async (
+  id: string,
+  name: string,
+  content: string
+) => {
+  const token = cookies.get("token");
+
+  try {
+    const response = await axios.post(
+      `${apiUrl}/template/updatetemplate`,
+      {
+        id: id,
+        name: name,
+        content: content,
+      },
+      {
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      }
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+};
+
+export const deleteTemplateApi = async (id: string) => {
+  const token = cookies.get("token");
+
+  try {
+    const response = await axios.request({
+      method: "PATCH",
+      url: `${apiUrl}/template/delete/${id}`,
+      headers: {
+        Authorization: `Bearer ${token}`,
+        "Content-Type": "application/json",
+      },
+      data: {
+        isDeleted: true, // Update only the isDeleted property
+      },
+    });
+    return response.data;
+  } catch (error) {
+    console.error("Error updating template:", error);
+    throw error;
+  }
+};