feat(ui): ajout tooltips uai inconnue & nature inconnue (#3375)

Co-authored-by: Raphaël Huchet <[email protected]>
Co-authored-by: Raphaël Huchet <[email protected]>

ui/modules/dashboard/DashboardOrganisme.tsx

@@ -14,6 +14,7 @@ import {
   UnorderedList,
   VStack,
   Wrap,
+  Link,
 } from "@chakra-ui/react";
 import { PieCustomLayerProps, ResponsivePie } from "@nivo/pie";
 import { useQuery } from "@tanstack/react-query";
@@ -30,7 +31,6 @@ import { formatDate } from "@/common/utils/dateUtils";
 import { exportDataAsXlsx } from "@/common/utils/exportUtils";
 import { formatCivility, formatSiretSplitted } from "@/common/utils/stringUtils";
 import DownloadButton from "@/components/buttons/DownloadButton";
-import Link from "@/components/Links/Link";
 import Ribbons from "@/components/Ribbons/Ribbons";
 import withAuth from "@/components/withAuth";
 import { useOrganisationOrganisme } from "@/hooks/organismes";
@@ -273,8 +273,52 @@ const DashboardOrganisme = ({ organisme, modePublique }: Props) => {
             <Wrap fontSize="epsilon" textColor="grey.800">
               <HStack>
                 <Text>UAI&nbsp;:</Text>
-                <Badge fontSize="epsilon" textColor="grey.800" paddingX="1w" paddingY="2px" backgroundColor="#ECEAE3">
-                  {organisme.uai || "UAI INCONNUE"}
+                <Badge
+                  fontSize="epsilon"
+                  textColor="grey.800"
+                  textTransform="none"
+                  paddingX="1w"
+                  paddingY="2px"
+                  backgroundColor="#ECEAE3"
+                >
+                  {organisme.uai || "Inconnue"}
+                  {!organisme.uai && (
+                    <Tooltip
+                      background="bluefrance"
+                      color="white"
+                      label={
+                        <Box padding="2w">
+                          <Text>
+                            <strong>Votre UAI est inconnue</strong>
+                          </Text>
+                          <UnorderedList mt={4}>
+                            <ListItem>
+                              Si votre Unité Administrative Immatriculée (UAI) est répertoriée comme
+                              «&nbsp;Inconnue&nbsp;» alors que votre organisme en possède une, veuillez nous écrire à
+                              [email protected] en nous la communiquant ainsi que votre fiche
+                              UAI, afin que nous puissions la mettre à jour. L’absence de ce numéro bloque
+                              l’enregistrement des contrats d’apprentissage. L’UAI est recommandée pour être reconnu
+                              OFA.
+                            </ListItem>
+                            <ListItem>
+                              Si votre organisme ne possède pas encore d’UAI, veuillez vous adresser auprès des services
+                              du rectorat de l’académie où se situe votre CFA. Plus d’informations dans la page d’Aide
+                              et FAQ.
+                            </ListItem>
+                          </UnorderedList>
+                        </Box>
+                      }
+                    >
+                      <Box
+                        as="i"
+                        className="ri-information-line"
+                        fontSize="epsilon"
+                        color="grey.500"
+                        marginLeft="1w"
+                        verticalAlign="middle"
+                      />
+                    </Tooltip>
+                  )}
                 </Badge>
               </HStack>
 
@@ -303,6 +347,41 @@ const DashboardOrganisme = ({ organisme, modePublique }: Props) => {
                   backgroundColor="#ECEAE3"
                 >
                   {natureOrganismeDeFormationLabel[organisme.nature] || "Inconnue"}
+                  {natureOrganismeDeFormationLabel[organisme.nature] === "Inconnue" && (
+                    <Tooltip
+                      background="bluefrance"
+                      color="white"
+                      label={
+                        <Box padding="2w">
+                          <Text>
+                            <strong>Votre Nature est inconnue</strong>
+                          </Text>
+                          <Text mt="2w">
+                            Si votre organisme a pour nature «&nbsp;Inconnue&nbsp;», cela signifie que l’offre de
+                            formation n’est pas collectée ou mal référencée par le Carif-Oref. Adressez-vous auprès de
+                            votre Carif-Oref régional pour renseigner cette donnée. Veuillez noter que la modification
+                            de la nature d’un organisme impacte ses relations avec les autres organismes.
+                          </Text>
+                          <Link
+                            textDecoration={"underline"}
+                            isExternal
+                            href="https://www.intercariforef.org/referencer-son-offre-de-formation"
+                          >
+                            En savoir plus sur la démarche.
+                          </Link>
+                        </Box>
+                      }
+                    >
+                      <Box
+                        as="i"
+                        className="ri-information-line"
+                        fontSize="epsilon"
+                        color="grey.500"
+                        marginLeft="1w"
+                        verticalAlign="middle"
+                      />
+                    </Tooltip>
+                  )}
                   {natureOrganismeDeFormationTooltip[organisme.nature] && (
                     <Tooltip
                       background="bluefrance"