Feat/sprint17

.env.development

@@ -1,7 +1,6 @@
 REACT_APP_STROMAE_BACK_OFFICE_API_BASE_URL=https://stromae-edt-kc.demo.insee.io/
 REACT_APP_EDT_ORGANISATION_API_BASE_URL=https://edt-api-kc.demo.insee.io/
 REACT_APP_KEYCLOAK_AUTHORITY=https://auth.demo.insee.io/auth/realms/questionnaires-edt/
-REACT_APP_KEYCLOAK_AUTHORITY_REVIEWER=https://auth.insee.io/auth/realms/questionnaires-particuliers/?kc_idp_hint=insee-ssp
 REACT_APP_KEYCLOAK_CLIENT_ID=client-edt
 REACT_APP_KEYCLOAK_REDIRECT_URI=http://localhost:3000/
 REACT_APP_HOUSE_REFERENCE_REGULAR_EXPRESSION=.\$

.env.production

@@ -1,7 +1,6 @@
 REACT_APP_STROMAE_BACK_OFFICE_API_BASE_URL=https://stromae-edt-kc.demo.insee.io/
 REACT_APP_EDT_ORGANISATION_API_BASE_URL=https://edt-api-kc.demo.insee.io/
 REACT_APP_KEYCLOAK_AUTHORITY=https://auth.demo.insee.io/auth/realms/questionnaires-edt/
-REACT_APP_KEYCLOAK_AUTHORITY_REVIEWER=https://auth.insee.io/auth/realms/questionnaires-particuliers/?kc_idp_hint=insee-ssp
 REACT_APP_KEYCLOAK_CLIENT_ID=client-edt
 REACT_APP_KEYCLOAK_REDIRECT_URI=https://insee-recette-edt.k8s.keyconsulting.fr/
 REACT_APP_HOUSE_REFERENCE_REGULAR_EXPRESSION=.\$

.env.staging

@@ -1,7 +1,6 @@
 REACT_APP_STROMAE_BACK_OFFICE_API_BASE_URL=https://stromae-edt-kc.demo.insee.io/
 REACT_APP_EDT_ORGANISATION_API_BASE_URL=https://edt-api-kc.demo.insee.io/
 REACT_APP_KEYCLOAK_AUTHORITY=https://auth.demo.insee.io/auth/realms/questionnaires-edt/
-REACT_APP_KEYCLOAK_AUTHORITY_REVIEWER=https://auth.insee.io/auth/realms/questionnaires-particuliers/?kc_idp_hint=insee-ssp
 REACT_APP_KEYCLOAK_CLIENT_ID=client-edt
 REACT_APP_KEYCLOAK_REDIRECT_URI=https://insee-edt.k8s.keyconsulting.fr/
 REACT_APP_HOUSE_REFERENCE_REGULAR_EXPRESSION=.\$

README.md

@@ -340,11 +340,11 @@ Those states have been defined to ease the visibility of the ongoing current sur
 
 ## Lifecycle state
 
-![](https://imgur.com/Y3bjnVs.png)
+![](./src/documentation/images/lifecycle_state.png)
 
 ### Project structure
 
-![](https://i.imgur.com/Jt1FrnR.png)
+![](./src/documentation/images/projet_structure.png)
 
 `src` : Contains all the source code of the application. It also has the 2 surveys sources required by Lunatic and used by EDT.
 
@@ -392,7 +392,7 @@ SSO is available using INSEE LDAP only with users with reviewer role. The review
 
 #### Architecture schema
 
-![](https://i.imgur.com/Q3sKoCe.png)
+![](./src/documentation/images/schema_architecture.png)
 
 #### API Edt-pilotage
 
@@ -976,7 +976,7 @@ The `.env.production` file is used when the builded app is hosted.
 REACT_APP_STROMAE_BACK_OFFICE_API_BASE_URL=https://stromae-edt-kc.demo.insee.io/
 REACT_APP_EDT_ORGANISATION_API_BASE_URL=https://edt-api-kc.demo.insee.io/
 REACT_APP_KEYCLOAK_AUTHORITY=https://auth.demo.insee.io/auth/realms/questionnaires-edt/
-REACT_APP_KEYCLOAK_AUTHORITY_REVIEWER=https://auth.insee.io/auth/realms/questionnaires-particuliers/?kc_idp_hint=insee-ssp
+REACT_APP_KEYCLOAK_AUTHORITY_REVIEWER=https://auth.insee.io/auth/realms/questionnaires-particuliers/
 REACT_APP_KEYCLOAK_CLIENT_ID=client-edt
 REACT_APP_KEYCLOAK_REDIRECT_URI=https://insee-recette-edt.k8s.keyconsulting.fr/
 REACT_APP_HOUSE_REFERENCE_REGULAR_EXPRESSION=.\$
@@ -1019,7 +1019,7 @@ Even if you create a path, it never passes through this component, so we cannot
 
 The callbackHolder function recovers the data and the errors which give us lunatic.
 
-![](https://imgur.com/SNpbvje.png)
+![](./src/documentation/images/orchestrator_code.png)
 
 The getData() function provided by lunatic, instead of returning it within callbackHolder, we proceed to process the data recovered by lunatic, to be able to transform that data, along with that of the database and obtain our data model filled with the COLLECTED and EDITED.
 
@@ -1038,9 +1038,7 @@ For each existing property :
 - **value of COLLECTED:** data of lunatic *(callbackholder.getData()[prop].COLLECTED)*;
 
 
-
-![](https://imgur.com/JCtEcUC.png)
-
+![](./src/documentation/images/orchestrator_code_interviewer.png)
 
 If the user is a reviewer, the data is treated as follows:
 
@@ -1076,11 +1074,11 @@ value of lunatic for value[iteration], other -> value of bdd (EDITED)
     - **value of EDITED:** data of bbdd *(data[prop].EDITED)*;
     - **value of COLLECTED:** data of bbdd *(data[prop].COLLECTED)*;
 
-![](https://imgur.com/PNZL2hu.png)
+![](./src/documentation/images/orchestrator_code_reviewer.png)
 
 Here a diagram of the flow of orchestrator data
 
-![Orchestrator data flow](https://imgur.com/yYYqvSJ.png)
+![Orchestrator data flow](./src/documentation/images/orchestrator_flow.png)
 
 
 ## Maintenance and evolution

e2e/mocks/activitySurveySource.json

@@ -850,7 +850,7 @@
                                 "name": "OTHERPRIVATE"
                             },
                             "id": "5",
-                            "label": "\"Autre moyen privé (monorue,kk trottinette ou skate, bateau, électrique ou non...)\""
+                            "label": "\"Autre moyen privé (monoroue, trottinette ou skate, bateau, électrique ou non...)\""
                         },
                         {
                             "response": {

package.json

@@ -1,13 +1,13 @@
 {
     "name": "edt",
-    "version": "3.10.3",
-    "dateVersion": "09/01/2024",
+    "version": "3.10.18",
+    "dateVersion": "07/02/2024",
     "licence": "MIT",
     "dependencies": {
         "@emotion/react": "^11.10.4",
         "@emotion/styled": "^11.10.4",
         "@inseefr/lunatic": "2.0.7-v2",
-        "@inseefrlab/lunatic-edt": "^0.11.7",
+        "@inseefrlab/lunatic-edt": "^0.12.0",
         "@mui/material": "^5.10.7",
         "@mui/styles": "^5.12.0",
         "@react-pdf/font": "2.2.0",
@@ -62,6 +62,7 @@
         "@typescript-eslint/eslint-plugin": "^5.38.0",
         "@typescript-eslint/parser": "^5.38.0",
         "concurrently": "^7.4.0",
+        "dayjs": "^1.11.5",
         "eslint": "^7.11.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-storybook": "^0.6.4",
@@ -75,8 +76,7 @@
         "prettier": "^2.7.1",
         "react-app-rewired": "^2.2.1",
         "tsc-watch": "^5.0.3",
-        "typescript": "^4.8.3",
-        "dayjs": "^1.11.5"
+        "typescript": "^4.8.3"
     },
     "scripts": {
         "start": "react-scripts start",

src/App.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { EdtRoutes } from "routes/EdtRoutes";
 import { getDatas, initializeDatas, initializeListSurveys } from "service/survey-service";
 import { getUserRights, setAuth, setUser, setUserToken } from "service/user-service";
-
+import { getCookie } from "utils/utils";
 const App = () => {
     const { t } = useTranslation();
     const [initialized, setInitialized] = useState(false);
@@ -30,53 +30,46 @@ const App = () => {
     };
 
     useEffect(() => {
+        if (
+            window.location.search &&
+            getCookie("KC_RESTART") == null &&
+            localStorage.getItem("setauth") == null
+        ) {
+            localStorage.setItem("setauth", "yes");
+            window.location.search = "";
+        }
+
         if (auth?.userData?.access_token && getDatas().size === 0 && error === undefined) {
             setUserToken(auth.userData?.access_token);
             setUser(auth.userData);
-        }
-
-        setAuth(auth);
-        //keeps user token up to date after session renewal
-        auth.userManager?.events.addUserLoaded(() => {
-            auth.userManager.getUser().then(user => {
-                setUserToken(user?.access_token || "");
+            setAuth(auth);
+            //keeps user token up to date after session renewal
+            auth.userManager.events.addUserLoaded(() => {
+                auth.userManager.getUser().then(user => {
+                    setUserToken(user?.access_token || "");
+                });
             });
-        });
-
-        auth.userManager?.events.addSilentRenewError(() => {
-            if (navigator.onLine) {
-                auth.userManager
-                    .signoutRedirect({
-                        id_token_hint: getTokenHint(),
-                    })
-                    .then(() => auth.userManager.clearStaleState())
-                    .then(() => auth.userManager.signoutRedirectCallback())
-                    .then(() => {
-                        sessionStorage.clear();
-                        localStorage.clear();
-                    })
-                    .then(() => auth.userManager.clearStaleState())
-                    .then(() => window.location.replace(process.env.REACT_APP_PUBLIC_URL || ""))
-                    .catch(err => {
-                        setErrorType(err);
-                    });
-            }
-        });
 
-        auth.userManager?.settings.userStore.getAllKeys().then(keys => {
-            auth.userManager.settings.stateStore.getAllKeys().then(keysState => {
-                if (
-                    window.location.search.includes("state") &&
-                    auth.userData == null &&
-                    keys.length == 0 &&
-                    keysState.length == 0
-                ) {
-                    window.location.search = "";
+            auth.userManager.events.addSilentRenewError(() => {
+                if (navigator.onLine) {
+                    auth.userManager
+                        .signoutRedirect({
+                            id_token_hint: getTokenHint(),
+                        })
+                        .then(() => auth.userManager.clearStaleState())
+                        .then(() => auth.userManager.signoutRedirectCallback())
+                        .then(() => {
+                            sessionStorage.clear();
+                            localStorage.clear();
+                        })
+                        .then(() => auth.userManager.clearStaleState())
+                        .then(() => window.location.replace(process.env.REACT_APP_PUBLIC_URL || ""))
+                        .catch(err => {
+                            setErrorType(err);
+                        });
                 }
             });
-        });
 
-        if (auth.userData) {
             initializeDatas(setError).then(() => {
                 setInitialized(true);
             });
@@ -89,18 +82,20 @@ const App = () => {
         }
     }, [auth]);
 
-    const renderErrorOrLoadingPage = () => {
-        return !error ? (
-            <LoadingFull
-                message={t("page.home.loading.message")}
-                thanking={t("page.home.loading.thanking")}
-            />
-        ) : (
-            <ErrorPage errorCode={error} atInit={true} />
-        );
-    };
-
-    return <>{initialized && !error ? <EdtRoutes /> : renderErrorOrLoadingPage()}</>;
+    return (
+        <>
+            {initialized && !error ? (
+                <EdtRoutes />
+            ) : !error ? (
+                <LoadingFull
+                    message={t("page.home.loading.message")}
+                    thanking={t("page.home.loading.thanking")}
+                />
+            ) : (
+                <ErrorPage errorCode={error} atInit={true} />
+            )}
+        </>
+    );
 };
 
 export default App;

src/activity-survey.json

@@ -513,6 +513,30 @@
             "name": "ISLOCKED",
             "componentRef": ""
         },
+        {
+            "variableType": "COLLECTED",
+            "values": {
+                "COLLECTED": null,
+                "EDITED": null,
+                "INPUTED": null,
+                "FORCED": null,
+                "PREVIOUS": null
+            },
+            "name": "QUALITY_SCORE",
+            "componentRef": ""
+        },
+        {
+            "variableType": "COLLECTED",
+            "values": {
+                "COLLECTED": null,
+                "EDITED": null,
+                "INPUTED": null,
+                "FORCED": null,
+                "PREVIOUS": null
+            },
+            "name": "QUALITY_SCORE_SUBSTRACT_POINTS",
+            "componentRef": ""
+        },
         {
             "variableType": "CALCULATED",
             "expression": "true",
@@ -907,7 +931,7 @@
                                 "name": "OTHERPRIVATE"
                             },
                             "id": "5",
-                            "label": "\"Autre moyen privé (monorue,kk trottinette ou skate, bateau, électrique ou non...)\""
+                            "label": "\"Autre moyen privé (monoroue, trottinette ou skate, bateau, électrique ou non...)\""
                         },
                         {
                             "response": {

src/components/commons/SurveyPage/SurveyPageStep/SurveyPageStep.tsx

@@ -63,7 +63,11 @@ const SurveyPageStep = (props: SurveyPageStepProps) => {
     const navigate = useNavigate();
 
     useEffect(() => {
-        setEnviro(context, navigate, callbackHolder);
+        if (context.surveyRootPage == EdtRoutesNameEnum.WORK_TIME) {
+            setEnviro(context, navigate);
+        } else {
+            setEnviro(context, navigate, callbackHolder);
+        }
     });
 
     const { classes, cx } = useStyles({
@@ -131,19 +135,17 @@ const SurveyPageStep = (props: SurveyPageStepProps) => {
         modifiable: modifiable,
     };
 
-    const nextRouteNav = useCallback(() => {
-        if (validateButton) {
-            return validateButton;
-        } else {
-            nextRoute
-                ? saveAndNavFullPath(idSurvey, nextRoute)
-                : saveAndNextStep(idSurvey, context.source, context.surveyRootPage, currentPage);
-        }
-    }, []);
-
     const surveyPageNotStepProps = {
         idSurvey: idSurvey,
-        validate: nextRouteNav,
+        validate:
+            validateButton ??
+            useCallback(
+                () =>
+                    nextRoute
+                        ? saveAndNavFullPath(idSurvey, nextRoute)
+                        : saveAndNextStep(idSurvey, context.source, context.surveyRootPage, currentPage),
+                [],
+            ),
         srcIcon: errorIcon,
         altIcon: errorAltIcon ? t(errorAltIcon) : undefined,
         onNavigateBack: useCallback(() => saveAndNav(idSurvey), []),
@@ -203,10 +205,6 @@ const SurveyPageStep = (props: SurveyPageStepProps) => {
     );
 };
 
-const stylePageMobileTabletWhenIOS = (isOpen: boolean) => {
-    return isOpen ? "80vh" : "87vh";
-};
-
 const useStyles = makeStylesEdt<{
     isMobile: boolean;
     isIOS: boolean;
@@ -223,7 +221,7 @@ const useStyles = makeStylesEdt<{
     },
     pageMobileTablet: {
         height: "100%",
-        maxHeight: isIOS ? stylePageMobileTabletWhenIOS(isOpen) : "94vh",
+        maxHeight: isIOS ? (isOpen ? "80vh" : "87vh") : "94vh",
     },
 }));
 

src/components/edt/DayCard/DayCard.tsx

@@ -45,7 +45,7 @@ const DayCard = (props: DayCardProps) => {
     const progressActivity = getScore(idSurvey, t);
     const modeReviewer = getIsModeReviewer();
     const { activitiesRoutesOrGaps, overlaps } = getActivitiesOrRoutes(t, idSurvey);
-    const qualityScore = getQualityScore(activitiesRoutesOrGaps, overlaps, t);
+    const qualityScore = getQualityScore(idSurvey, activitiesRoutesOrGaps, overlaps, t).group;
     const stateSurvey = getStatutSurvey(idSurvey);
     const isItMobile = isMobile();
 
@@ -229,6 +229,8 @@ const useStyles = makeStylesEdt({ "name": { DayCard } })(theme => ({
         display: "flex",
         flexDirection: "column",
         alignItems: "center",
+        textAlign: "center",
+        minWidth: "67px",
     },
     qualityScoreText: {
         color: theme.palette.secondary.main,