@1024pix/epreuves-components 4.2.0 → 4.4.0

package/dist/props.examples.js

@@ -1,19 +1,19 @@
-const s = [{ subject: "Votre nouvel avis d’imposition est disponible", from: { name: "Impost.g0uv", address: "no-reply@impost.g0uv.fr" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Votre avis d’imposition est désormais en ligne.", "Pour consulter rapidement,", "merci de vous connecter à votre espace particulier via le lien ci-dessous."] }, { type: "button", name: "Accéder à mon espace particulier" }, { type: "paragraph", content: ["Cordialement,"] }, { type: "paragraph", content: ["Service des impôts"] }], answers: ["from.name", "from.address"], correctFeedback: "Le nom de l’expéditeur est orthographié ‘impost.g0uv’ au lieu de ‘impots.gouv’. Les erreurs dans les noms ou dans les adresses mail sont de bons indicateurs d’arnaques.", incorrectFeedback: "Observez bien l’orthographe du nom et de l’adresse d’expéditeur. Retentez votre chance !" }, { subject: "Notification de facture impayée — EDF", from: { name: "EDF Service Client", address: "support.edf-client@yxztbnc85de.ru" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Nous n’avons pas reçu le règlement de votre dernière facture.", "Veuillez consulter le détail et effectuer le paiement sécurisé", "dans les 48h pour éviter la suspension de votre abonnement."] }, { type: "button", name: "Voir ma facture" }, { type: "paragraph", content: ["Merci,"] }, { type: "paragraph", content: ["EDF — Service Client"] }], answers: ["from.address"], correctFeedback: "La partie après l’arobase de l’adresse mail ‘yxztbnc85de.ru’ n’a aucun lien avec EDF ou la demande, et n’est même pas compréhensible. C’est un indicateur de hameçonnage.", incorrectFeedback: "Concentrez-vous sur l’adresse mail de l’expediteur. Retentez votre chance !" }, { subject: "Amende impayée - Service des infractions", from: { name: "Service des infractions", address: "infractions@amendes-en-retard.com" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Nous vous informons que vous avez un retard de paiement d’une amende de 85€ auprès de l’Agence de Traitement Automatisé des Infractions (ANTAI).", "Référence de dossier : ML854YD9.", "Veuillez noter que si vous ne payez pas cette amende dans les prochaines 24 h,", "vous devrez payer une majoration à hauteur de 250€.", "Veuillez régulariser votre situation dans les plus brefs délais."] }, { type: "button", name: "Payr mon amende" }, { type: "paragraph", content: ["Cordialement,"] }, { type: "paragraph", content: ["Service des infractions de l’ANTAI"] }], answers: ["from.address"], correctFeedback: "L’adresse de l’expéditeur ne correspond à aucun organisme officiel. Les incohérences dans les noms et les adresses mails sont de bons indicateurs d’arnaques.", incorrectFeedback: "Observez bien le nom et l’adresse de l’expéditeur. Retentez votre chance ! " }], n = {
-  mails: s
+const t = [{ subject: "Votre nouvel avis d’imposition est disponible", from: { name: "Impost.g0uv", address: "no-reply@impost.g0uv.fr" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Votre avis d’imposition est désormais en ligne.", "Pour consulter rapidement,", "merci de vous connecter à votre espace particulier via le lien ci-dessous."] }, { type: "button", name: "Accéder à mon espace particulier" }, { type: "paragraph", content: ["Cordialement,"] }, { type: "paragraph", content: ["Service des impôts"] }], answers: ["from.name", "from.address"], correctFeedback: "Le nom de l’expéditeur est orthographié ‘impost.g0uv’ au lieu de ‘impots.gouv’. Les erreurs dans les noms ou dans les adresses mail sont de bons indicateurs d’arnaques.", incorrectFeedback: "Observez bien l’orthographe du nom et de l’adresse d’expéditeur. Retentez votre chance !" }, { subject: "Notification de facture impayée — EDF", from: { name: "EDF Service Client", address: "support.edf-client@yxztbnc85de.ru" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Nous n’avons pas reçu le règlement de votre dernière facture.", "Veuillez consulter le détail et effectuer le paiement sécurisé", "dans les 48h pour éviter la suspension de votre abonnement."] }, { type: "button", name: "Voir ma facture" }, { type: "paragraph", content: ["Merci,"] }, { type: "paragraph", content: ["EDF — Service Client"] }], answers: ["from.address"], correctFeedback: "La partie après l’arobase de l’adresse mail ‘yxztbnc85de.ru’ n’a aucun lien avec EDF ou la demande, et n’est même pas compréhensible. C’est un indicateur de hameçonnage.", incorrectFeedback: "Concentrez-vous sur l’adresse mail de l’expediteur. Retentez votre chance !" }, { subject: "Amende impayée - Service des infractions", from: { name: "Service des infractions", address: "infractions@amendes-en-retard.com" }, body: [{ type: "paragraph", content: ["Bonjour,"] }, { type: "paragraph", content: ["Nous vous informons que vous avez un retard de paiement d’une amende de 85€ auprès de l’Agence de Traitement Automatisé des Infractions (ANTAI).", "Référence de dossier : ML854YD9.", "Veuillez noter que si vous ne payez pas cette amende dans les prochaines 24 h,", "vous devrez payer une majoration à hauteur de 250€.", "Veuillez régulariser votre situation dans les plus brefs délais."] }, { type: "button", name: "Payr mon amende" }, { type: "paragraph", content: ["Cordialement,"] }, { type: "paragraph", content: ["Service des infractions de l’ANTAI"] }], answers: ["from.address"], correctFeedback: "L’adresse de l’expéditeur ne correspond à aucun organisme officiel. Les incohérences dans les noms et les adresses mails sont de bons indicateurs d’arnaques.", incorrectFeedback: "Observez bien le nom et l’adresse de l’expéditeur. Retentez votre chance ! " }], n = {
+  mails: t
 }, o = 2, i = {
   titleLevel: o
-}, r = 2, a = "https://assets.pix.org/modules/capacity-calculation/capacity-initial.svg", c = {
-  titleLevel: r,
-  capacityImage: a
-}, u = { src: "https://assets.pix.org/modules/salon-connecte.webp", alt: "Salon connecté", width: 1536, height: 1024 }, p = [{ coords: { x1: 390, y1: 120, x2: 842, y2: 400 }, info: "Pixvidéo : Vous avez aimé « Les chroniques de Flundertown », vous aimerez sûrement « Autant en emporte les fleurs »." }, { coords: { x1: 510, y1: 588, x2: 702, y2: 635 }, info: "Jeu vidéo : Kart Party, le jeu s’adapte en fonction du niveau du joueur" }, { coords: { x1: 248, y1: 398, x2: 325, y2: 492 }, info: "Enceinte connectée : Paramètre activé « Reconnaissance vocale »" }, { coords: { x1: 828, y1: 560, x2: 1042, y2: 725 }, info: "ChatPix : « Que puis-je faire pour toi aujourd’hui ? »", tooltipPosition: "bottom" }, { coords: { x1: 122, y1: 796, x2: 318, y2: 916 }, info: "Robot aspirateur : Paramètre activé « Détection automatique des obstacles et adaptation du parcours »" }, { coords: { x1: 986, y1: 148, x2: 1100, y2: 230 }, info: "Thermostat mural : Paramètre activé « Température idéale et économie d’énergie »", tooltipPosition: "bottom" }], l = {
+}, a = 2, r = "https://assets.pix.org/modules/capacity-calculation/capacity-initial.svg", c = {
+  titleLevel: a,
+  capacityImage: r
+}, u = { src: "https://assets.pix.org/modules/salon-connecte.webp", alt: "Salon connecté", width: 1536, height: 1024 }, l = [{ coords: { x1: 390, y1: 120, x2: 842, y2: 400 }, info: "Pixvidéo : Vous avez aimé « Les chroniques de Flundertown », vous aimerez sûrement « Autant en emporte les fleurs »." }, { coords: { x1: 510, y1: 588, x2: 702, y2: 635 }, info: "Jeu vidéo : Kart Party, le jeu s’adapte en fonction du niveau du joueur" }, { coords: { x1: 248, y1: 398, x2: 325, y2: 492 }, info: "Enceinte connectée : Paramètre activé « Reconnaissance vocale »" }, { coords: { x1: 828, y1: 560, x2: 1042, y2: 725 }, info: "ChatPix : « Que puis-je faire pour toi aujourd’hui ? »", tooltipPosition: "bottom" }, { coords: { x1: 122, y1: 796, x2: 318, y2: 916 }, info: "Robot aspirateur : Paramètre activé « Détection automatique des obstacles et adaptation du parcours »" }, { coords: { x1: 986, y1: 148, x2: 1100, y2: 230 }, info: "Thermostat mural : Paramètre activé « Température idéale et économie d’énergie »", tooltipPosition: "bottom" }], p = {
   image: u,
-  areas: p
+  areas: l
 }, m = { src: "https://assets.pix.org/modules/salon-connecte.webp", alt: "Salon connecté", width: 1536, height: 1024 }, d = [{ coords: { x1: 390, y1: 120, x2: 842, y2: 400 }, spot: { y: 130 }, info: "Pixvidéo : Vous avez aimé « Les chroniques de Flundertown », vous aimerez sûrement « Autant en emporte les fleurs »." }, { coords: { x1: 510, y1: 588, x2: 702, y2: 635 }, info: "Jeu vidéo : Kart Party, le jeu s’adapte en fonction du niveau du joueur" }, { coords: { x1: 248, y1: 398, x2: 325, y2: 492 }, spot: { x: 34 }, info: "Enceinte connectée : Paramètre activé « Reconnaissance vocale »" }, { coords: { x1: 828, y1: 560, x2: 1042, y2: 725 }, info: "ChatPix : « Que puis-je faire pour toi aujourd’hui ? »", tooltipPosition: "bottom" }, { coords: { x1: 122, y1: 796, x2: 318, y2: 916 }, spot: { x: 34, y: -24 }, info: "Robot aspirateur : Paramètre activé « Détection automatique des obstacles et adaptation du parcours »" }, { coords: { x1: 986, y1: 148, x2: 1100, y2: 230 }, spot: { x: 34, y: -24 }, info: "Thermostat mural : Paramètre activé « Température idéale et économie d’énergie »", tooltipPosition: "bottom" }], v = {
   image: m,
   areas: d
-}, g = 2, b = [[{ name: "chocolat", percent: 100 }, { name: "beurre", percent: 80 }, { name: "sucre", percent: 80 }, { name: "sirop", percent: 60 }, { name: "caramel", percent: 43 }, { name: "miel", percent: 25 }, { name: "fromage", percent: 20 }], [{ name: "et", percent: 100 }, { name: "avec", percent: 80 }, { name: "fondu", percent: 80 }, { name: "avec", percent: 60 }, { name: "dedans", percent: 43 }], [{ name: "du", percent: 100 }, { name: "puis", percent: 80 }], [{ name: "sucre", percent: 100 }, { name: "miel", percent: 80 }, { name: "caramel", percent: 60 }, { name: "chocolat", percent: 20 }]], f = "Avec quoi peut-on tartiner une crêpe pour qu’elle soit bonne ?", h = "On peut mettre du ", x = ["beurre", "et", "du "], _ = {
-  titleLevel: g,
-  listOfProbabilityBarsLists: b,
+}, b = 2, g = [[{ name: "chocolat", percent: 100 }, { name: "beurre", percent: 80 }, { name: "sucre", percent: 80 }, { name: "sirop", percent: 60 }, { name: "caramel", percent: 43 }, { name: "miel", percent: 25 }, { name: "fromage", percent: 20 }], [{ name: "et", percent: 100 }, { name: "avec", percent: 80 }, { name: "fondu", percent: 80 }, { name: "avec", percent: 60 }, { name: "dedans", percent: 43 }], [{ name: "du", percent: 100 }, { name: "puis", percent: 80 }], [{ name: "sucre", percent: 100 }, { name: "miel", percent: 80 }, { name: "caramel", percent: 60 }, { name: "chocolat", percent: 20 }]], f = "Avec quoi peut-on tartiner une crêpe pour qu’elle soit bonne ?", h = "On peut mettre du ", x = ["beurre", "et", "du "], _ = {
+  titleLevel: b,
+  listOfProbabilityBarsLists: g,
   userMessage: f,
   llmMessage: h,
   wordsToAdd: x
@@ -31,29 +31,31 @@ const s = [{ subject: "Votre nouvel avis d’imposition est disponible", from: {
   quizzes: k
 }, M = ["r7&Kp9!qZ4#tV2", "MonCh@t!23", "Bonjour1", "1234567"], I = {
   passwords: M
-}, E = "Conversation entre Emma et Gustave à propos d’un prompt", D = 20, V = [{ userName: "Gustave", direction: "incoming", type: "Texte", content: "Je ne comprends pas... Toi, t’arrives à faire plein de choses avec l’IA, avec moi ça ne marche pas !😒" }, { userName: "Emma", direction: "outgoing", type: "Texte", content: "Ah bon ? 🤖" }, { userName: "Emma", direction: "outgoing", type: "Texte + Image", content: "Quel prompt as-tu utilisé ?", image: { src: "https://epreuves.pix.fr/images/onu4.jpg", alt: "Martin pêcheur en fait" } }, { userName: "Gustave", direction: "incoming", type: "Texte", content: 'Je veux informer les joueurs donc mon prompt c’était "Invite tous les joueurs aux tournois".' }, { userName: "Emma", direction: "outgoing", type: "Texte", content: `C’est normal, ton prompt est trop flou ! L’IA ne peut pas deviner ce que tu veux. 😉
-Il y a des techniques pour améliorer les résultats. 💡` }], B = {
+}, E = "Conversation entre Emma et Gustave à propos d’un prompt", V = 20, D = [{ userName: "Gustave", direction: "incoming", type: "Texte", content: "Je ne comprends pas... Toi, t’arrives à faire plein de choses avec l’IA, avec moi ça ne marche pas !😒" }, { userName: "Emma", direction: "outgoing", type: "Texte", content: "Ah bon ? 🤖" }, { userName: "Emma", direction: "outgoing", type: "Texte + Image", content: "Quel prompt as-tu utilisé ?", image: { src: "https://epreuves.pix.fr/images/onu4.jpg", alt: "Martin pêcheur en fait" } }, { userName: "Gustave", direction: "incoming", type: "Texte", content: 'Je veux informer les joueurs donc mon prompt c’était "Invite tous les joueurs aux tournois".' }, { userName: "Emma", direction: "outgoing", type: "Texte", content: `C’est normal, ton prompt est trop flou ! L’IA ne peut pas deviner ce que tu veux. 😉
+Il y a des techniques pour améliorer les résultats. 💡` }], R = {
   conversationTitle: E,
-  animationSpeed: D,
-  messages: V
-}, O = 2, R = {
-  titleLevel: O
-}, w = [{ name: "Célébrité", icon: "celebrity" }, { name: "Commerce", icon: "business" }, { name: "Particulier", icon: "person" }, { name: "Service public", icon: "publicService" }, { name: "Entreprise", icon: "company" }], $ = [{ icon: "bubble", sender: "IMPOTS-GOUV", content: "Remboursement fiscal de 500e", category: "Service public", time: { minutes: -3 } }, { icon: "letter", sender: "service@enegie.com", content: "Non paiement !!", category: "Entreprise", time: { minutes: -9 } }, { icon: "arobase", sender: "Squizee", content: "Viens à ma soirée d'influenceur", category: "Célébrité", time: { minutes: -34 } }, { icon: "bubble", sender: "ANTAI", content: "Amende plus chère", category: "Service public", time: { minutes: -42 } }, { icon: "letter", sender: "service@fnac.com", content: "Trop chère", category: "Entreprise", time: { minutes: -128 } }], F = "Souvent, les escrocs envoient de faux messages qui semblent venir d’un proche, d’une célébrité ou d’un service connu pour gagner votre confiance.", U = {
-  categories: w,
-  notifications: $,
-  informationMessage: F
-}, G = 2, J = [{ fullSentence: [{ content: "J'habite au 12 rue des Lilas, Joliville,", isAnonymizable: !0 }, { content: "je m'appelle Cédric Fostabley,", isAnonymizable: !0 }, { content: "je suis maçon" }, { content: "mon numéro est le 06 12 34 56 78.", isAnonymizable: !0 }, { content: "Peux-tu me faire une carte de visite professionnelle et originale?" }], rephrase: "Je suis maçon et j’aimerai une idée de carte de visite professionnelle et originale. Peux tu me proposer un modèle que je pourrais compléter avec mes informations ?", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }, { fullSentence: [{ content: "Peux-tu écrire une lettre" }, { content: "pour le docteur Vanderbrooke", isAnonymizable: !0 }, { content: "lui demandant de soigner" }, { content: "Madame Sarfati", isAnonymizable: !0 }, { content: "suivie pour son diabète" }, { content: "depuis 5 ans ?" }], rephrase: "Peux-tu écrire une lettre pour un collègue médecin lui demandant de prendre en charge une patiente que je suis pour son diabète depuis 5 ans déjà ?", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }, { fullSentence: [{ content: "Peux-tu rédiger un mail pour mon équipe" }, { content: "afin de lui rappeler que le mot de passe du wifi est AzErTy2024!", isAnonymizable: !0 }, { content: "et qu’ils doivent suivre le mode d’emploi suivant :" }, { content: " http://intranet.example.invalid/procedure-connexion", isAnonymizable: !0 }, { content: "pour s’y connecter ?" }], rephrase: "Peux-tu me proposer un exemple de mail expliquant à une équipe comment se connecter au WiFi d’une organisation ?Je compléterai moi-même ensuite les informations sensibles (mot de passe, lien interne, instructions).", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }], Q = {
-  titleLevel: G,
-  steps: J
-}, H = 2, W = "🔴 Une vidéo de la maire de la capitale crée la polémique", Y = "Rédaction Locale", K = "14 mai 2025", Z = ["Une vidéo diffusée ce matin montre la maire de la capitale, Claire Durand, déclarant : « Il faut faire de la place aux jeunes. À partir de l’an prochain, les personnes âgées n’auront plus accès aux parcs municipaux ».", "Relayée massivement sur les réseaux, la séquence suscite de vives réactions, dénonçant des propos « discriminatoires ». Certains demandent la démission immédiate de la maire. Mais l’après-midi même, la mairie réagit : {{highlightedSentence}}, affirme le service communication. La vidéo a été retirée des réseaux sociaux, à la demande de la mairie. Une plainte a été déposée."], X = "« Il s’agit d’un deepfake »", ee = "#bb0101", te = {
-  titleLevel: H,
-  articleTitle: W,
-  author: Y,
-  date: K,
-  paragraphs: Z,
-  highlightedSentence: X,
-  colorOfHighlightSentence: ee
-}, se = 2, ne = "image", oe = !1, ie = [{ title: "Situation A", description: "Super description!", image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: 'une alternative A avec des "double quotes"' } }, { title: "Situation B", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at imperdiet libero, eget suscipit enim. Proin in nibh id ligula tempus suscipit eu at dolor. Fusce tincidunt gravida turpis, a sagittis ex bibendum nec. Morbi hendrerit lectus sed libero tristique, non luctus diam ultricies. Cras in quam consectetur, tempor quam id, euismod turpis. Duis faucibus erat lectus, blandit mattis lectus euismod quis. Duis imperdiet volutpat metus at varius. Nunc vitae mattis leo, ac vehicula urna. Mauris euismod eleifend lorem quis porta. Quisque ac diam sollicitudin nisl convallis ullamcorper. Donec ut suscipit arcu.", image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: "une alternative B" } }, { title: "Liste non ordonnée", description: `
+  animationSpeed: V,
+  messages: D
+}, B = 2, O = {
+  titleLevel: B
+}, w = 2, $ = {
+  titleLevel: w
+}, F = [{ name: "Célébrité", icon: "celebrity" }, { name: "Commerce", icon: "business" }, { name: "Particulier", icon: "person" }, { name: "Service public", icon: "publicService" }, { name: "Entreprise", icon: "company" }], U = [{ icon: "bubble", sender: "IMPOTS-GOUV", content: "Remboursement fiscal de 500e", category: "Service public", time: { minutes: -3 } }, { icon: "letter", sender: "service@enegie.com", content: "Non paiement !!", category: "Entreprise", time: { minutes: -9 } }, { icon: "arobase", sender: "Squizee", content: "Viens à ma soirée d'influenceur", category: "Célébrité", time: { minutes: -34 } }, { icon: "bubble", sender: "ANTAI", content: "Amende plus chère", category: "Service public", time: { minutes: -42 } }, { icon: "letter", sender: "service@fnac.com", content: "Trop chère", category: "Entreprise", time: { minutes: -128 } }], G = "Souvent, les escrocs envoient de faux messages qui semblent venir d’un proche, d’une célébrité ou d’un service connu pour gagner votre confiance.", J = {
+  categories: F,
+  notifications: U,
+  informationMessage: G
+}, Q = 2, H = [{ fullSentence: [{ content: "J'habite au 12 rue des Lilas, Joliville,", isAnonymizable: !0 }, { content: "je m'appelle Cédric Fostabley,", isAnonymizable: !0 }, { content: "je suis maçon" }, { content: "mon numéro est le 06 12 34 56 78.", isAnonymizable: !0 }, { content: "Peux-tu me faire une carte de visite professionnelle et originale?" }], rephrase: "Je suis maçon et j’aimerai une idée de carte de visite professionnelle et originale. Peux tu me proposer un modèle que je pourrais compléter avec mes informations ?", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }, { fullSentence: [{ content: "Peux-tu écrire une lettre" }, { content: "pour le docteur Vanderbrooke", isAnonymizable: !0 }, { content: "lui demandant de soigner" }, { content: "Madame Sarfati", isAnonymizable: !0 }, { content: "suivie pour son diabète" }, { content: "depuis 5 ans ?" }], rephrase: "Peux-tu écrire une lettre pour un collègue médecin lui demandant de prendre en charge une patiente que je suis pour son diabète depuis 5 ans déjà ?", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }, { fullSentence: [{ content: "Peux-tu rédiger un mail pour mon équipe" }, { content: "afin de lui rappeler que le mot de passe du wifi est AzErTy2024!", isAnonymizable: !0 }, { content: "et qu’ils doivent suivre le mode d’emploi suivant :" }, { content: " http://intranet.example.invalid/procedure-connexion", isAnonymizable: !0 }, { content: "pour s’y connecter ?" }], rephrase: "Peux-tu me proposer un exemple de mail expliquant à une équipe comment se connecter au WiFi d’une organisation ?Je compléterai moi-même ensuite les informations sensibles (mot de passe, lien interne, instructions).", feedback: "On reformule ici afin d’éviter de donner des informations perso à une IA, c’est pas bieng faut pas le faire" }], W = {
+  titleLevel: Q,
+  steps: H
+}, Y = 2, K = "🔴 Une vidéo de la maire de la capitale crée la polémique", Z = "Rédaction Locale", X = "14 mai 2025", ee = ["Une vidéo diffusée ce matin montre la maire de la capitale, Claire Durand, déclarant : « Il faut faire de la place aux jeunes. À partir de l’an prochain, les personnes âgées n’auront plus accès aux parcs municipaux ».", "Relayée massivement sur les réseaux, la séquence suscite de vives réactions, dénonçant des propos « discriminatoires ». Certains demandent la démission immédiate de la maire. Mais l’après-midi même, la mairie réagit : {{highlightedSentence}}, affirme le service communication. La vidéo a été retirée des réseaux sociaux, à la demande de la mairie. Une plainte a été déposée."], se = "« Il s’agit d’un deepfake »", te = "#bb0101", ne = {
+  titleLevel: Y,
+  articleTitle: K,
+  author: Z,
+  date: X,
+  paragraphs: ee,
+  highlightedSentence: se,
+  colorOfHighlightSentence: te
+}, oe = 2, ie = "image", ae = !1, re = [{ title: "Situation A", description: "Super description!", image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: 'une alternative A avec des "double quotes"' } }, { title: "Situation B", description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at imperdiet libero, eget suscipit enim. Proin in nibh id ligula tempus suscipit eu at dolor. Fusce tincidunt gravida turpis, a sagittis ex bibendum nec. Morbi hendrerit lectus sed libero tristique, non luctus diam ultricies. Cras in quam consectetur, tempor quam id, euismod turpis. Duis faucibus erat lectus, blandit mattis lectus euismod quis. Duis imperdiet volutpat metus at varius. Nunc vitae mattis leo, ac vehicula urna. Mauris euismod eleifend lorem quis porta. Quisque ac diam sollicitudin nisl convallis ullamcorper. Donec ut suscipit arcu.", image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: "une alternative B" } }, { title: "Liste non ordonnée", description: `
   <ul>
 <li>Ruben</li>
        <li>Chase</li>
@@ -66,65 +68,68 @@ Il y a des techniques pour améliorer les résultats. 💡` }], B = {
   <li>Zuma</li>
          <li>Stella</li>
        </ol>
-`, image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: "" } }], re = {
-  titleLevel: se,
-  type: ne,
-  disableAnimation: oe,
-  slides: ie
-}, ae = 2, ce = {
-  titleLevel: ae
-}, ue = [{ label: "Bon", feedback: { type: "good", text: "OUI, ÇA SENT LA PATATE ! 🎉" } }, { label: "Presque", feedback: { type: "close", text: "PATATE 🥔" } }, { label: "Neutre", feedback: { type: "neutral", text: "POUET 💨" } }, { label: "Incorrect", feedback: { type: "bad", text: "❌ C'EST NON! Et voici pourquoi : <br>Quis elit cupidatat commodo adipisicing aliqua qui commodo proident ipsum dolore culpa in. Mollit eiusmod elit sint in aute nulla enim. Sit sint in sunt esse excepteur cupidatat et adipisicing nulla excepteur consectetur reprehenderit est ipsum. Cupidatat proident est pariatur minim labore excepteur culpa aliqua consectetur laboris voluptate consectetur enim nulla laboris. Aliquip occaecat irure sunt. Laboris eiusmod eu dolor veniam minim proident. Elit consequat est occaecat." } }], pe = {
-  options: ue
-}, le = { title: "Titre 1", llmName: "Nono" }, me = { title: "Autre Titre de ouf la dinguerie c'est long", llmName: "Jaja" }, de = "Bob", ve = [{ direction: "outbound", content: "<p>Comment aller facilement de Rennes à Brest en train demain ?</p>" }, [{ direction: "inbound", content: "<p>Voici les itinéraires de demain :<br>Train OUIGO, durée 2h15 08h22 --> 10h37<br>TGV INOUI, durée 2h13 09h33 --> 11h46</p>" }, { direction: "inbound", content: "<p>Pour aller facilement de Rennes à Brest en train demain, plusieurs options directes sont disponibles :<br>08h22 - 10h37 : OUIGO, direct, environ 2h15 ;<br>09h33 - 11h46 : TGV INOUI, direct, environ 2h13.</p>" }], { direction: "outbound", content: "<p>Et qu'est-ce que je peux visiter à Brest ?</p>" }, [{ direction: "inbound", content: "<p>Je ne peux pas vous aider désolé. Votre demande ne correspond pas aux services que je propose. Est-ce que vous voulez de l’aide pour réserver un billet de train ?</p>" }, { direction: "inbound", content: "<p>Voici 3 endroits incontournables à Brest :<br>Océanopolis : grand aquarium dédié aux écosystèmes marins.<br>Château de Brest : forteresse avec musée maritime.<br>Ateliers des Capucins : espace culturel moderne accessible en téléphérique.</p>" }]], ge = {
-  conversation1: le,
-  conversation2: me,
-  userName: de,
-  messages: ve
-}, be = [{ direction: "outbound", content: "Bonjour" }, { direction: "inbound", content: "<strong>Bonjour,</strong> je m’appelle ChatPix !<br>Comment puis-je vous aider aujourd’hui ?<br>Avez-vous besoin d’une recette de cookie géant ?" }, { direction: "outbound", content: "Pourquoi pas..." }, { direction: "inbound", content: "Pour faire un cookie géant, prenez une recette de cookie, et multipliez toutes les doses par 10.<br>Ensuite au lieu de faire des petits tas de pate, faites un gros tas de pate sur votre plaque de cuisson.<br><strong>Et voilà !</strong>" }, { direction: "outbound", content: "Elle est bizarre ta recette." }, { direction: "inbound", content: "Désolé si ma recette ne vous plaît pas, souhaitez-vous une recette différente ?" }, { direction: "outbound", content: "Non." }], fe = {
-  messages: be
-}, he = [{ direction: "inbound", content: "<strong>Bonjour,</strong> je m’appelle ChatPix !<br>Comment puis-je vous aider aujourd’hui ?" }], xe = [{ prompt: "Traduis le mot racoon en français.", response: 'Le mot "racoon" se traduit par "raton laveur" en français.' }, { prompt: "Écris un modèle de mail de remerciement.", response: "Objet : Merci<br><br>Bonjour [Prénom],<br>Merci pour [votre aide / notre échange / votre temps].<br>Bien à vous,<br>[Votre prénom]" }, { prompt: "Liste-moi 10 noms de chiens.", response: "1. Tokyo<br>2. Nala<br>3. Milou<br>4. Sushi<br>5. Luna<br>6. Apéro<br>7. Simba<br>8. Paco<br>9. Bart<br>10. Cookie" }], _e = {
-  messages: he,
-  prompts: xe
-}, ye = { reply: "disabled", menuActions: { markAsUnread: "disabled", blockSender: "hidden" } }, qe = { subject: "Votre facture #A‑91382", time: { days: -2, minutes: -5 }, body: "salut [monsieur/madame]<br> ceci est un lien <a href='http://www.test.com'>link Fake</a><br> cho'", sender: { name: "Micr0sofot", address: "billing@micros0ft.com", avatarColor: "#f24645" }, previousMail: { time: { days: -5, minutes: -10 }, body: "[Madame, / Monsieur,]<br><br>Nous vous remercions sincèrement pour votre message et l’intérêt que vous portez à [Nom de votre entreprise] ainsi qu’à nos services.Nous répondrons à votre message dans les plus brefs délais et restons à votre disposition pour toute demande supplémentaire, y compris une rencontre personnelle si vous le souhaitez. D’ici là, vous pouvez obtenir des informations complémentaires sur nos [Produits/Services] en consultant, par exemple, nos réseaux sociaux sur [Lien vers les réseaux sociaux, par exemple, YouTube] ou en téléchargeant notre [Lien de téléchargement, tel qu’une présentation d’entreprise ou un document technique].<br>Chaleureusement,<br>L’équipe de [Nom de votre entreprise]", sender: { name: "Alex" } } }, je = {
-  actions: ye,
-  mail: qe
-}, Ce = 2, Le = [{ title: "Première situation : Se protéger", description: "Utilisez l’interface pour ne plus recevoir de message en provenance de cette adresse mail.", actions: { return: "disabled", menuActions: { markAsUnread: "hidden", reportSpam: "hidden" } }, goodAction: "blockSender", mail: { subject: "[URGENT] Votre accès sera suspendu", sender: { name: "Bnq secure", address: "alert@bnq-secure.link", avatarColor: "#2f80ed" }, body: "Bonjour, <br><br>Nous avons détecté une activité suspecte sur votre compte.Par mesure de sécurité, l’accès sera suspendu dans les 2 heures si vous ne confirmez pas vos informations.<br><br>Confirmez votre compte ici : <a href='fake'>http://securite-compte-verification.com</a><br><br>Sans confirmation, vos services seront définitivement bloqués. Support Client MaBanque", time: { minutes: -5 } } }, { title: "Deuxième situation : Protéger les autres", description: "Le mail suivant est aussi frauduleux. Utilisez l’interface pour signaler le message et aider à renforcer les filtres anti‑spam.", actions: { return: "disabled", menuActions: { markAsUnread: "hidden" } }, goodAction: "reportSpam", mail: { subject: "Mise à jour de vos données Microsoft", sender: { name: " Service Données Utilisateurs", address: "donnees-gestion-utilisateurs@service-microsoft.com", avatarColor: "#2f80ed" }, body: "Bonjour,<br><br>Dans le cadre de l’évolution de notre politique de traitement des données personnelles, une validation de vos informations est désormais obligatoire. Veuillez mettre à jour vos informations dans les 3 jours.<br><br>Merci de vérifier et compléter vos informations via le portail sécurisé : <a href='fake'>http://portail-donnees-utilisateur-microsoft.com</a><br><br>Cordialement, Service Données & Conformité Microsoft", time: { minutes: -10 } } }], ze = {
-  titleLevel: Ce,
-  steps: Le
-}, Se = 2, Ae = "https://epreuves.pix.fr/images/camtasia.png", Pe = "https://epreuves.pix.fr/images/icones/actu.jpg", Te = "https://epreuves.pix.fr/images/icones/avg.png", ke = "https://epreuves.pix.fr/images/icones/avira.svg", Ne = {
-  titleLevel: Se,
-  successImage: Ae,
-  failImage: Pe,
-  infoImage: Te,
-  searchImage: ke
-}, Me = 2, Ie = [{ question: "Quelle version de ce message vous inciterait le plus à réagir ?", feedback: { success: "Effectivement, même si les deux messages transmettent la même idée, le second message crée un sentiment d’urgence et de menace. C’est un biais de cadrage : la manière dont l’information est présentée influence notre réaction.", failed: "Ici, même si les deux messages transmettent la même idée, le second message crée un sentiment d’urgence et de menace. C’est un biais de cadrage : la manière dont l’information est présentée influence notre réaction." }, choice1: { title: "Message 1", content: `Bonjour, 
- une facture est arrivée à échéance. Merci de la régler dans les plus brefs délais.` }, choice2: { title: "Message 2", content: "⚠ URGENT : Si vous ne réglez pas cette facture sous 24h, votre compte sera suspendu et des pénalités financières s’appliqueront.", isGoodAnswer: !0 } }, { question: "Quelle belle deuxième question que voila ?", feedback: { success: "Bravo !", failed: "Dommage :(" }, choice1: { content: "CONTENT: Réponse 1 sans titre!" }, choice2: { content: "CONTENT: Réponse 2 sans titre!", isGoodAnswer: !0 } }, { question: "Quelle belle troisième non-question !", feedback: { success: "Bravo2 !", failed: "Dommage2 :(" }, choice1: { title: "TITLE : Bonne réponse", isGoodAnswer: !0 }, choice2: { title: "TITLE: Mauvaise réponse" } }], Ee = {
-  titleLevel: Me,
-  steps: Ie
-}, De = { username: "Yvette", content: "Ok, mais en cas de doute, je fais quoi ? La banque ça peut être urgent !", time: { minutes: -5 } }, Ve = "Xavier", Be = [{ content: "Répond STOP au SMS, ça va le bloquer.", goodIdea: !1, feedback: "Répondre STOP à un SMS d’arnaque ne permet pas de vérifier sa véracité ni de bloquer l’expéditeur.<br>Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }, { content: "Contacte ta banque au numéro habituel ou via ton application bancaire.", goodIdea: !0, feedback: "Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }, { content: "Rappelle directement le numéro qui t’a envoyé le message.", goodIdea: !1, feedback: "Rappeler le numéro, c’est prendre le risque de tomber sur un escroc qui vous manipulera.<br>Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }], Oe = {
-  incomingMessage: De,
-  username: Ve,
-  responseChoices: Be
-}, Re = "Votre facture #A‑91382", we = "billing@micros0ft.com", $e = "#f24645", Fe = "Micr0sofot", Ue = { days: -2, minutes: -5 }, Ge = "salut [monsieur/madame]<br> ceci est un lien <a href='http://www.test.com'>link Fake</a><br> cho'", Je = { time: { days: -5, minutes: -10 }, content: "[Madame, / Monsieur,]<br><br>Nous vous remercions sincèrement pour votre message et l’intérêt que vous portez à [Nom de votre entreprise] ainsi qu’à nos services.Nous répondrons à votre message dans les plus brefs délais et restons à votre disposition pour toute demande supplémentaire, y compris une rencontre personnelle si vous le souhaitez. D’ici là, vous pouvez obtenir des informations complémentaires sur nos [Produits/Services] en consultant, par exemple, nos réseaux sociaux sur [Lien vers les réseaux sociaux, par exemple, YouTube] ou en téléchargeant notre [Lien de téléchargement, tel qu’une présentation d’entreprise ou un document technique].<br>Chaleureusement,<br>L’équipe de [Nom de votre entreprise]", name: "Alex" }, Qe = {
-  subject: Re,
-  mailAddress: we,
-  avatarColor: $e,
-  expeditor: Fe,
-  time: Ue,
-  content: Ge,
-  previousMail: Je
-}, He = ["123456", "123456789", "azerty", "1234561", "qwerty", "marseille", "000000", "1234567891", "doudou", "12345"], We = "marseille", Ye = { success: { title: "Vous avez trouvé le mot de passe <b>d’Ulysse</b>", content: "Les <i>pirates</i> ont des listes contenant les mots de passe les plus fréquents, tous les mots du dictionnaire, des prénoms.<br>Ils utilisent des programmes informatiques qui permettent de tester des millions de mots en quelques secondes : on appelle ça une attaque par dictionnaire." }, failed: { title: "Eh non !", content: "Mot de passe incorrect. Réessayez avec un autre mot de passe." } }, Ke = {
-  passwords: He,
-  expectedPassword: We,
-  feedback: Ye
-}, Ze = { password: "Timeo2014", user: "emma_vtr" }, Xe = { success: { title: "Connexion réussie", content: "Quelqu’un qui vous connaît ou un <b>pirate informatique</b> qui cherche des informations personnelles à votre sujet peut facilement deviner ce type de mot de passe." }, failed: { title: "Mauvaise réponse", content: "Astuce : Comme Emma l’a dit à <i>Jennifer</i>, son mot de passe est composé du prénom de son fils et l’année de naissance de son chat. Réessayer en saisissant le bon mot de passe à l’aide de ces informations en complétant le champ adéquat." } }, et = { userName: "Emma_VTR", tag: "@emma_vtr", bio: "Bio : Fan de chats 🐱 · Voyage à Lisbonne 2023 🇵🇹 · Maman de Timéo 💕", location: "Paris, FR", publications: [{ date: "2024-12-09", content: "Déjà 10 ans que j'ai sauvé Misty ! 🐾💖 De petit chaton abandonné, il s'est transformé en panthère d'appartement !" }, { date: "2024-12-08", content: "Lisbonne, souvenirs d’été" }] }, tt = {
-  validations: Ze,
-  feedback: Xe,
-  userProfile: et
-}, st = /* @__PURE__ */ Object.assign({ "./analyse-mails-phishing/analyse-mails-phishing.example.props.json": n, "./calcul-impact/calcul-impact.example.props.json": i, "./capacity-calculation/capacity-calculation.example.props.json": c, "./clickable-image/clickable-image-without-spot.example.props.json": l, "./clickable-image/clickable-image.example.props.json": v, "./complete-phrase/complete-phrase.example.props.json": _, "./flip-cards/flip-cards.example.props.json": j, "./image-quiz/image-quiz.example.props.json": T, "./image-quiz/image-quizzes.example.props.json": N, "./mdp-classement/mdp-classement.example.props.json": I, "./message-conversation/message-conversation.example.props.json": B, "./phishing-message/phishing-message.example.props.json": R, "./phishing-notification/phishing-notification.example.props.json": U, "./pix-anonymisation/pix-anonymisation.example.props.json": Q, "./pix-article/pix-article.example.props.json": te, "./pix-carousel/pix-carousel.example.props.json": re, "./pix-combinaisons/pix-combinaisons.example.props.json": ce, "./pix-cursor/pix-cursor.example.props.json": pe, "./pix-llm/llm-compare-messages.example.props.json": ge, "./pix-llm/llm-messages.example.props.json": fe, "./pix-llm/llm-prompt-select.example.props.json": _e, "./pix-mail-message/pix-mail-message.example.props.json": je, "./proteger-mail-spam/proteger-mail-spam.example.props.json": ze, "./qcm-deepfake/qcm-deepfake.example.props.json": Ne, "./quiz-stepper/quiz-stepper.example.props.json": Ee, "./select-conversation/select-conversation.example.props.json": Oe, "./template-mail/template-mail.example.props.json": Qe, "./test-top-mdp/test-top-mdp.example.props.json": Ke, "./trouver-mdp-rs/trouver-mdp-rs.example.props.json": tt }), nt = Object.fromEntries(Object.entries(st).map(([e, t]) => [
+`, image: { src: "https://epreuves.pix.fr/_astro/connaitre_va1_profil2.DsTLuIpH.jpg", alt: "" } }], ce = {
+  titleLevel: oe,
+  type: ie,
+  disableAnimation: ae,
+  slides: re
+}, ue = 2, le = {
+  titleLevel: ue
+}, pe = [{ label: "Bon", feedback: { type: "good", text: "OUI, ÇA SENT LA PATATE ! 🎉" } }, { label: "Presque", feedback: { type: "close", text: "PATATE 🥔" } }, { label: "Neutre", feedback: { type: "neutral", text: "POUET 💨" } }, { label: "Incorrect", feedback: { type: "bad", text: "❌ C'EST NON! Et voici pourquoi : <br>Quis elit cupidatat commodo adipisicing aliqua qui commodo proident ipsum dolore culpa in. Mollit eiusmod elit sint in aute nulla enim. Sit sint in sunt esse excepteur cupidatat et adipisicing nulla excepteur consectetur reprehenderit est ipsum. Cupidatat proident est pariatur minim labore excepteur culpa aliqua consectetur laboris voluptate consectetur enim nulla laboris. Aliquip occaecat irure sunt. Laboris eiusmod eu dolor veniam minim proident. Elit consequat est occaecat." } }], me = {
+  options: pe
+}, de = { title: "Titre 1", llmName: "Nono" }, ve = { title: "Autre Titre de ouf la dinguerie c'est long", llmName: "Jaja" }, be = "Bob", ge = [{ direction: "outbound", content: "<p>Comment aller facilement de Rennes à Brest en train demain ?</p>" }, [{ direction: "inbound", content: "<p>Voici les itinéraires de demain :<br>Train OUIGO, durée 2h15 08h22 --> 10h37<br>TGV INOUI, durée 2h13 09h33 --> 11h46</p>" }, { direction: "inbound", content: "<p>Pour aller facilement de Rennes à Brest en train demain, plusieurs options directes sont disponibles :<br>08h22 - 10h37 : OUIGO, direct, environ 2h15 ;<br>09h33 - 11h46 : TGV INOUI, direct, environ 2h13.</p>" }], { direction: "outbound", content: "<p>Et qu'est-ce que je peux visiter à Brest ?</p>" }, [{ direction: "inbound", content: "<p>Je ne peux pas vous aider désolé. Votre demande ne correspond pas aux services que je propose. Est-ce que vous voulez de l’aide pour réserver un billet de train ?</p>" }, { direction: "inbound", content: "<p>Voici 3 endroits incontournables à Brest :<br>Océanopolis : grand aquarium dédié aux écosystèmes marins.<br>Château de Brest : forteresse avec musée maritime.<br>Ateliers des Capucins : espace culturel moderne accessible en téléphérique.</p>" }]], fe = {
+  conversation1: de,
+  conversation2: ve,
+  userName: be,
+  messages: ge
+}, he = [{ direction: "outbound", content: "Bonjour" }, { direction: "inbound", content: "<strong>Bonjour,</strong> je m’appelle ChatPix !<br>Comment puis-je vous aider aujourd’hui ?<br>Avez-vous besoin d’une recette de cookie géant ?" }, { direction: "outbound", content: "Pourquoi pas..." }, { direction: "inbound", content: "Pour faire un cookie géant, prenez une recette de cookie, et multipliez toutes les doses par 10.<br>Ensuite au lieu de faire des petits tas de pate, faites un gros tas de pate sur votre plaque de cuisson.<br><strong>Et voilà !</strong>" }, { direction: "outbound", content: "Elle est bizarre ta recette." }, { direction: "inbound", content: "Désolé si ma recette ne vous plaît pas, souhaitez-vous une recette différente ?" }, { direction: "outbound", content: "Non." }], xe = {
+  messages: he
+}, _e = [{ direction: "inbound", content: "<strong>Bonjour,</strong> je m’appelle ChatPix !<br>Comment puis-je vous aider aujourd’hui ?" }], ye = [{ prompt: "Traduis le mot racoon en français.", response: 'Le mot "racoon" se traduit par "raton laveur" en français.' }, { prompt: "Écris un modèle de mail de remerciement.", response: "Objet : Merci<br><br>Bonjour [Prénom],<br>Merci pour [votre aide / notre échange / votre temps].<br>Bien à vous,<br>[Votre prénom]" }, { prompt: "Liste-moi 10 noms de chiens.", response: "1. Tokyo<br>2. Nala<br>3. Milou<br>4. Sushi<br>5. Luna<br>6. Apéro<br>7. Simba<br>8. Paco<br>9. Bart<br>10. Cookie" }], qe = {
+  messages: _e,
+  prompts: ye
+}, je = { reply: "disabled", menuActions: { markAsUnread: "disabled", blockSender: "hidden" } }, Ce = { subject: "Votre facture #A‑91382", time: { days: -2, minutes: -5 }, body: "salut [monsieur/madame]<br> ceci est un lien <a href='http://www.test.com'>link Fake</a><br> cho'", sender: { name: "Micr0sofot", address: "billing@micros0ft.com", avatarColor: "#f24645" }, previousMail: { time: { days: -5, minutes: -10 }, body: "[Madame, / Monsieur,]<br><br>Nous vous remercions sincèrement pour votre message et l’intérêt que vous portez à [Nom de votre entreprise] ainsi qu’à nos services.Nous répondrons à votre message dans les plus brefs délais et restons à votre disposition pour toute demande supplémentaire, y compris une rencontre personnelle si vous le souhaitez. D’ici là, vous pouvez obtenir des informations complémentaires sur nos [Produits/Services] en consultant, par exemple, nos réseaux sociaux sur [Lien vers les réseaux sociaux, par exemple, YouTube] ou en téléchargeant notre [Lien de téléchargement, tel qu’une présentation d’entreprise ou un document technique].<br>Chaleureusement,<br>L’équipe de [Nom de votre entreprise]", sender: { name: "Alex" } } }, Le = {
+  actions: je,
+  mail: Ce
+}, ze = 2, Se = [{ title: "Première situation : Se protéger", description: "Utilisez l’interface pour ne plus recevoir de message en provenance de cette adresse mail.", actions: { return: "disabled", menuActions: { markAsUnread: "hidden", reportSpam: "hidden" } }, goodAction: "blockSender", mail: { subject: "[URGENT] Votre accès sera suspendu", sender: { name: "Bnq secure", address: "alert@bnq-secure.link", avatarColor: "#2f80ed" }, body: "Bonjour, <br><br>Nous avons détecté une activité suspecte sur votre compte.Par mesure de sécurité, l’accès sera suspendu dans les 2 heures si vous ne confirmez pas vos informations.<br><br>Confirmez votre compte ici : <a href='fake'>http://securite-compte-verification.com</a><br><br>Sans confirmation, vos services seront définitivement bloqués. Support Client MaBanque", time: { minutes: -5 } } }, { title: "Deuxième situation : Protéger les autres", description: "Le mail suivant est aussi frauduleux. Utilisez l’interface pour signaler le message et aider à renforcer les filtres anti‑spam.", actions: { return: "disabled", menuActions: { markAsUnread: "hidden" } }, goodAction: "reportSpam", mail: { subject: "Mise à jour de vos données Microsoft", sender: { name: " Service Données Utilisateurs", address: "donnees-gestion-utilisateurs@service-microsoft.com", avatarColor: "#2f80ed" }, body: "Bonjour,<br><br>Dans le cadre de l’évolution de notre politique de traitement des données personnelles, une validation de vos informations est désormais obligatoire. Veuillez mettre à jour vos informations dans les 3 jours.<br><br>Merci de vérifier et compléter vos informations via le portail sécurisé : <a href='fake'>http://portail-donnees-utilisateur-microsoft.com</a><br><br>Cordialement, Service Données & Conformité Microsoft", time: { minutes: -10 } } }], Ae = {
+  titleLevel: ze,
+  steps: Se
+}, Pe = 2, Te = "https://epreuves.pix.fr/images/camtasia.png", ke = "https://epreuves.pix.fr/images/icones/actu.jpg", Ne = "https://epreuves.pix.fr/images/icones/avg.png", Me = "https://epreuves.pix.fr/images/icones/avira.svg", Ie = {
+  titleLevel: Pe,
+  successImage: Te,
+  failImage: ke,
+  infoImage: Ne,
+  searchImage: Me
+}, Ee = 2, Ve = [{ question: "Quelle version de ce message vous inciterait le plus à réagir ?", feedback: { success: "Effectivement, même si les deux messages transmettent la même idée, le second message crée un sentiment d’urgence et de menace. C’est un biais de cadrage : la manière dont l’information est présentée influence notre réaction.", failed: "Ici, même si les deux messages transmettent la même idée, le second message crée un sentiment d’urgence et de menace. C’est un biais de cadrage : la manière dont l’information est présentée influence notre réaction." }, choice1: { title: "Message 1", content: `Bonjour, 
+ une facture est arrivée à échéance. Merci de la régler dans les plus brefs délais.` }, choice2: { title: "Message 2", content: "⚠ URGENT : Si vous ne réglez pas cette facture sous 24h, votre compte sera suspendu et des pénalités financières s’appliqueront.", isGoodAnswer: !0 } }, { question: "Quelle belle deuxième question que voila ?", feedback: { success: "Bravo !", failed: "Dommage :(" }, choice1: { content: "CONTENT: Réponse 1 sans titre!" }, choice2: { content: "CONTENT: Réponse 2 sans titre!", isGoodAnswer: !0 } }, { question: "Quelle belle troisième non-question !", feedback: { success: "Bravo2 !", failed: "Dommage2 :(" }, choice1: { title: "TITLE : Bonne réponse", isGoodAnswer: !0 }, choice2: { title: "TITLE: Mauvaise réponse" } }], De = {
+  titleLevel: Ee,
+  steps: Ve
+}, Re = { username: "Yvette", content: "Ok, mais en cas de doute, je fais quoi ? La banque ça peut être urgent !", time: { minutes: -5 } }, Be = "Xavier", Oe = [{ content: "Répond STOP au SMS, ça va le bloquer.", goodIdea: !1, feedback: "Répondre STOP à un SMS d’arnaque ne permet pas de vérifier sa véracité ni de bloquer l’expéditeur.<br>Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }, { content: "Contacte ta banque au numéro habituel ou via ton application bancaire.", goodIdea: !0, feedback: "Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }, { content: "Rappelle directement le numéro qui t’a envoyé le message.", goodIdea: !1, feedback: "Rappeler le numéro, c’est prendre le risque de tomber sur un escroc qui vous manipulera.<br>Dans le doute vérifiez l’information en contactant la personne ou le service qui aurait écrit le message par un autre moyen. Par exemple ici, contacter sa banque au numéro de téléphone habituel après avoir reçu un sms suspect d’un conseiller bancaire." }], we = {
+  incomingMessage: Re,
+  username: Be,
+  responseChoices: Oe
+}, $e = "Votre facture #A‑91382", Fe = "billing@micros0ft.com", Ue = "#f24645", Ge = "Micr0sofot", Je = { days: -2, minutes: -5 }, Qe = "salut [monsieur/madame]<br> ceci est un lien <a href='http://www.test.com'>link Fake</a><br> cho'", He = { time: { days: -5, minutes: -10 }, content: "[Madame, / Monsieur,]<br><br>Nous vous remercions sincèrement pour votre message et l’intérêt que vous portez à [Nom de votre entreprise] ainsi qu’à nos services.Nous répondrons à votre message dans les plus brefs délais et restons à votre disposition pour toute demande supplémentaire, y compris une rencontre personnelle si vous le souhaitez. D’ici là, vous pouvez obtenir des informations complémentaires sur nos [Produits/Services] en consultant, par exemple, nos réseaux sociaux sur [Lien vers les réseaux sociaux, par exemple, YouTube] ou en téléchargeant notre [Lien de téléchargement, tel qu’une présentation d’entreprise ou un document technique].<br>Chaleureusement,<br>L’équipe de [Nom de votre entreprise]", name: "Alex" }, We = {
+  subject: $e,
+  mailAddress: Fe,
+  avatarColor: Ue,
+  expeditor: Ge,
+  time: Je,
+  content: Qe,
+  previousMail: He
+}, Ye = ["123456", "123456789", "azerty", "1234561", "qwerty", "marseille", "000000", "1234567891", "doudou", "12345"], Ke = "marseille", Ze = { success: { title: "Vous avez trouvé le mot de passe <b>d’Ulysse</b>", content: "Les <i>pirates</i> ont des listes contenant les mots de passe les plus fréquents, tous les mots du dictionnaire, des prénoms.<br>Ils utilisent des programmes informatiques qui permettent de tester des millions de mots en quelques secondes : on appelle ça une attaque par dictionnaire." }, failed: { title: "Eh non !", content: "Mot de passe incorrect. Réessayez avec un autre mot de passe." } }, Xe = {
+  passwords: Ye,
+  expectedPassword: Ke,
+  feedback: Ze
+}, es = { password: "Timeo2014", user: "emma_vtr" }, ss = { success: { title: "Connexion réussie", content: "Quelqu’un qui vous connaît ou un <b>pirate informatique</b> qui cherche des informations personnelles à votre sujet peut facilement deviner ce type de mot de passe." }, failed: { title: "Mauvaise réponse", content: "Astuce : Comme Emma l’a dit à <i>Jennifer</i>, son mot de passe est composé du prénom de son fils et l’année de naissance de son chat. Réessayer en saisissant le bon mot de passe à l’aide de ces informations en complétant le champ adéquat." } }, ts = { userName: "Emma_VTR", tag: "@emma_vtr", bio: "Bio : Fan de chats 🐱 · Voyage à Lisbonne 2023 🇵🇹 · Maman de Timéo 💕", location: "Paris, FR", publications: [{ date: "2024-12-09", content: "Déjà 10 ans que j'ai sauvé Misty ! 🐾💖 De petit chaton abandonné, il s'est transformé en panthère d'appartement !" }, { date: "2024-12-08", content: "Lisbonne, souvenirs d’été" }] }, ns = {
+  validations: es,
+  feedback: ss,
+  userProfile: ts
+}, os = [{ label: "Fichiers administratifs (carte d’identité…)", hasValue: !0 }, { label: "Photos personnelles", hasValue: !0 }, { label: "Vidéos personnelles", hasValue: !0 }, { label: "Musiques téléchargées" }, { label: "Documents de travail (devoirs, projets…)", hasValue: !0 }, { label: "Identifiants et mots de passe enregistrés", hasValue: !0 }], is = [{ label: "Consulter ses mails", hasValue: !0 }, { label: "Effectuer des achats", hasValue: !0 }, { label: "Lire des actualités" }, { label: "Publier sur les réseaux sociaux", hasValue: !0 }, { label: "Regarder des vidéos" }, { label: "Jouer" }], as = {
+  localeChoices: os,
+  cloudChoices: is
+}, rs = /* @__PURE__ */ Object.assign({ "./analyse-mails-phishing/analyse-mails-phishing.example.props.json": n, "./calcul-impact/calcul-impact.example.props.json": i, "./capacity-calculation/capacity-calculation.example.props.json": c, "./clickable-image/clickable-image-without-spot.example.props.json": p, "./clickable-image/clickable-image.example.props.json": v, "./complete-phrase/complete-phrase.example.props.json": _, "./flip-cards/flip-cards.example.props.json": j, "./image-quiz/image-quiz.example.props.json": T, "./image-quiz/image-quizzes.example.props.json": N, "./mdp-classement/mdp-classement.example.props.json": I, "./message-conversation/message-conversation.example.props.json": R, "./notification-antivirus/notification-antivirus.example.props.json": O, "./phishing-message/phishing-message.example.props.json": $, "./phishing-notification/phishing-notification.example.props.json": J, "./pix-anonymisation/pix-anonymisation.example.props.json": W, "./pix-article/pix-article.example.props.json": ne, "./pix-carousel/pix-carousel.example.props.json": ce, "./pix-combinaisons/pix-combinaisons.example.props.json": le, "./pix-cursor/pix-cursor.example.props.json": me, "./pix-llm/llm-compare-messages.example.props.json": fe, "./pix-llm/llm-messages.example.props.json": xe, "./pix-llm/llm-prompt-select.example.props.json": qe, "./pix-mail-message/pix-mail-message.example.props.json": Le, "./proteger-mail-spam/proteger-mail-spam.example.props.json": Ae, "./qcm-deepfake/qcm-deepfake.example.props.json": Ie, "./quiz-stepper/quiz-stepper.example.props.json": De, "./select-conversation/select-conversation.example.props.json": we, "./template-mail/template-mail.example.props.json": We, "./test-top-mdp/test-top-mdp.example.props.json": Xe, "./trouver-mdp-rs/trouver-mdp-rs.example.props.json": ns, "./usages-donnees/usages-donnees.example.props.json": as }), cs = Object.fromEntries(Object.entries(rs).map(([e, s]) => [
   e.replace(/^.*\/([^/]+)\.example\.props\.json$/, "$1"),
-  t
+  s
 ]));
 export {
-  nt as propsExamples
+  cs as propsExamples
 };

package/dist/schema.js

@@ -141,6 +141,8 @@ const m = e.object({
 }).required(), y = e.object({
   titleLevel: e.number().optional()
 }), x = e.object({
+  titleLevel: e.number().optional()
+}), f = e.object({
   notifications: e.array().items(e.object({
     icon: e.string().required(),
     sender: e.string().required(),
@@ -157,17 +159,17 @@ const m = e.object({
   }).required(),
   informationMessage: e.string().required(),
   titleLevel: e.number().optional()
-}), f = e.object({
+}), w = e.object({
   content: e.string().required(),
   isAnonymizable: e.boolean().optional()
-}), w = e.object({
-  fullSentence: e.array().items(f),
+}), L = e.object({
+  fullSentence: e.array().items(w),
   rephrase: e.string().required(),
   feedback: e.string().required()
-}), L = e.object({
-  titleLevel: e.number().optional(),
-  steps: e.array().items(w)
 }), k = e.object({
+  titleLevel: e.number().optional(),
+  steps: e.array().items(L)
+}), S = e.object({
   titleLevel: e.number().optional(),
   articleTitle: e.string().required(),
   author: e.string().required(),
@@ -175,11 +177,11 @@ const m = e.object({
   paragraphs: e.array().items(e.string().required()),
   highlightedSentence: e.string().empty("").optional(),
   colorOfHighlightSentence: e.string().empty("").optional()
-}), S = e.object({
+}), I = e.object({
   name: e.string().allow("").required(),
   attribution: e.string().allow("").required(),
   url: e.string().allow("").required()
-}), I = e.object({
+}), z = e.object({
   title: e.string().required(),
   description: e.string().allow("").required(),
   displayWidth: e.number().min(0).optional(),
@@ -187,12 +189,12 @@ const m = e.object({
     src: e.string().required(),
     alt: e.string().allow("").required()
   }).required(),
-  license: S.optional()
-}), z = e.object({
+  license: I.optional()
+}), A = e.object({
   title: e.string().required(),
   description: e.string().allow("").required(),
   text: e.string().required()
-}), A = e.object({
+}), C = e.object({
   title: e.string().required(),
   description: e.string().allow("").required(),
   text: e.string().required(),
@@ -204,9 +206,9 @@ const m = e.object({
   type: e.string().valid("image", "image-text", "text").required(),
   slides: e.alternatives().conditional("type", {
     switch: [
-      { is: "image", then: e.array().items(I) },
-      { is: "image-text", then: e.array().items(A) },
-      { is: "text", then: e.array().items(z) }
+      { is: "image", then: e.array().items(z) },
+      { is: "image-text", then: e.array().items(C) },
+      { is: "text", then: e.array().items(A) }
     ]
   }).required(),
   randomSlides: e.boolean().optional(),
@@ -217,7 +219,7 @@ const m = e.object({
   imageTextDisplay: e.string().empty("").optional()
 }).meta({ title: "pix-carousel" }).required(), M = e.object({
   titleLevel: e.number().optional()
-}), C = e.object({
+}), P = e.object({
   options: e.array().items(e.object({
     label: e.string().required(),
     feedback: e.object({
@@ -225,37 +227,37 @@ const m = e.object({
       text: e.string().required()
     }).required()
   }).required()).required()
-}), n = e.object({
+}), o = e.object({
   title: e.string().required(),
   llmName: e.string().required()
-}).required(), P = e.object({
+}).required(), N = e.object({
   direction: e.string().valid("inbound").required(),
   content: e.string().required()
-}).required(), N = e.object({
+}).required(), O = e.object({
   direction: e.string().valid("outbound").required(),
   content: e.string().required()
-}).required(), O = e.object({
-  conversation1: n,
-  conversation2: n,
+}).required(), $ = e.object({
+  conversation1: o,
+  conversation2: o,
   userName: e.string().required(),
   messages: e.array().items(
-    e.alternatives(N, e.array().items(P).min(2).max(2).required())
+    e.alternatives(O, e.array().items(N).min(2).max(2).required())
   ).required()
-}).required(), d = e.object({
+}).required(), l = e.object({
   direction: e.string().valid("inbound", "outbound").required(),
   content: e.string().required()
-}), $ = e.object({
-  messages: e.array().items(d.required()).required()
-}).required(), F = e.object({
+}), F = e.object({
+  messages: e.array().items(l.required()).required()
+}).required(), D = e.object({
   speed: e.number().default(20).min(0).optional(),
-  messages: e.array().items(d).required(),
+  messages: e.array().items(l).required(),
   prompts: e.array().items(
     e.object({
       prompt: e.string().required(),
       response: e.string().required()
     }).required()
   ).required()
-}).required(), r = e.string().valid("enabled", "disabled", "hidden").empty("").optional(), D = e.object({
+}).required(), r = e.string().valid("enabled", "disabled", "hidden").empty("").optional(), V = e.object({
   title: e.string().required(),
   description: e.string().required(),
   actions: e.object({
@@ -288,7 +290,7 @@ const m = e.object({
   }).required()
 }), B = e.object({
   titleLevel: e.number().optional(),
-  steps: e.array().items(D).required()
+  steps: e.array().items(V).required()
 }), E = e.object({
   titleLevel: e.number().optional(),
   successImage: e.string().required(),
@@ -298,15 +300,15 @@ const m = e.object({
 }), G = e.object({
   success: e.string().required(),
   failed: e.string().required()
-}), o = e.object({
+}), n = e.object({
   title: e.string().optional(),
   content: e.string().optional(),
   isGoodAnswer: e.boolean().optional()
 }), H = e.object({
   question: e.string().required(),
   feedback: G.required(),
-  choice1: o.required(),
-  choice2: o.required()
+  choice1: n.required(),
+  choice2: n.required()
 }), J = e.object({
   titleLevel: e.number().optional(),
   steps: e.array().items(H)
@@ -368,21 +370,30 @@ const m = e.object({
 }), a = e.object({
   title: e.string().required(),
   content: e.string().required()
-}), V = e.object({
+}), X = e.object({
   password: e.string().required(),
   user: e.string().required()
-}), X = e.object({
+}), Y = e.object({
   titleLevel: e.number().optional(),
-  validations: V.required(),
+  validations: X.required(),
   feedback: e.object({
     success: a.required(),
     failed: a.required()
   }).required(),
   userProfile: R.required()
-}), Y = /* @__PURE__ */ Object.assign({ "./analyse-mails-phishing/analyse-mails-phishing.schema.js": m, "./calcul-impact/calcul-impact.schema.js": g, "./capacity-calculation/capacity-calculation.schema.js": b, "./clickable-image/clickable-image.schema.js": q, "./complete-phrase/complete-phrase.schema.js": p, "./flip-cards/flip-cards.schema.js": _, "./image-quiz/image-quiz.schema.js": c, "./image-quiz/image-quizzes.schema.js": j, "./mdp-classement/mdp-classement.schema.js": h, "./message-conversation/message-conversation.schema.js": v, "./phishing-message/phishing-message.schema.js": y, "./phishing-notification/phishing-notification.schema.js": x, "./pix-anonymisation/pix-anonymisation.schema.js": L, "./pix-article/pix-article.schema.js": k, "./pix-carousel/pix-carousel.schema.js": T, "./pix-combinaisons/pix-combinaisons.schema.js": M, "./pix-cursor/pix-cursor.schema.js": C, "./pix-llm/llm-compare-messages.schema.js": O, "./pix-llm/llm-messages.schema.js": $, "./pix-llm/llm-prompt-select.schema.js": F, "./proteger-mail-spam/proteger-mail-spam.schema.js": B, "./qcm-deepfake/qcm-deepfake.schema.js": E, "./quiz-stepper/quiz-stepper.schema.js": J, "./select-conversation/select-conversation.schema.js": U, "./template-mail/template-mail.schema.js": W, "./test-top-mdp/test-top-mdp.schema.js": K, "./trouver-mdp-rs/trouver-mdp-rs.schema.js": X }), ee = Object.fromEntries(Object.entries(Y).map(([u, l]) => [
+}), Z = e.object({
+  localeChoices: e.array().items(e.object({
+    label: e.string().required(),
+    hasValue: e.boolean().optional()
+  })),
+  cloudChoices: e.array().items(e.object({
+    label: e.string().required(),
+    hasValue: e.boolean().optional()
+  }))
+}), ee = /* @__PURE__ */ Object.assign({ "./analyse-mails-phishing/analyse-mails-phishing.schema.js": m, "./calcul-impact/calcul-impact.schema.js": g, "./capacity-calculation/capacity-calculation.schema.js": b, "./clickable-image/clickable-image.schema.js": q, "./complete-phrase/complete-phrase.schema.js": p, "./flip-cards/flip-cards.schema.js": _, "./image-quiz/image-quiz.schema.js": c, "./image-quiz/image-quizzes.schema.js": j, "./mdp-classement/mdp-classement.schema.js": h, "./message-conversation/message-conversation.schema.js": v, "./notification-antivirus/notification-antivirus.schema.js": y, "./phishing-message/phishing-message.schema.js": x, "./phishing-notification/phishing-notification.schema.js": f, "./pix-anonymisation/pix-anonymisation.schema.js": k, "./pix-article/pix-article.schema.js": S, "./pix-carousel/pix-carousel.schema.js": T, "./pix-combinaisons/pix-combinaisons.schema.js": M, "./pix-cursor/pix-cursor.schema.js": P, "./pix-llm/llm-compare-messages.schema.js": $, "./pix-llm/llm-messages.schema.js": F, "./pix-llm/llm-prompt-select.schema.js": D, "./proteger-mail-spam/proteger-mail-spam.schema.js": B, "./qcm-deepfake/qcm-deepfake.schema.js": E, "./quiz-stepper/quiz-stepper.schema.js": J, "./select-conversation/select-conversation.schema.js": U, "./template-mail/template-mail.schema.js": W, "./test-top-mdp/test-top-mdp.schema.js": K, "./trouver-mdp-rs/trouver-mdp-rs.schema.js": Y, "./usages-donnees/usages-donnees.schema.js": Z }), ie = Object.fromEntries(Object.entries(ee).map(([u, d]) => [
   u.replace(/^.*\/([^/]+)\.schema\.js$/, "$1"),
-  l
+  d
 ]));
 export {
-  ee as schema
+  ie as schema
 };

package/dist/{shadow-dom-Bouq869n.js → shadow-dom-D54WF-WZ.js}

@@ -1,4 +1,4 @@
-import { u as e, i as s, p as a } from "./_plugin-vue_export-helper-B-lVMTio.js";
+import { u as e, i as s, p as a } from "./_plugin-vue_export-helper-Dz58mCLm.js";
 const t = /* @__PURE__ */ Symbol("shadowRoot");
 function r() {
   const o = e();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1024pix/epreuves-components",
-  "version": "4.2.0",
+  "version": "4.4.0",
   "type": "module",
   "description": "A collection of interactive components to be used in Pix challenges or modules",
   "exports": {

package/dist/Button.ce-DZ8jDtW5.js

@@ -1,27 +0,0 @@
-import { b as n, h as r, o as d, c as i, t as c, q as l, _ as u } from "./_plugin-vue_export-helper-B-lVMTio.js";
-const b = ["aria-disabled"], f = /* @__PURE__ */ n({
-  __name: "Button.ce",
-  props: {
-    isDisabled: { type: Boolean }
-  },
-  setup(e, { expose: o }) {
-    const a = r("button");
-    function s(t) {
-      e.isDisabled && t.stopPropagation();
-    }
-    return o({
-      buttonElement: a
-    }), (t, _) => (d(), i("button", {
-      ref: "button",
-      onClickCapture: s,
-      "aria-disabled": e.isDisabled,
-      class: c({ "is-disabled": e.isDisabled }),
-      type: "button"
-    }, [
-      l(t.$slots, "default", {}, void 0, !0)
-    ], 42, b));
-  }
-}), p = "button[data-v-42cff57e]{padding:8px 24px;border-radius:8px;background:#253858;border:none;color:#fff}button[data-v-42cff57e]:hover{cursor:pointer;background:#334d77}button.is-disabled[data-v-42cff57e]{background:#25385880;cursor:not-allowed}", k = /* @__PURE__ */ u(f, [["styles", [p]], ["__scopeId", "data-v-42cff57e"]]);
-export {
-  k as B
-};