feat: Début de suppression de docuseal côté Front [#N3WTS-17]

Front-End/src/components/ProfileSelector.js

@@ -24,8 +24,7 @@ const ProfileSelector = ({ onRoleChange, className = '' }) => {
     setSelectedEstablishmentEvaluationFrequency,
     setSelectedEstablishmentTotalCapacity,
     selectedEstablishmentLogo,
-    setSelectedEstablishmentLogo,
-    setApiDocuseal
+    setSelectedEstablishmentLogo
   } = useEstablishment();
   const { isConnected, connectionStatus } = useChatConnection();
   const [dropdownOpen, setDropdownOpen] = useState(false);
@@ -41,8 +40,6 @@ const ProfileSelector = ({ onRoleChange, className = '' }) => {
       user.roles[roleId].establishment__total_capacity;
     const establishmentLogo =
       user.roles[roleId].establishment__logo;
-    const establishmentApiDocuseal =
-      user.roles[roleId].establishment__api_docuseal;
     setProfileRole(role);
     setSelectedEstablishmentId(establishmentId);
     setSelectedEstablishmentEvaluationFrequency(
@@ -50,7 +47,6 @@ const ProfileSelector = ({ onRoleChange, className = '' }) => {
     );
     setSelectedEstablishmentTotalCapacity(establishmentTotalCapacity);
     setSelectedEstablishmentLogo(establishmentLogo);
-    setApiDocuseal(establishmentApiDocuseal);
     setSelectedRoleId(roleId);
     if (onRoleChange) {
       onRoleChange(roleId);

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

@@ -2,10 +2,7 @@ import React, { useState, useEffect } from 'react';
 import {
   fetchRegistrationFileGroups,
   createRegistrationSchoolFileTemplate,
-  cloneTemplate,
-  generateToken,
 } from '@/app/actions/registerFileGroupAction';
-import { DocusealBuilder } from '@docuseal/react';
 import logger from '@/utils/logger';
 import MultiSelect from '@/components/Form/MultiSelect'; // Import du composant MultiSelect
 import { useCsrfToken } from '@/context/CsrfContext';
@@ -19,7 +16,6 @@ export default function FileUploadDocuSeal({
   onSuccess,
 }) {
   const [groups, setGroups] = useState([]);
-  const [token, setToken] = useState(null);
   const [templateMaster, setTemplateMaster] = useState(null);
   const [uploadedFileName, setUploadedFileName] = useState('');
   const [selectedGroups, setSelectedGroups] = useState([]);
@@ -30,7 +26,7 @@ export default function FileUploadDocuSeal({
 
   const csrfToken = useCsrfToken();
 
-  const { selectedEstablishmentId, user, apiDocuseal } = useEstablishment();
+  const { selectedEstablishmentId, user } = useEstablishment();
 
   useEffect(() => {
     fetchRegistrationFileGroups(selectedEstablishmentId).then((data) =>
@@ -47,15 +43,6 @@ export default function FileUploadDocuSeal({
     if (!user && !user?.email) {
       return;
     }
-    const id = fileToEdit ? fileToEdit.id : null;
-
-    generateToken(user?.email, id, selectedEstablishmentId, apiDocuseal)
-      .then((data) => {
-        setToken(data.token);
-      })
-      .catch((error) =>
-        logger.error('Erreur lors de la génération du token:', error)
-      );
   }, [fileToEdit]);
 
   const handleGroupChange = (selectedGroups) => {
@@ -121,41 +108,25 @@ export default function FileUploadDocuSeal({
 
       guardianDetails.forEach((guardian, index) => {
         logger.debug('creation du clone avec required : ', is_required);
-        cloneTemplate(
-          templateMaster?.id,
-          guardian.email,
-          is_required,
-          selectedEstablishmentId,
-          apiDocuseal
-        )
-          .then((clonedDocument) => {
-            // Sauvegarde des schoolFileTemplates clonés dans la base de données
-            const data = {
-              name: `${uploadedFileName}_${guardian.first_name}_${guardian.last_name}`,
-              slug: clonedDocument.slug,
-              id: clonedDocument.id,
-              master: templateMaster?.id,
-              registration_form: guardian.registration_form,
-            };
-            logger.debug('creation : ', data);
-            createRegistrationSchoolFileTemplate(data, csrfToken)
-              .then((response) => {
-                logger.debug('Template enregistré avec succès:', response);
-                onSuccess();
-              })
-              .catch((error) => {
-                logger.error(
-                  "Erreur lors de l'enregistrement du template:",
-                  error
-                );
-              });
-
-            // Logique pour envoyer chaque template au submitter
-            logger.debug('Sending template to:', guardian.email);
-          })
-          .catch((error) => {
-            logger.error('Error during cloning or sending:', error);
-          });
+        const data = {
+          name: `${uploadedFileName}_${guardian.first_name}_${guardian.last_name}`,
+          slug: clonedDocument.slug,
+          id: clonedDocument.id,
+          master: templateMaster?.id,
+          registration_form: guardian.registration_form,
+        };
+        logger.debug('creation : ', data);
+        createRegistrationSchoolFileTemplate(data, csrfToken)
+        .then((response) => {
+          logger.debug('Template enregistré avec succès:', response);
+          onSuccess();
+        })
+        .catch((error) => {
+          logger.error(
+            "Erreur lors de l'enregistrement du template:",
+            error
+          );
+        });
       });
     }
   };
@@ -212,32 +183,7 @@ export default function FileUploadDocuSeal({
 
           {/* Zone de configuration des documents */}
           <div className="col-span-8 bg-white p-6 rounded-lg shadow-md border border-gray-200">
-            {token && (
-              <div className="h-full overflow-auto">
-                {/* Description de l'étape */}
-                <p className="text-gray-700 text-base font-medium mb-4">
-                  Étape 2 - Sélectionnez un document
-                </p>
-
-                <DocusealBuilder
-                  token={token}
-                  headers={{
-                    Authorization: `Bearer ${token}`,
-                  }}
-                  withSendButton={false}
-                  withSignYourselfButton={false}
-                  autosave={false}
-                  withDocumentsList={false}
-                  language={'fr'}
-                  onLoad={handleLoad}
-                  onUpload={handleUpload}
-                  onChange={handleChange}
-                  onSave={handleSubmit}
-                  className="h-full overflow-auto"
-                  style={{ maxHeight: '65vh' }}
-                />
-              </div>
-            )}
+            
           </div>
         </div>
       )}

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

@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { Download, Edit3, Trash2, FolderPlus, Signature, AlertTriangle } from 'lucide-react';
 import Modal from '@/components/Modal';
 import Table from '@/components/Table';
-import FileUploadDocuSeal from '@/components/Structure/Files/FileUploadDocuSeal';
 import { BASE_URL } from '@/utils/Url';
 import {
   // GET
@@ -33,11 +32,11 @@ import Popup from '@/components/Popup';
 import Loader from '@/components/Loader';
 import { useNotification } from '@/context/NotificationContext';
 import AlertMessage from '@/components/AlertMessage';
+import FileUploadDocuSeal from '@/components/Structure/Files/FileUploadDocuSeal';
 
 export default function FilesGroupsManagement({
   csrfToken,
-  selectedEstablishmentId,
-  apiDocuseal
+  selectedEstablishmentId
 }) {
   const [schoolFileMasters, setSchoolFileMasters] = useState([]);
   const [schoolFileTemplates, setSchoolFileTemplates] = useState([]);
@@ -116,72 +115,24 @@ export default function FilesGroupsManagement({
     );
     setRemovePopupOnConfirm(() => () => {
       setIsLoading(true);
-      // Supprimer les clones associés via l'API DocuSeal
-      const removeClonesPromises = [
-        ...schoolFileTemplates
-          .filter((template) => template.master === templateMaster.id)
-          .map((template) =>
-            removeTemplate(template.id, selectedEstablishmentId, apiDocuseal)
-          ),
-        removeTemplate(templateMaster.id, selectedEstablishmentId, apiDocuseal),
-      ];
+      // Supprimer le template master de la base de données
+      deleteRegistrationSchoolFileMaster(templateMaster.id, csrfToken)
+      .then((response) => {
+        if (response.ok) {
+          setSchoolFileMasters(
+            schoolFileMasters.filter(
+              (fichier) => fichier.id !== templateMaster.id
+            )
+          );
+          showNotification(
+            `Le document "${templateMaster.name}" a été correctement supprimé.`,
+            'success',
+            'Succès'
+          );
 
-      // Attendre que toutes les suppressions dans DocuSeal soient terminées
-      Promise.all(removeClonesPromises)
-        .then((responses) => {
-          const allSuccessful = responses.every((response) => response && response.id);
-          if (allSuccessful) {
-            logger.debug('Master et clones supprimés avec succès de DocuSeal.');
-
-            // Supprimer le template master de la base de données
-            deleteRegistrationSchoolFileMaster(templateMaster.id, csrfToken)
-              .then((response) => {
-                if (response.ok) {
-                  setSchoolFileMasters(
-                    schoolFileMasters.filter(
-                      (fichier) => fichier.id !== templateMaster.id
-                    )
-                  );
-                  showNotification(
-                    `Le document "${templateMaster.name}" a été correctement supprimé.`,
-                    'success',
-                    'Succès'
-                  );
-
-                  setRemovePopupVisible(false);
-                  setIsLoading(false);
-                } else {
-                  showNotification(
-                    `Erreur lors de la suppression du document "${templateMaster.name}".`,
-                    'error',
-                    'Erreur'
-                  );
-                  setRemovePopupVisible(false);
-                  setIsLoading(false);
-                }
-              })
-              .catch((error) => {
-                logger.error('Error deleting file from database:', error);
-                showNotification(
-                  `Erreur lors de la suppression du document "${templateMaster.name}".`,
-                  'error',
-                  'Erreur'
-                );
-                setRemovePopupVisible(false);
-                setIsLoading(false);
-              });
-          } else {
-            showNotification(
-              `Erreur lors de la suppression du document "${templateMaster.name}".`,
-              'error',
-              'Erreur'
-            );
-            setRemovePopupVisible(false);
-            setIsLoading(false);
-          }
-        })
-        .catch((error) => {
-          logger.error('Error removing template from DocuSeal:', error);
+          setRemovePopupVisible(false);
+          setIsLoading(false);
+        } else {
           showNotification(
             `Erreur lors de la suppression du document "${templateMaster.name}".`,
             'error',
@@ -189,7 +140,18 @@ export default function FilesGroupsManagement({
           );
           setRemovePopupVisible(false);
           setIsLoading(false);
-        });
+        }
+      })
+      .catch((error) => {
+        logger.error('Error deleting file from database:', error);
+        showNotification(
+          `Erreur lors de la suppression du document "${templateMaster.name}".`,
+          'error',
+          'Erreur'
+        );
+        setRemovePopupVisible(false);
+        setIsLoading(false);
+      });
     });
   };
 
@@ -542,25 +504,13 @@ export default function FilesGroupsManagement({
           icon={Signature}
           title="Formulaires à remplir"
           description="Gérez les formulaires nécessitant une signature électronique."
-          button={apiDocuseal}
+          button={true}
           buttonOpeningModal={true}
           onClick={() => {
             setIsModalOpen(true);
             setIsEditing(false);
           }}
         />
-        <div className="mb-4">
-          <span
-            className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold ${
-              !apiDocuseal && 'bg-red-100 text-red-700 border border-red-300'
-            }`}
-          >
-            {!apiDocuseal && (
-              <AlertTriangle className="w-4 h-4 mr-2 text-red-500" />
-            )}
-            {!apiDocuseal && 'Clé API Docuseal manquante'}
-          </span>
-        </div>
         <Table
           data={filteredFiles}
           columns={columnsFiles}