feat: Utilisation d'une clef API Docuseal par établissement

Front-End/src/app/[locale]/admin/page.js

@@ -1,7 +1,7 @@
 'use client';
 import React, { useState, useEffect } from 'react';
 import { useTranslations } from 'next-intl';
-import { Users, Clock, CalendarCheck, School } from 'lucide-react';
+import { Users, Clock, CalendarCheck, School, AlertTriangle, CheckCircle2 } from 'lucide-react';
 import Loader from '@/components/Loader';
 import StatCard from '@/components/StatCard';
 import logger from '@/utils/logger';
@@ -39,7 +39,7 @@ export default function DashboardPage() {
   const [upcomingEvents, setUpcomingEvents] = useState([]);
 
   const [absencesToday, setAbsencesToday] = useState([]);
-  const { selectedEstablishmentId, selectedEstablishmentTotalCapacity } =
+  const { selectedEstablishmentId, selectedEstablishmentTotalCapacity, apiDocuseal } =
     useEstablishment();
 
   const [statusDistribution, setStatusDistribution] = useState([
@@ -168,7 +168,24 @@ export default function DashboardPage() {
 
   return (
     <div key={selectedEstablishmentId} className="p-6">
-      <h1 className="text-2xl font-bold mb-6">{t('dashboard')}</h1>
+      <div className="flex items-center gap-3 mb-6">
+        <span
+          className={`inline-flex items-center px-3 py-1 rounded-full text-sm font-semibold ${
+            apiDocuseal
+              ? 'bg-green-100 text-green-700 border border-green-300'
+              : 'bg-red-100 text-red-700 border border-red-300'
+          }`}
+        >
+          {apiDocuseal ? (
+            <CheckCircle2 className="w-4 h-4 mr-2 text-green-500" />
+          ) : (
+            <AlertTriangle className="w-4 h-4 mr-2 text-red-500" />
+          )}
+          {apiDocuseal
+            ? 'Clé API Docuseal renseignée'
+            : 'Clé API Docuseal manquante'}
+        </span>
+      </div>
 
       {/* Statistiques principales */}
       <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">

Front-End/src/app/[locale]/admin/structure/page.js

@@ -52,7 +52,7 @@ export default function Page() {
   );
 
   const csrfToken = useCsrfToken();
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, apiDocuseal } = useEstablishment();
 
   useEffect(() => {
     if (selectedEstablishmentId) {
@@ -353,6 +353,7 @@ export default function Page() {
           <FilesGroupsManagement
             csrfToken={csrfToken}
             selectedEstablishmentId={selectedEstablishmentId}
+            apiDocuseal={apiDocuseal}
           />
         </div>
       ),

Front-End/src/app/[locale]/admin/subscriptions/createSubscription/page.js

@@ -96,7 +96,7 @@ export default function CreateSubscriptionPage() {
   const { getNiveauLabel } = useClasses();
 
   const formDataRef = useRef(formData);
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, apiDocuseal } = useEstablishment();
 
   const csrfToken = useCsrfToken();
   const router = useRouter();
@@ -473,8 +473,6 @@ export default function CreateSubscriptionPage() {
       }
     })();
 
-    logger.debug('test : ', guardians);
-
     const data = {
       student: {
         last_name: formDataRef.current.studentLastName,
@@ -532,12 +530,14 @@ export default function CreateSubscriptionPage() {
           const clonePromises = masters.map((templateMaster) =>
             cloneTemplate(
               templateMaster.id,
-              formData.guardianEmail,
-              templateMaster.is_required
+              formDataRef.current.guardianEmail,
+              templateMaster.is_required,
+              selectedEstablishmentId,
+              apiDocuseal
             )
               .then((clonedDocument) => {
                 const cloneData = {
-                  name: `${templateMaster.name}_${formData.studentFirstName}_${formData.studentLastName}`,
+                  name: `${templateMaster.name}_${formDataRef.current.studentFirstName}_${formDataRef.current.studentLastName}`,
                   slug: clonedDocument.slug,
                   id: clonedDocument.id,
                   master: templateMaster.id,
@@ -655,6 +655,7 @@ export default function CreateSubscriptionPage() {
       return {
         ...prevData,
         selectedGuardians: updatedSelectedGuardians,
+        guardianEmail: guardian.associated_profile_email,
       };
     });
   };

Front-End/src/app/[locale]/admin/subscriptions/editSubscription/page.js

@@ -17,7 +17,7 @@ export default function Page() {
 
   const [formErrors, setFormErrors] = useState({});
   const csrfToken = useCsrfToken();
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, apiDocuseal } = useEstablishment();
   const [isLoading, setIsLoading] = useState(false);
 
   const handleSubmit = (data) => {
@@ -47,6 +47,7 @@ export default function Page() {
       studentId={studentId}
       csrfToken={csrfToken}
       selectedEstablishmentId={selectedEstablishmentId}
+      apiDocuseal = {apiDocuseal}
       onSubmit={handleSubmit}
       cancelUrl={FE_ADMIN_SUBSCRIPTIONS_URL}
       errors={formErrors}

Front-End/src/app/[locale]/parents/editSubscription/page.js

@@ -14,7 +14,7 @@ export default function Page() {
   const enable = searchParams.get('enabled') === 'true';
   const router = useRouter();
   const csrfToken = useCsrfToken();
-  const { selectedEstablishmentId } = useEstablishment();
+  const { selectedEstablishmentId, apiDocuseal } = useEstablishment();
 
   const handleSubmit = async (data) => {
     try {
@@ -31,6 +31,7 @@ export default function Page() {
       studentId={studentId}
       csrfToken={csrfToken}
       selectedEstablishmentId={selectedEstablishmentId}
+      apiDocuseal = {apiDocuseal}
       onSubmit={handleSubmit}
       cancelUrl={FE_PARENTS_HOME_URL}
       enable={enable}

Front-End/src/app/actions/registerFileGroupAction.js

@@ -7,6 +7,7 @@ import {
   FE_API_DOCUSEAL_CLONE_URL,
   FE_API_DOCUSEAL_DOWNLOAD_URL,
   FE_API_DOCUSEAL_GENERATE_TOKEN,
+  FE_API_DOCUSEAL_DELETE_URL
 } from '@/utils/Url';
 import { errorHandler, requestResponseHandler } from './actionsHandlers';
 
@@ -337,8 +338,23 @@ export const deleteRegistrationParentFileTemplate = (id, csrfToken) => {
 };
 
 // API requests
+export const removeTemplate = (templateId, selectedEstablishmentId, apiDocuseal) => {
+  return fetch(`${FE_API_DOCUSEAL_DELETE_URL}`, {
+    method: 'DELETE',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify({
+      templateId,
+      establishment_id :selectedEstablishmentId,
+      apiDocuseal
+    }),
+  })
+    .then(requestResponseHandler)
+    .catch(errorHandler);
+};
 
-export const cloneTemplate = (templateId, email, is_required) => {
+export const cloneTemplate = (templateId, email, is_required, selectedEstablishmentId, apiDocuseal) => {
   return fetch(`${FE_API_DOCUSEAL_CLONE_URL}`, {
     method: 'POST',
     headers: {
@@ -348,14 +364,17 @@ export const cloneTemplate = (templateId, email, is_required) => {
       templateId,
       email,
       is_required,
+      establishment_id :selectedEstablishmentId,
+      apiDocuseal
     }),
   })
     .then(requestResponseHandler)
     .catch(errorHandler);
 };
 
-export const downloadTemplate = (slug) => {
-  return fetch(`${FE_API_DOCUSEAL_DOWNLOAD_URL}/${slug}`, {
+export const downloadTemplate = (slug, selectedEstablishmentId, apiDocuseal) => {
+  const url = `${FE_API_DOCUSEAL_DOWNLOAD_URL}/${slug}?establishment_id=${selectedEstablishmentId}&apiDocuseal=${apiDocuseal}`;
+  return fetch(url, {
     method: 'GET',
     headers: {
       'Content-Type': 'application/json',
@@ -365,13 +384,13 @@ export const downloadTemplate = (slug) => {
     .catch(errorHandler);
 };
 
-export const generateToken = (email, id = null) => {
+export const generateToken = (email, id = null, selectedEstablishmentId, apiDocuseal) => {
   return fetch(`${FE_API_DOCUSEAL_GENERATE_TOKEN}`, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',
     },
-    body: JSON.stringify({ user_email: email, id }),
+    body: JSON.stringify({ user_email: email, id, establishment_id :selectedEstablishmentId, apiDocuseal }),
   })
     .then(requestResponseHandler)
     .catch(errorHandler);