chore(admin): split agencies-settings v1 and v2 into separate folders…

… and routes
SocialGouv · Aug 30, 2024 · e8befb6 · e8befb6
1 parent 2ceb78e
commit e8befb6
Show file tree

Hide file tree

Showing 16 changed files with 903 additions and 31 deletions.
diff --git a/...ings/_components/agenciesSettings.hook.ts → ...s-v3/_components/agenciesSettings.hook.ts b/...ings/_components/agenciesSettings.hook.ts → ...s-v3/_components/agenciesSettings.hook.ts
diff --git a/...al-information/_components/legal-information-update-block/LegalInformationUpdateBlock.tsx b/...al-information/_components/legal-information-update-block/LegalInformationUpdateBlock.tsx
@@ -0,0 +1,143 @@
+import Badge from "@codegouvfr/react-dsfr/Badge";
+import { StatutValidationInformationsJuridiquesMaisonMereAap } from "@/graphql/generated/graphql";
+import { Button } from "@codegouvfr/react-dsfr/Button";
+import { useState } from "react";
+import { LegalInformationUpdateForm } from "./LegalInformationUpdateForm";
+import { GrayCard } from "@/components/card/gray-card/GrayCard";
+import { format } from "date-fns";
+
+interface Decision {
+  id: string;
+  aapComment: string;
+  decisionTakenAt: Date;
+}
+export const LegalInformationUpdateBlock = ({
+  maisonMereAAPId,
+  statutValidationInformationsJuridiquesMaisonMereAAP,
+  decisions,
+}: {
+  maisonMereAAPId: string;
+  statutValidationInformationsJuridiquesMaisonMereAAP: StatutValidationInformationsJuridiquesMaisonMereAap;
+  decisions: Decision[];
+}) => {
+  const [showUpdateFormButtonPressed, setShowUpdateFormButtonPressed] =
+    useState(false);
+
+  const showUpdateForm =
+    statutValidationInformationsJuridiquesMaisonMereAAP === "A_METTRE_A_JOUR" &&
+    showUpdateFormButtonPressed;
+  return (
+    <div className="flex flex-col gap-8">
+      <div className="flex flex-col border p-6">
+        <h2>Mise à jour du compte</h2>
+        {statutValidationInformationsJuridiquesMaisonMereAAP === "A_JOUR" && (
+          <UpToDateStatusBlock />
+        )}
+        {statutValidationInformationsJuridiquesMaisonMereAAP ===
+          "EN_ATTENTE_DE_VERIFICATION" && <ValidationPendingStatusBlock />}
+
+        {statutValidationInformationsJuridiquesMaisonMereAAP ===
+          "A_METTRE_A_JOUR" && (
+          <NeedUpdateStatusBlock
+            showUpdateButton={!showUpdateForm}
+            onUpdateButtonClick={() => setShowUpdateFormButtonPressed(true)}
+            decisions={decisions}
+          />
+        )}
+      </div>
+      {showUpdateForm && (
+        <LegalInformationUpdateForm maisonMereAAPId={maisonMereAAPId} />
+      )}
+    </div>
+  );
+};
+
+const UpToDateStatusBlock = () => (
+  <Badge severity="success">Compte à jour</Badge>
+);
+
+const ValidationPendingStatusBlock = () => (
+  <>
+    <Badge severity="info">En attente de vérification</Badge>
+    <br />
+    <p>
+      Vos documents et informations ont bien été envoyés. Vous recevrez un mail
+      de la part de France VAE, dès que ces informations auront été traitées.
+    </p>
+  </>
+);
+
+const NeedUpdateStatusBlock = ({
+  showUpdateButton,
+  onUpdateButtonClick,
+  decisions,
+}: {
+  showUpdateButton: boolean;
+  onUpdateButtonClick(): void;
+  decisions: Decision[];
+}) => {
+  return (
+    <>
+      {!!decisions.length && (
+        <div className="flex flex-col mb-10 gap-6">
+          {decisions.map((d) => (
+            <GrayCard key={d.id}>
+              <dt className="font-bold text-xl">Retour des pièces jointes :</dt>
+              <dd>Retournées le {format(d.decisionTakenAt, "dd/MM/yyyy")}</dd>
+              <br />
+              <dt className="font-bold text-xl">Commentaire :</dt>
+              <dd>{d.aapComment}</dd>
+            </GrayCard>
+          ))}
+        </div>
+      )}
+      <Badge severity="warning" className="mb-8">
+        À mettre à jour
+      </Badge>
+      <br />
+      <p>
+        Pour nous assurer de la conformité des inscriptions, nous vérifions les
+        documents administratifs et légaux de chaque organisme d'accompagnement.
+      </p>
+      <p>Voici les documents en version numérique que vous devez préparer :</p>
+      <br />
+      <p>
+        <strong>Documents requis pour tous les organismes :</strong>
+      </p>
+      <ul>
+        <li>
+          Attestation URSSAF (qui affiche le code de sécurité) - Exemples :
+          attestation de vigilance, attestation fiscale.
+        </li>
+        <li>
+          Une copie du justificatif d’identité du dirigeant faisant apparaître
+          son nom et prénom, ainsi que la mention suivante : «J’atteste avoir
+          fourni le présent justificatif d’identité.» Il devra également dater
+          et signer le justificatif.
+        </li>
+      </ul>
+      <br />
+      <p>
+        <strong>
+          Si l'administrateur du compte France VAE et le dirigeant sont
+          différents, ajoutez également :
+        </strong>
+      </p>
+      <ul>
+        <li>
+          Une lettre de délégation signée par le dirigeant et le délégataire
+        </li>
+        <li>
+          Une copie du justificatif d'identité de la personne ayant reçu
+          délégation.
+        </li>
+      </ul>
+      <p>Assurez-vous d'avoir ces documents en version numérique.</p>
+      {showUpdateButton && (
+        <Button className="ml-auto" onClick={onUpdateButtonClick}>
+          Mettre à jour
+        </Button>
+      )}
+    </>
+  );
+};