// import { type Citizen } from "#src/api/data/franceconnect"; import { type FranceConnectUserInfoResponse } from "@proconnect-gouv/proconnect.identite/types"; // export default function SelectPage({ citizens, redirect_to_sp_url, }: SelectPageProps) { return ` Connexion 🎭 FranceConnect 🎭

🎭 FranceConnect 🎭

${Array.from(citizens.values()) .map((people) => ProfileForm(people)) .join("")}

Clique sur un des citoyens pour l'impersonifier

Revenir sur votre fournisseur de service
`; } function ProfileForm(props: { avataaars: string; user_info: FranceConnectUserInfoResponse; }) { const { avataaars, user_info } = props; return `

[${user_info.given_name} ${user_info.family_name}] 
${JSON.stringify(user_info, null, 2)}
${Object.entries(user_info) .map( ([key, value]) => `` + ``, ) .join("
")}
`; } type SelectPageProps = { citizens: Citizen[]; redirect_to_sp_url: string; };