1525 ajouter un message en debut de sondage pour inciter a la reponse (…

…#4083)

* feat: Ajoute la réponse sur l'utilité de la simulation dans la réponse

* feat: Changer le message en fonction de la réponse de l'usager

Note: c'est la réponse au sondage dans l'émail sur l'utilité de la simulation

backend/controllers/followups.ts

@@ -85,11 +85,20 @@ export async function persist(req: Request, res: Response) {
 }
 
 export function getFollowupDataForSurvey(req: Request, res: Response) {
+  const usefullnessSurvey = req.followup.surveys.find(
+    (survey) => survey.type === SurveyType.TrackClickOnSimulationUsefulnessEmail
+  )
+
+  const simulationWasUseful =
+    usefullnessSurvey?.answers.find((answer) => answer.id === "wasUseful")
+      ?.value ?? true // La simulation est utile par défaut
+
   res.send({
     createdAt: req.followup.createdAt,
     benefits: req.followup.benefits.filter(
       (benefit) => benefit.id in Benefits.benefitsMap
     ),
+    simulationWasUseful,
   } as FetchSurvey)
 }
 

lib/types/survey.d.ts

@@ -29,4 +29,5 @@ interface FetchSurvey {
     id: string
     amount: number | boolean
   }[]
+  simulationWasUseful: boolean
 }

src/composables/use-followup-survey-data.ts

@@ -12,6 +12,7 @@ import { useStore } from "@/stores/index.js"
 export function useFollowupSurveyData(token: string) {
   const followupCreatedAt = ref<string>("")
   const benefitsWithChoice = ref<BenefitWithChoice[]>([])
+  const simulationWasUseful = ref<boolean>(false)
   const loading = ref<boolean>(true)
   const store = useStore()
   const router = useRouter()
@@ -24,6 +25,7 @@ export function useFollowupSurveyData(token: string) {
     followupCreatedAt.value = dayjs(followupSurveyData.createdAt).format(
       "DD MMMM YYYY"
     )
+    simulationWasUseful.value = followupSurveyData.simulationWasUseful
     const benefits: StandardBenefit[] = followupSurveyData.benefits.map(
       (benefit) => ({
         ...getBenefit(benefit.id),
@@ -52,6 +54,7 @@ export function useFollowupSurveyData(token: string) {
   return {
     followupCreatedAt,
     benefitsWithChoice,
+    simulationWasUseful,
     loading,
   }
 }

src/views/suivi.vue

@@ -41,12 +41,27 @@
           <strong>{{ followupCreatedAt }}</strong
           >.
         </p>
-        <div class="fr-alert fr-alert--info fr-mb-4w">
-          <p>
-            Aidez-nous à améliorer la pertinence des résultats en répondant à ce
-            questionnaire :
-          </p>
-          <p class="fr-text--bold"> Ça ne prend pas plus de 2 minutes ! </p>
+        <div class="fr-mb-4w">
+          <div v-if="simulationWasUseful" class="fr-alert fr-alert--success">
+            <h3 class="fr-alert__title"> Merci pour votre réponse </h3>
+            <p>
+              Aidez-nous à améliorer la pertinence des résultats en répondant à
+              ce questionnaire :
+            </p>
+            <p class="fr-text--bold"> Ça ne prend pas plus de 2 minutes ! </p>
+          </div>
+          <div v-else class="fr-alert fr-alert--warning">
+            <h3 class="fr-alert__title">
+              Merci, nous sommes désolés que le simulateur ne vous ait pas été
+              utile
+            </h3>
+            <p
+              >À la fin de ce questionnaire vous aurez la possibilité de prendre
+              un RDV téléphonique avec une personne de l'équipe pour poser vos
+              questions sur les aides et les démarches.
+            </p>
+            <p class="fr-text--bold"> Ça ne prend pas plus de 2 minutes ! </p>
+          </div>
         </div>
         <div
           v-for="droit in benefitsWithChoice"
@@ -141,7 +156,7 @@ function isNegative(value) {
 
 const route = useRoute()
 const submitted = ref(false)
-const { followupCreatedAt, benefitsWithChoice, loading } =
+const { followupCreatedAt, benefitsWithChoice, simulationWasUseful, loading } =
   useFollowupSurveyData(route.query.token as string)
 
 const isComplete = computed(() => {