feat: Suppression des templates docuseal [#22]

Front-End/src/components/Structure/Files/FilesGroupsManagement.js

@@ -1,27 +1,26 @@
 import React, { useState, useEffect } from 'react';
-import { Plus, Download, Edit, Trash2, FolderPlus, Signature } from 'lucide-react';
+import { Plus, Download, Edit3, Trash2, FolderPlus, Signature } from 'lucide-react';
 import Modal from '@/components/Modal';
 import Table from '@/components/Table';
 import FileUpload from '@/components/Structure/Files/FileUpload';
-import { formatDate } from '@/utils/Date';
 import { BASE_URL } from '@/utils/Url';
-import {
-  fetchRegistrationTemplateMaster,
-  createRegistrationTemplateMaster,
-  editRegistrationTemplateMaster,
-  deleteRegistrationTemplateMaster,
-  getRegisterFormFileTemplate
-} from '@/app/actions/subscriptionAction';
 import {
   fetchRegistrationFileGroups,
   createRegistrationFileGroup,
   deleteRegistrationFileGroup,
-  editRegistrationFileGroup
+  editRegistrationFileGroup,
+  fetchRegistrationTemplateMaster,
+  createRegistrationTemplateMaster,
+  editRegistrationTemplateMaster,
+  deleteRegistrationTemplateMaster,
+  fetchRegistrationTemplates
 } from '@/app/actions/registerFileGroupAction';
 import RegistrationFileGroupForm from '@/components/Structure/Files/RegistrationFileGroupForm';
+import logger from '@/utils/logger';
 
 export default function FilesGroupsManagement({ csrfToken }) {
-  const [fichiers, setFichiers] = useState([]);
+  const [templateMasters, setTemplateMasters] = useState([]);
+  const [templates, setTemplates] = useState([]);
   const [groups, setGroups] = useState([]);
   const [selectedGroup, setSelectedGroup] = useState(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -29,6 +28,11 @@ export default function FilesGroupsManagement({ csrfToken }) {
   const [fileToEdit, setFileToEdit] = useState(null);
   const [isGroupModalOpen, setIsGroupModalOpen] = useState(false);
   const [groupToEdit, setGroupToEdit] = useState(null);
+  const [reloadTemplates, setReloadTemplates] = useState(false);
+
+  const handleReloadTemplates = () => {
+    setReloadTemplates(true);
+  }
 
   const transformFileData = (file, groups) => {
     const groupInfos = file.groups.map(groupId => groups.find(g => g.id === groupId) || { id: groupId, name: 'Groupe inconnu' });
@@ -41,38 +45,91 @@ export default function FilesGroupsManagement({ csrfToken }) {
   useEffect(() => {
     Promise.all([
       fetchRegistrationTemplateMaster(),
-      fetchRegistrationFileGroups()
-    ]).then(([filesData, groupsData]) => {
+      fetchRegistrationFileGroups(),
+      fetchRegistrationTemplates()
+    ]).then(([filesTemplateMasters, groupsData, filesTemplates]) => {
       setGroups(groupsData);
+      setTemplates(filesTemplates);
+      console.log("coucou : ", filesTemplates)
       // Sélectionner automatiquement le premier groupe s'il existe
       if (groupsData.length > 0) {
         setSelectedGroup(groupsData[0].id.toString());
       }
       // Transformer chaque fichier pour inclure les informations complètes du groupe
-      const transformedFiles = filesData.map(file => transformFileData(file, groupsData));
-      setFichiers(transformedFiles);
+      const transformedFiles = filesTemplateMasters.map(file => transformFileData(file, groupsData));
+      setTemplateMasters(transformedFiles);
     }).catch(err => {
       console.log(err.message);
+    }).finally(() => {
+      setReloadTemplates(false);
     });
-  }, []);
+  }, [reloadTemplates]);
 
-  const handleFileDelete = (fileId) => {
-    deleteRegistrationTemplateMaster(fileId, csrfToken)
-      .then(response => {
-        if (response.ok) {
-          setFichiers(fichiers.filter(fichier => fichier.id !== fileId));
-          alert('Fichier supprimé avec succès.');
+  const deleteTemplateMaster = (templateMaster) => {
+    // Supprimer les clones associés via l'API DocuSeal
+    console.log(templates)
+    const removeClonesPromises = templates
+      .filter(template => template.master === templateMaster.template_id)
+      .map(template => removeTemplate(template.template_id));
+
+    // Ajouter la suppression du master à la liste des promesses
+    removeClonesPromises.push(removeTemplate(templateMaster.template_id));
+
+    // Attendre que toutes les suppressions dans DocuSeal soient terminées
+    Promise.all(removeClonesPromises)
+      .then(responses => {
+        const allSuccessful = responses.every(response => response.ok);
+        if (allSuccessful) {
+          logger.debug('Master et clones supprimés avec succès de DocuSeal.');
+
+          // Supprimer le template master de la base de données
+          deleteRegistrationTemplateMaster(templateMaster.template_id, csrfToken)
+            .then(response => {
+              if (response.ok) {
+                setTemplateMasters(templateMasters.filter(fichier => fichier.template_id !== templateMaster.template_id));
+                alert('Fichier supprimé avec succès.');
+              } else {
+                alert('Erreur lors de la suppression du fichier dans la base de données.');
+              }
+            })
+            .catch(error => {
+              console.error('Error deleting file from database:', error);
+              alert('Erreur lors de la suppression du fichier dans la base de données.');
+            });
         } else {
-          alert('Erreur lors de la suppression du fichier.');
+          alert('Erreur lors de la suppression du master ou des clones dans DocuSeal.');
         }
       })
       .catch(error => {
-        console.error('Error deleting file:', error);
-        alert('Erreur lors de la suppression du fichier.');
+        console.error('Error removing template from DocuSeal:', error);
+        alert('Erreur lors de la suppression du master ou des clones dans DocuSeal.');
       });
   };
 
-  const handleFileEdit = (file) => {
+  const removeTemplate = (templateId) => {
+    return fetch('/api/docuseal/removeTemplate/', {
+      method: 'DELETE',
+      headers: {
+        'Content-Type': 'application/json',
+        'X-CSRFToken': csrfToken
+      },
+      body: JSON.stringify({
+        templateId
+      })
+    })
+    .then(response => {
+      if (!response.ok) {
+        return response.json().then(err => { throw new Error(err.message); });
+      }
+      return response;
+    })
+    .catch(error => {
+      console.error('Error removing template:', error);
+      throw error;
+    });
+  };
+
+  const editTemplateMaster = (file) => {
     setIsEditing(true);
     setFileToEdit(file);
     setIsModalOpen(true);
@@ -84,87 +141,40 @@ export default function FilesGroupsManagement({ csrfToken }) {
       template_id: template_id,
       groups: group_ids
     };
-    console.log(data);
-  
-    if (isEditing && fileToEdit) {
-      editRegistrationTemplateMaster(fileToEdit.id, data, csrfToken)
-        .then(data => {
-          // Transformer le fichier mis à jour avec les informations du groupe
-          const transformedFile = transformFileData(data, groups);
-          setFichiers(prevFichiers =>
-            prevFichiers.map(f => f.id === fileToEdit.id ? transformedFile : f)
-          );
-          setIsModalOpen(false);
-          setFileToEdit(null);
-          setIsEditing(false);
-        })
-        .catch(error => {
-          console.error('Error editing file:', error);
-          alert('Erreur lors de la modification du fichier');
-        });
-    } else {
-      createRegistrationTemplateMaster(data, csrfToken)
-        .then(data => {
-          // Transformer le nouveau fichier avec les informations du groupe
-          const transformedFile = transformFileData(data, groups);
-          setFichiers(prevFiles => [...prevFiles, transformedFile]);
-          setIsModalOpen(false);
-        })
-        .catch(error => {
-          console.error('Error uploading file:', error);
-        });
-    }
+    logger.debug(data);
+    
+    createRegistrationTemplateMaster(data, csrfToken)
+    .then(data => {
+      // Transformer le nouveau fichier avec les informations du groupe
+      const transformedFile = transformFileData(data, groups);
+      setTemplateMasters(prevFiles => [...prevFiles, transformedFile]);
+      setIsModalOpen(false);
+    })
+    .catch(error => {
+      console.error('Error uploading file:', error);
+    });
   };
 
-  const handleTemplate = ({name, is_required, order, groupId, document_id}) => {
-    if (!name) {
-      alert('Veuillez entrer un nom de fichier.');
-      return;
-    }
+  const handleEditTemplateMaster = ({name, group_ids, template_id}) => {
+    const data = {
+      name: name,
+      template_id: template_id,
+      groups: group_ids
+    };
+    logger.debug(data);
 
-    const formData = new FormData();
-    if(file) {
-      formData.append('file', file);
-    }
-    formData.append('name', name);
-    formData.append('is_required', is_required);
-    formData.append('order', order);
-    formData.append('document_id', document_id);
-
-    // Modification ici : vérifier si groupId existe et n'est pas vide
-    if (groupId && groupId !== '') {
-      formData.append('group', groupId); // Notez que le nom du champ est 'group' et non 'group_id'
-    }
-
-
-    if (isEditing && fileToEdit) {
-      editRegistrationTemplateMaster(fileToEdit.id, formData, csrfToken)
-        .then(data => {
-          // Transformer le fichier mis à jour avec les informations du groupe
-          const transformedFile = transformFileData(data, groups);
-          setFichiers(prevFichiers =>
-            prevFichiers.map(f => f.id === fileToEdit.id ? transformedFile : f)
-          );
-          setIsModalOpen(false);
-          setFileToEdit(null);
-          setIsEditing(false);
-        })
-        .catch(error => {
-          console.error('Error editing file:', error);
-          alert('Erreur lors de la modification du fichier');
-        });
-    } else {
-      createRegistrationTemplateMaster(formData, csrfToken)
-        .then(data => {
-          // Transformer le nouveau fichier avec les informations du groupe
-          const transformedFile = transformFileData(data, groups);
-          setFichiers(prevFiles => [...prevFiles, transformedFile]);
-          setIsModalOpen(false);
-        })
-        .catch(error => {
-          console.error('Error uploading file:', error);
-        });
-    }
+    editRegistrationTemplateMaster(template_id, data, csrfToken)
+    .then(data => {
+      // Transformer le fichier mis à jour avec les informations du groupe
+      const transformedFile = transformFileData(data, groups);
+      setTemplateMasters(prevFichiers =>
+        prevFichiers.map(f => f.id === template_id ? transformedFile : f)
+      );
+    })
+    .catch(error => {
+      console.error('Error editing file:', error);
+      alert('Erreur lors de la modification du fichier');
+    });
   };
 
   const handleGroupSubmit = (groupData) => {
@@ -198,10 +208,10 @@ export default function FilesGroupsManagement({ csrfToken }) {
   };
 
   const handleGroupDelete = (groupId) => {
-    // Vérifier si des fichiers utilisent ce groupe
-    const filesInGroup = fichiers.filter(file => file.group && file.group.id === groupId);
+    // Vérifier si des templateMasters utilisent ce groupe
+    const filesInGroup = templateMasters.filter(file => file.group && file.group.id === groupId);
     if (filesInGroup.length > 0) {
-      alert('Impossible de supprimer ce groupe car il contient des fichiers. Veuillez d\'abord retirer tous les fichiers de ce groupe.');
+      alert('Impossible de supprimer ce groupe car il contient des templateMasters. Veuillez d\'abord retirer tous les templateMasters de ce groupe.');
       return;
     }
 
@@ -224,7 +234,7 @@ export default function FilesGroupsManagement({ csrfToken }) {
     }
   };
 
-  const filteredFiles = fichiers.filter(file => {
+  const filteredFiles = templateMasters.filter(file => {
     if (!selectedGroup) return true;
     return file.groups && file.groups.some(group => group.id === parseInt(selectedGroup));
   });
@@ -236,14 +246,14 @@ export default function FilesGroupsManagement({ csrfToken }) {
       <div className="flex items-center justify-center gap-2">
         {row.file && (
           <a href={`${BASE_URL}${row.file}`} target='_blank' className="text-blue-500 hover:text-blue-700">
-            <Download size={16} />
+            <Download className="w-5 h-5" />
           </a>
         )}
-        <button onClick={() => handleFileEdit(row)} className="text-blue-500 hover:text-blue-700">
-          <Edit size={16} />
+        <button onClick={() => editTemplateMaster(row)} className="text-blue-500 hover:text-blue-700">
+          <Edit3 className="w-5 h-5" />
         </button>
-        <button onClick={() => handleFileDelete(row.id)} className="text-red-500 hover:text-red-700">
-          <Trash2 size={16} />
+        <button onClick={() => deleteTemplateMaster(row)} className="text-red-500 hover:text-red-700">
+          <Trash2 className="w-5 h-5" />
         </button>
       </div>
     )}
@@ -255,10 +265,10 @@ export default function FilesGroupsManagement({ csrfToken }) {
     { name: 'Actions', transform: (row) => (
       <div className="flex items-center justify-center gap-2">
         <button onClick={() => handleGroupEdit(row)} className="text-blue-500 hover:text-blue-700">
-          <Edit size={16} />
+          <Edit3 className="w-5 h-5" />
         </button>
         <button onClick={() => handleGroupDelete(row.id)} className="text-red-500 hover:text-red-700">
-          <Trash2 size={16} />
+          <Trash2 className="w-5 h-5" />
         </button>
       </div>
     )}
@@ -278,7 +288,9 @@ export default function FilesGroupsManagement({ csrfToken }) {
         ContentComponent={() => (
           <FileUpload
             handleCreateTemplateMaster={handleCreateTemplateMaster}
+            handleEditTemplateMaster={handleEditTemplateMaster}
             fileToEdit={fileToEdit}
+            onSuccess={handleReloadTemplates}
           />
         )}
         modalClassName='w-4/5 h-4/5'
@@ -286,7 +298,7 @@ export default function FilesGroupsManagement({ csrfToken }) {
       <Modal
         isOpen={isGroupModalOpen}
         setIsOpen={setIsGroupModalOpen}
-        title={groupToEdit ? "Modifier le groupe" : "Ajouter un groupe de fichiers"}
+        title={groupToEdit ? "Modifier le groupe" : "Ajouter un groupe de templateMasters"}
         ContentComponent={() => (
           <RegistrationFileGroupForm
             onSubmit={handleGroupSubmit}
@@ -296,7 +308,7 @@ export default function FilesGroupsManagement({ csrfToken }) {
       />
       <div className="mt-8 mb-4">
         <div className="flex justify-between items-center mb-4">
-          <h2 className="text-xl font-bold">Groupes de fichiers</h2>
+          <h2 className="text-xl font-bold">Groupes de templateMasters</h2>
           <button
             onClick={() => setIsGroupModalOpen(true)}
             className="flex items-center bg-blue-600 text-white p-2 rounded-full shadow hover:bg-blue-900 transition duration-200"
@@ -315,7 +327,7 @@ export default function FilesGroupsManagement({ csrfToken }) {
       {groups.length > 0 && (
         <div className="mt-8">
           <div className="flex justify-between items-center mb-4">
-            <h2 className="text-xl font-bold">Fichiers</h2>
+            <h2 className="text-xl font-bold">templateMasters</h2>
             <div className="flex items-center gap-4">
               <select
                 className="border rounded p-2"