feat: add autofill email, remove env var

.env.dev

@@ -34,5 +34,4 @@ FRANCECONNECT_CLIENT_SECRET=
 FRANCECONNECT_URL=https://fcp.integ01.dev-franceconnect.fr
 FRANCECONNECT_REDIRECT_URI=http://localhost:3000/api/auth/france-connect/callback
 FRANCECONNECT_POST_LOGOUT_REDIRECT_URI=http://localhost:3000/api/auth/france-connect/logout-callback
-NEXT_PUBLIC_CRISP_WEBSITE_ID=064fca1b-bdd6-4a81-af56-9f38e40953ad
 DATA_SUBVENTION_API_KEY=

app/(header-default)/faq/parcours/_components/parcours-questions.tsx

@@ -3,12 +3,14 @@
 import { MultiChoice } from '#components-ui/multi-choice';
 import Question, { EQuestionType } from '#components/faq-parcours/question';
 import { FAQTargets, allFaqArticlesByTarget } from '#models/article/faq';
+import { ISession } from '#models/user/session';
 import { useRef, useState } from 'react';
 
 type IProps = {
   question: EQuestionType;
+  session: ISession | null;
 };
-export default function ParcoursQuestions({ question }: IProps) {
+export default function ParcoursQuestions({ question, session }: IProps) {
   const initialQuestionType = Object.values(EQuestionType).indexOf(question)
     ? question
     : null;
@@ -56,6 +58,7 @@ export default function ParcoursQuestions({ question }: IProps) {
             userType ? Object.values(allFaqArticlesByTarget[userType]) : []
           }
           userType={userType}
+          session={session}
         />
       )}
     </>

app/(header-default)/faq/parcours/page.tsx

@@ -1,5 +1,6 @@
-import { Metadata } from 'next';
 import { EQuestionType } from '#components/faq-parcours/question';
+import getSession from '#utils/server-side-helper/app/get-session';
+import { Metadata } from 'next';
 import ParcoursQuestions from './_components/parcours-questions';
 
 export const metadata: Metadata = {
@@ -10,19 +11,20 @@ export const metadata: Metadata = {
   },
 };
 
-export default function Parcours({
+export default async function Parcours({
   searchParams,
 }: {
   searchParams?: { question?: string };
 }) {
   const question = (searchParams?.question ?? '') as EQuestionType;
+  const session = await getSession();
 
   return (
     <>
       <h1>Bonjour, comment pouvons-nous vous aider ?</h1>
       <p>Pour commencer, faisons connaissance :</p>
       <strong>Qui êtes-vous ?</strong>
-      <ParcoursQuestions question={question} />
+      <ParcoursQuestions session={session} question={question} />
       <div style={{ marginTop: '200px' }} />
     </>
   );

components/faq-parcours/question.tsx

@@ -2,6 +2,7 @@ import { MultiChoice } from '#components-ui/multi-choice';
 import TextWrapper from '#components-ui/text-wrapper';
 import { allDataToModify } from '#models/administrations/data-to-modify';
 import { IFaqArticle } from '#models/article/faq';
+import { ISession } from '#models/user/session';
 import { PropsWithChildren, useEffect, useRef, useState } from 'react';
 export enum EQuestionType {
   LOADER = 'loader',
@@ -15,13 +16,15 @@ type IProps = {
   setQuestionType: (type: EQuestionType) => void;
   userType: string;
   questions: IFaqArticle[];
+  session: ISession | null;
 };
 
 export default function Question({
   questionType,
   setQuestionType,
   userType,
   questions = [],
+  session,
 }: IProps) {
   const bottomRef = useRef(null);
 
@@ -63,11 +66,13 @@ export default function Question({
           <div className="layout-center">
             <iframe
               title="Contact Form"
-              src={`https://plugins.crisp.chat/urn:crisp.im:contact-form:0/contact/${process.env.NEXT_PUBLIC_CRISP_WEBSITE_ID}`}
+              src={`https://plugins.crisp.chat/urn:crisp.im:contact-form:0/contact/064fca1b-bdd6-4a81-af56-9f38e40953ad?type=${userType}${
+                session?.user?.email ? `&email=${session?.user?.email}` : ''
+              }`}
               referrerPolicy="origin"
               sandbox="allow-forms allow-popups allow-scripts allow-same-origin"
               width="100%"
-              height="600px"
+              height="550px"
               frameBorder="0"
             ></iframe>
           </div>