@1024pix/epreuves-components 2.8.0 → 2.8.1

package/dist/components/message-conversation.ce.js.js

@@ -1,11 +1,11 @@
-import { d as S, r as x, y as M, v as B, c as i, o as n, n as w, B as l, a as h, H as k, t as v, E, M as z, m as P, F as b, b as N, _ as D, q as T, e as V, f as F } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { L } from "../Loading.ce-BPbyGkTl.js";
-import { u as j, b as I, a as O } from "../normalize-props-DtfVI0Xg.js";
-const q = ["part"], H = {
+import { d as S, r as x, y as M, v as B, c as i, o as n, n as w, B as l, a as h, H as k, t as v, E, M as z, m as P, F as b, b as N, _ as D, j as T, e as V, f as j } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { L as F } from "../Loading.ce-S-dh_E78.js";
+import { u as L, b as I, a as O } from "../normalize-props-DtfVI0Xg.js";
+const H = ["part"], R = {
   key: 1,
   class: "message__loader message__content",
   "aria-hidden": "true"
-}, R = ["part"], G = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ S({
+}, q = ["part"], G = { key: 1 }, J = { key: 0 }, K = /* @__PURE__ */ S({
   __name: "Message.ce",
   props: {
     displaySender: { type: Boolean, default: !0 },
@@ -45,9 +45,9 @@ const q = ["part"], H = {
       }, [
         a[0] || (a[0] = h("span", { class: "sr-only" }, "Message de ", -1)),
         k(v(e.message.userName), 1)
-      ], 8, q)) : l("", !0),
-      t.value === "loading" ? (n(), i("div", H, [
-        E(L)
+      ], 8, H)) : l("", !0),
+      t.value === "loading" ? (n(), i("div", R, [
+        E(F)
       ])) : l("", !0),
       h("p", {
         class: w(["message__content", { "hidden-state": t.value !== "visible" }]),
@@ -59,7 +59,7 @@ const q = ["part"], H = {
           r > 0 ? (n(), i("br", J)) : l("", !0),
           k(" " + v(o), 1)
         ], 64))), 128))
-      ], 10, R)
+      ], 10, q)
     ], 2));
   }
 }), Q = ".message{max-width:80%;position:relative}.message--incoming{align-self:start}.message--incoming .message__sender{padding-left:10px}.message--incoming .message__loader{left:10px}.message--incoming .message__content{background-color:#e8e8e8}.message--outgoing{align-self:end}.message--outgoing .message__sender{padding-right:10px;text-align:right}.message--outgoing .message__loader{right:10px}.message--outgoing .message__content{background-color:#d1eaff}.message__sender{color:#444;font-size:.8rem;font-weight:700;margin:0}.message__loader{position:absolute;width:24px}.message__content{border-radius:16px;margin:0;padding:10px 14px}.message__content:not(.hidden-state){animation:fade .3s ease-in-out both}.message__content>img{max-width:100%}.hidden-state{visibility:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.message__content:not(.hidden-state){animation:none}.message__loader{display:none}.hidden-state{visibility:visible}}", U = /* @__PURE__ */ D(K, [["styles", [Q]]]), W = { part: "conversation" }, X = { class: "sr-only" }, Y = /* @__PURE__ */ S({
@@ -109,10 +109,10 @@ const q = ["part"], H = {
       }, null, 8, ["message", "start-animation", "animation-duration", "display-sender"]))), 128))
     ]));
   }
-}), Z = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", ee = /* @__PURE__ */ D(Y, [["styles", [Z]]]), C = F(ee);
+}), Z = "figure{background-color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px;margin:0;padding:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}", ee = /* @__PURE__ */ D(Y, [["styles", [Z]]]), C = j(ee);
 C.prototype.normalizeProps = (e) => ({
   ...e,
-  animationSpeed: j(e.animationSpeed),
+  animationSpeed: L(e.animationSpeed),
   messages: e.messages.map(({ type: c, content: t, image: d, ...m }) => ({
     ...m,
     content: O(t),

package/dist/components/mobile-shell.ce.js.js

@@ -1,4 +1,4 @@
-import { d as i, c as a, o as l, D as s, a as r, k as n, A as d, n as b, _ as p, f as h } from "../_plugin-vue_export-helper-CGJjSxi7.js";
+import { d as i, c as a, o as l, D as s, a as r, g as n, A as d, n as b, _ as p, f as h } from "../_plugin-vue_export-helper-BPDEgOal.js";
 const m = {
   class: "content",
   part: "content"

package/dist/components/phishing-message.ce.js.js

@@ -1,10 +1,10 @@
-import { d as f, G as j, c as d, o as a, F as y, a as t, t as i, h as _, j as N, E as S, R as F, b as $, K as H, B as g, _ as b, q as k, r as C, y as m, A as Z, e as x, D as O, m as z, l as Q, f as G } from "../_plugin-vue_export-helper-CGJjSxi7.js";
-import { u as U, a as J, i as M, b as K } from "../i18n-BkraEFZL.js";
-import { u as W } from "../normalize-props-DtfVI0Xg.js";
-const X = {}, Y = {}, ee = {}, te = {
+import { d as f, G as j, c as d, o as a, F as y, a as t, t as i, k as _, l as N, E as S, W as F, b as $, K as B, B as g, _ as b, j as k, r as C, y as m, A as Z, e as x, D as O, m as z, q as Q, f as G } from "../_plugin-vue_export-helper-BPDEgOal.js";
+import { u as U, a as W, i as M, b as J } from "../i18n-BuCPzaih.js";
+import { u as K } from "../normalize-props-DtfVI0Xg.js";
+const X = {}, Y = {}, ee = {}, te = {}, ne = {}, se = {
   "phishing-message": { description: "Pour chacun des cas ci-dessous : Ouvrez et lisez le message d’arnaque, puis répondez à la question.", messagePreviewTitle: "Messagerie :", feedBackQuizTitle: "Qu’avez-vous ressenti en lisant ce message ?", next: "Message suivant", step: "Étape {{step}} sur {{totalStep}}", message1: { senderName: "Info ANTAI", content: "{{ boldContent1 }}: amende impayée de 35€. Consultez votre dossier ANTAI avant {{ boldContent2 }} via : {{ linkContent }}", boldContent1: "Retard de paiement", boldContent2: "majoration", linkContent: "dossier-amende-gouv.antai", victory: "Effectivement, avec ce message, l’escroc veut que le lecteur ressente de la peur et un sentiment d’urgence.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de la peur et un sentiment d’urgence." }, message2: { senderName: "IMPOT", content: `IMPORTANT : Vous avez un remboursement disponible de 826€.
  Référence 125489 : accédez à votre formulaire de remboursement {{ linkContent }}`, linkContent: "impot.gouv-remboursement.nt", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue.", loose: "Eh non ! Avec ce message, l’escroc veut que vous ressentiez de l’espoir : recevoir une somme d’argent inattendue." }, message3: { senderName: "+33639981542", content: "Salut, c'est ta cousine, j'ai besoin de ton aide, je suis coincée à l'étranger et j'ai perdu mes papiers. Pour pouvoir rentrer, j'ai besoin que tu m'envoies 300€ ici : {{ linkContent }} Il n'y a que toi qui peut m'aider !", linkContent: "http://dT23.bitly.com", victory: "Effectivement, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger.", loose: " Eh non, avec ce message, l’escroc veut que vous ressentiez un sentiment d’urgence et de peur pour cette cousine bloquée à l’étranger." } }
-}, ne = {}, se = {}, oe = "data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='34'%20height='34'%20rx='8'%20fill='%23E9F3EF'/%3e%3cpath%20d='M8%2025.3451V10.0551C8%209.52465%208.21071%209.01594%208.58579%208.64087C8.96086%208.2658%209.46957%208.05508%2010%208.05508H24C24.5304%208.05508%2025.0391%208.2658%2025.4142%208.64087C25.7893%209.01594%2026%209.52465%2026%2010.0551V20.0551C26%2020.5855%2025.7893%2021.0942%2025.4142%2021.4693C25.0391%2021.8444%2024.5304%2022.0551%2024%2022.0551H12.961C12.6612%2022.0551%2012.3653%2022.1225%2012.0951%2022.2524C11.8249%2022.3822%2011.5874%2022.5711%2011.4%2022.8051L9.069%2025.7191C8.99143%2025.8163%208.88556%2025.887%208.76604%2025.9214C8.64652%2025.9559%208.51926%2025.9523%208.40186%2025.9112C8.28446%2025.8701%208.18273%2025.7936%208.11073%2025.6922C8.03874%2025.5907%208.00005%2025.4695%208%2025.3451Z'%20stroke='%231C825D'%20stroke-width='2'/%3e%3c/svg%3e", ae = ["aria-level"], ie = { class: "message-page-preview" }, re = { class: "card-wrapper" }, le = ["src"], de = ["aria-level"], ce = { key: 0 }, pe = { key: 1 }, ge = { class: "card-wrapper__time" }, ue = /* @__PURE__ */ f({
+}, oe = {}, ae = {}, ie = "data:image/svg+xml,%3csvg%20width='34'%20height='34'%20viewBox='0%200%2034%2034'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='34'%20height='34'%20rx='8'%20fill='%23E9F3EF'/%3e%3cpath%20d='M8%2025.3451V10.0551C8%209.52465%208.21071%209.01594%208.58579%208.64087C8.96086%208.2658%209.46957%208.05508%2010%208.05508H24C24.5304%208.05508%2025.0391%208.2658%2025.4142%208.64087C25.7893%209.01594%2026%209.52465%2026%2010.0551V20.0551C26%2020.5855%2025.7893%2021.0942%2025.4142%2021.4693C25.0391%2021.8444%2024.5304%2022.0551%2024%2022.0551H12.961C12.6612%2022.0551%2012.3653%2022.1225%2012.0951%2022.2524C11.8249%2022.3822%2011.5874%2022.5711%2011.4%2022.8051L9.069%2025.7191C8.99143%2025.8163%208.88556%2025.887%208.76604%2025.9214C8.64652%2025.9559%208.51926%2025.9523%208.40186%2025.9112C8.28446%2025.8701%208.18273%2025.7936%208.11073%2025.6922C8.03874%2025.5907%208.00005%2025.4695%208%2025.3451Z'%20stroke='%231C825D'%20stroke-width='2'/%3e%3c/svg%3e", re = ["aria-level"], le = { class: "message-page-preview" }, de = { class: "card-wrapper" }, ce = ["src"], pe = ["aria-level"], ge = { key: 0 }, ue = { key: 1 }, he = { class: "card-wrapper__time" }, me = /* @__PURE__ */ f({
   __name: "MessagePreview.ce",
   props: {
     senderName: { type: String },
@@ -27,20 +27,20 @@ const X = {}, Y = {}, ee = {}, te = {
             role: "heading",
             "aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
             class: "title-mobile h3"
-          }, i(l.$t("phishing-message.messagePreviewTitle")), 9, ae)
+          }, i(l.$t("phishing-message.messagePreviewTitle")), 9, re)
         ]),
-        t("main", ie, [
-          t("div", re, [
+        t("main", le, [
+          t("div", de, [
             t("img", {
-              src: _(oe),
+              src: _(ie),
               class: "card-wrapper__logo-message",
               alt: ""
-            }, null, 8, le),
+            }, null, 8, ce),
             t("div", {
               role: "heading",
               "aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
               class: "card-wrapper__sender h3"
-            }, i(e.senderName), 9, de),
+            }, i(e.senderName), 9, pe),
             t("a", {
               href: "#",
               onClick: r[0] || (r[0] = N((o) => l.$emit("open-message"), ["prevent"])),
@@ -49,24 +49,24 @@ const X = {}, Y = {}, ee = {}, te = {
               S(s, { translation: e.content }, F({ _: 2 }, [
                 $(e.contentParts, (o) => ({
                   name: o.name,
-                  fn: H(() => [
-                    o.type === "bold" ? (a(), d("strong", ce, i(o.content), 1)) : g("", !0),
-                    o.type === "link" ? (a(), d("span", pe, i(o.content), 1)) : g("", !0)
+                  fn: B(() => [
+                    o.type === "bold" ? (a(), d("strong", ge, i(o.content), 1)) : g("", !0),
+                    o.type === "link" ? (a(), d("span", ue, i(o.content), 1)) : g("", !0)
                   ])
                 }))
               ]), 1032, ["translation"]),
               r[1] || (r[1] = t("span", { class: "sr-only" }, "lire la suite", -1))
             ]),
-            t("p", ge, i(_(c).getHours() + ":" + _(c).getMinutes()), 1)
+            t("p", he, i(_(c).getHours() + ":" + _(c).getMinutes()), 1)
           ])
         ])
       ], 64);
     };
   }
-}), he = '.title-mobile[data-v-fc2eb332]{font-size:1.125rem;line-height:24px;text-align:left}.card-wrapper[data-v-fc2eb332]{position:relative;background-color:#fff;display:grid;padding:24px 16px;border-radius:16px;gap:4px 8px;margin:0 21px}.card-wrapper strong[data-v-fc2eb332]{font-weight:bolder}.card-wrapper__logo-message[data-v-fc2eb332]{align-self:center;grid-column:1;grid-row:1/span 2}.card-wrapper__text-preview[data-v-fc2eb332]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2;grid-row:2;text-decoration:none;color:#122647;font-size:.875rem}.card-wrapper__text-preview[data-v-fc2eb332]:after{content:"";position:absolute;inset:0}.card-wrapper__sender[data-v-fc2eb332]{grid-column:2;grid-row:1}.card-wrapper__time[data-v-fc2eb332]{color:#5e6c84;font-size:12px;font-weight:400;grid-column:3;grid-row:1/span 2}.card-wrapper p[data-v-fc2eb332],.card-wrapper .h3[data-v-fc2eb332]{text-align:left}header[data-v-fc2eb332]{padding:40px 21px 16px}', me = /* @__PURE__ */ b(ue, [["styles", [he]], ["__scopeId", "data-v-fc2eb332"]]), ve = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='%23CDD1D9'/%3e%3cpath%20d='M15%209.375C15.4167%2011.0417%2016.25%2012.3958%2017.5%2013.4375C18.75%2014.4792%2019.375%2015.625%2019.375%2016.875C19.375%2018.0353%2018.9141%2019.1481%2018.0936%2019.9686C17.2731%2020.7891%2016.1603%2021.25%2015%2021.25C13.8397%2021.25%2012.7269%2020.7891%2011.9064%2019.9686C11.0859%2019.1481%2010.625%2018.0353%2010.625%2016.875C10.625%2016.1988%2010.8443%2015.5409%2011.25%2015C11.25%2015.4144%2011.4146%2015.8118%2011.7076%2016.1049C12.0007%2016.3979%2012.3981%2016.5625%2012.8125%2016.5625C13.2269%2016.5625%2013.6243%2016.3979%2013.9174%2016.1049C14.2104%2015.8118%2014.375%2015.4144%2014.375%2015C14.375%2013.75%2013.4375%2013.125%2013.4375%2011.875C13.4375%2011.0417%2013.9583%2010.2083%2015%209.375Z'%20stroke='white'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", fe = { class: "header" }, be = ["src"], we = ["aria-level"], Ce = { class: "card-wrapper" }, xe = {
+}), ve = '.title-mobile[data-v-fc2eb332]{font-size:1.125rem;line-height:24px;text-align:left}.card-wrapper[data-v-fc2eb332]{position:relative;background-color:#fff;display:grid;padding:24px 16px;border-radius:16px;gap:4px 8px;margin:0 21px}.card-wrapper strong[data-v-fc2eb332]{font-weight:bolder}.card-wrapper__logo-message[data-v-fc2eb332]{align-self:center;grid-column:1;grid-row:1/span 2}.card-wrapper__text-preview[data-v-fc2eb332]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2;grid-row:2;text-decoration:none;color:#122647;font-size:.875rem}.card-wrapper__text-preview[data-v-fc2eb332]:after{content:"";position:absolute;inset:0}.card-wrapper__sender[data-v-fc2eb332]{grid-column:2;grid-row:1}.card-wrapper__time[data-v-fc2eb332]{color:#5e6c84;font-size:12px;font-weight:400;grid-column:3;grid-row:1/span 2}.card-wrapper p[data-v-fc2eb332],.card-wrapper .h3[data-v-fc2eb332]{text-align:left}header[data-v-fc2eb332]{padding:40px 21px 16px}', fe = /* @__PURE__ */ b(me, [["styles", [ve]], ["__scopeId", "data-v-fc2eb332"]]), be = "data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='30'%20height='30'%20rx='15'%20fill='%23CDD1D9'/%3e%3cpath%20d='M15%209.375C15.4167%2011.0417%2016.25%2012.3958%2017.5%2013.4375C18.75%2014.4792%2019.375%2015.625%2019.375%2016.875C19.375%2018.0353%2018.9141%2019.1481%2018.0936%2019.9686C17.2731%2020.7891%2016.1603%2021.25%2015%2021.25C13.8397%2021.25%2012.7269%2020.7891%2011.9064%2019.9686C11.0859%2019.1481%2010.625%2018.0353%2010.625%2016.875C10.625%2016.1988%2010.8443%2015.5409%2011.25%2015C11.25%2015.4144%2011.4146%2015.8118%2011.7076%2016.1049C12.0007%2016.3979%2012.3981%2016.5625%2012.8125%2016.5625C13.2269%2016.5625%2013.6243%2016.3979%2013.9174%2016.1049C14.2104%2015.8118%2014.375%2015.4144%2014.375%2015C14.375%2013.75%2013.4375%2013.125%2013.4375%2011.875C13.4375%2011.0417%2013.9583%2010.2083%2015%209.375Z'%20stroke='white'%20stroke-width='1.25'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", we = { class: "header" }, Ce = ["src"], xe = ["aria-level"], _e = { class: "card-wrapper" }, ke = {
   key: 0,
   class: "title"
-}, _e = { key: 0 }, ke = /* @__PURE__ */ f({
+}, ye = { key: 0 }, $e = /* @__PURE__ */ f({
   __name: "MessageContent.ce",
   props: {
     senderName: { type: String },
@@ -82,26 +82,26 @@ const X = {}, Y = {}, ee = {}, te = {
     return (c, l) => {
       const r = j("i18next");
       return a(), d(y, null, [
-        t("header", fe, [
+        t("header", we, [
           t("img", {
-            src: _(ve),
+            src: _(be),
             alt: ""
-          }, null, 8, be),
+          }, null, 8, Ce),
           t("div", {
             role: "heading",
             "aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
             class: "header1__sender-name h3"
-          }, i(e.senderName), 9, we)
+          }, i(e.senderName), 9, xe)
         ]),
         t("main", null, [
-          t("div", Ce, [
-            e.title ? (a(), d("p", xe, i(e.title), 1)) : g("", !0),
+          t("div", _e, [
+            e.title ? (a(), d("p", ke, i(e.title), 1)) : g("", !0),
             t("p", null, [
               S(r, { translation: e.content }, F({ _: 2 }, [
                 $(e.contentParts, (s) => ({
                   name: s.name,
-                  fn: H(() => [
-                    s.type === "bold" ? (a(), d("strong", _e, i(s.content), 1)) : g("", !0),
+                  fn: B(() => [
+                    s.type === "bold" ? (a(), d("strong", ye, i(s.content), 1)) : g("", !0),
                     s.type === "link" ? (a(), d("a", {
                       key: 1,
                       href: "#",
@@ -117,7 +117,7 @@ const X = {}, Y = {}, ee = {}, te = {
       ], 64);
     };
   }
-}), ye = ".header[data-v-ab3c2b54]{display:flex;align-items:center;padding:24px 16px 16px;border-radius:32px 32px 0 0;gap:8px;background:#fff;margin:10px 10px 0}.header__sender-name[data-v-ab3c2b54]{color:#122647;font-size:14px;font-weight:700}.card-wrapper[data-v-ab3c2b54]{padding:16px;border-radius:8px;background:#fff;text-align:left}.card-wrapper strong[data-v-ab3c2b54]{font-weight:bolder}.card-wrapper p[data-v-ab3c2b54]{color:#122647;font-size:.875rem;line-height:1.25rem}.card-wrapper .title[data-v-ab3c2b54]{font-weight:700}main[data-v-ab3c2b54]{padding:16px 21px}", $e = /* @__PURE__ */ b(ke, [["styles", [ye]], ["__scopeId", "data-v-ab3c2b54"]]), Le = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23613FDD'/%3e%3cpath%20d='M28.1083%2025L21.4416%2013.3333C21.2962%2013.0768%2021.0854%2012.8635%2020.8307%2012.715C20.576%2012.5666%2020.2864%2012.4884%2019.9916%2012.4884C19.6968%2012.4884%2019.4072%2012.5666%2019.1525%2012.715C18.8978%2012.8635%2018.687%2013.0768%2018.5416%2013.3333L11.8749%2025C11.728%2025.2544%2011.651%2025.5432%2011.6516%2025.8371C11.6523%2026.1309%2011.7306%2026.4194%2011.8786%2026.6732C12.0267%2026.927%2012.2392%2027.1371%2012.4947%2027.2823C12.7501%2027.4275%2013.0394%2027.5026%2013.3333%2027.5H26.6666C26.959%2027.4997%2027.2462%2027.4225%2027.4993%2027.2761C27.7525%2027.1297%2027.9626%2026.9192%2028.1087%2026.6659C28.2548%2026.4126%2028.3316%2026.1253%2028.3316%2025.8329C28.3315%2025.5405%2028.2545%2025.2532%2028.1083%2025Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2017.5V20.8333'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2024.1667H20.0083'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", ze = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23FFCB33'/%3e%3cpath%20d='M13.3334%2021.6667C13.1757%2021.6672%2013.0211%2021.623%2012.8875%2021.5391C12.7539%2021.4553%2012.6469%2021.3353%2012.5788%2021.193C12.5108%2021.0508%2012.4844%2020.8921%2012.503%2020.7355C12.5215%2020.5789%2012.584%2020.4308%2012.6834%2020.3083L20.9334%2011.8083C20.9953%2011.7369%2021.0796%2011.6886%2021.1725%2011.6714C21.2655%2011.6543%2021.3615%2011.6692%2021.4448%2011.7137C21.5281%2011.7583%2021.5939%2011.8299%2021.6311%2011.9168C21.6684%2012.0036%2021.6751%2012.1005%2021.65%2012.1917L20.05%2017.2083C20.0029%2017.3346%2019.987%2017.4704%2020.0039%2017.6042C20.0207%2017.7379%2020.0698%2017.8656%2020.1468%2017.9762C20.2238%2018.0868%2020.3265%2018.1771%2020.4461%2018.2393C20.5657%2018.3015%2020.6986%2018.3338%2020.8334%2018.3333H26.6667C26.8244%2018.3328%2026.979%2018.377%2027.1126%2018.4608C27.2461%2018.5447%2027.3532%2018.6647%2027.4212%2018.8069C27.4893%2018.9492%2027.5156%2019.1078%2027.4971%2019.2644C27.4786%2019.4211%2027.4161%2019.5692%2027.3167%2019.6917L19.0667%2028.1917C19.0048%2028.2631%2018.9205%2028.3114%2018.8275%2028.3285C18.7346%2028.3457%2018.6386%2028.3308%2018.5553%2028.2862C18.4719%2028.2417%2018.4062%2028.1701%2018.3689%2028.0832C18.3316%2027.9964%2018.325%2027.8995%2018.35%2027.8083L19.95%2022.7917C19.9972%2022.6654%2020.0131%2022.5296%2019.9962%2022.3958C19.9794%2022.2621%2019.9303%2022.1344%2019.8533%2022.0238C19.7763%2021.9132%2019.6736%2021.8229%2019.554%2021.7607C19.4344%2021.6985%2019.3015%2021.6662%2019.1667%2021.6667H13.3334Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Me = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23D73328'/%3e%3cpath%20d='M20%2012.5C20.5555%2014.7222%2021.6666%2016.5278%2023.3333%2017.9167C25%2019.3056%2025.8333%2020.8333%2025.8333%2022.5C25.8333%2024.0471%2025.2187%2025.5308%2024.1247%2026.6248C23.0308%2027.7188%2021.5471%2028.3333%2020%2028.3333C18.4529%2028.3333%2016.9691%2027.7188%2015.8752%2026.6248C14.7812%2025.5308%2014.1666%2024.0471%2014.1666%2022.5C14.1666%2021.5985%2014.459%2020.7212%2015%2020C15%2020.5525%2015.2195%2021.0824%2015.6102%2021.4731C16.0009%2021.8638%2016.5308%2022.0833%2017.0833%2022.0833C17.6358%2022.0833%2018.1657%2021.8638%2018.5564%2021.4731C18.9471%2021.0824%2019.1666%2020.5525%2019.1666%2020C19.1666%2018.3333%2017.9166%2017.5%2017.9166%2015.8333C17.9166%2014.7222%2018.6111%2013.6111%2020%2012.5Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", je = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%2300A85A'/%3e%3cg%20clip-path='url(%23clip0_1162_2180)'%3e%3cpath%20d='M19.1808%2012.345C19.2165%2012.1538%2019.318%2011.9812%2019.4676%2011.8569C19.6172%2011.7327%2019.8055%2011.6647%2020%2011.6647C20.1945%2011.6647%2020.3828%2011.7327%2020.5324%2011.8569C20.682%2011.9812%2020.7835%2012.1538%2020.8192%2012.345L21.695%2016.9767C21.7572%2017.306%2021.9172%2017.6088%2022.1542%2017.8458C22.3912%2018.0828%2022.694%2018.2428%2023.0233%2018.305L27.655%2019.1808C27.8462%2019.2165%2028.0188%2019.318%2028.1431%2019.4676C28.2673%2019.6172%2028.3353%2019.8055%2028.3353%2020C28.3353%2020.1945%2028.2673%2020.3828%2028.1431%2020.5324C28.0188%2020.682%2027.8462%2020.7835%2027.655%2020.8192L23.0233%2021.695C22.694%2021.7572%2022.3912%2021.9172%2022.1542%2022.1542C21.9172%2022.3912%2021.7572%2022.694%2021.695%2023.0233L20.8192%2027.655C20.7835%2027.8462%2020.682%2028.0188%2020.5324%2028.1431C20.3828%2028.2673%2020.1945%2028.3353%2020%2028.3353C19.8055%2028.3353%2019.6172%2028.2673%2019.4676%2028.1431C19.318%2028.0188%2019.2165%2027.8462%2019.1808%2027.655L18.305%2023.0233C18.2428%2022.694%2018.0828%2022.3912%2017.8458%2022.1542C17.6088%2021.9172%2017.306%2021.7572%2016.9767%2021.695L12.345%2020.8192C12.1538%2020.7835%2011.9812%2020.682%2011.8569%2020.5324C11.7327%2020.3828%2011.6647%2020.1945%2011.6647%2020C11.6647%2019.8055%2011.7327%2019.6172%2011.8569%2019.4676C11.9812%2019.318%2012.1538%2019.2165%2012.345%2019.1808L16.9767%2018.305C17.306%2018.2428%2017.6088%2018.0828%2017.8458%2017.8458C18.0828%2017.6088%2018.2428%2017.306%2018.305%2016.9767L19.1808%2012.345Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M26.6666%2011.6667V15'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.3333%2013.3333H25'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3333%2028.3333C14.2538%2028.3333%2015%2027.5871%2015%2026.6667C15%2025.7462%2014.2538%2025%2013.3333%2025C12.4128%2025%2011.6666%2025.7462%2011.6666%2026.6667C11.6666%2027.5871%2012.4128%2028.3333%2013.3333%2028.3333Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1162_2180'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(10%2010)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Ne = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%235E6C84'/%3e%3cpath%20d='M14.1667%2020H25.8334'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Se = { class: "card-wrapper" }, Fe = ["aria-level"], He = ["onClick"], Be = ["src"], Re = /* @__PURE__ */ f({
+}), Le = ".header[data-v-ab3c2b54]{display:flex;align-items:center;padding:24px 16px 16px;border-radius:32px 32px 0 0;gap:8px;background:#fff;margin:10px 10px 0}.header__sender-name[data-v-ab3c2b54]{color:#122647;font-size:14px;font-weight:700}.card-wrapper[data-v-ab3c2b54]{padding:16px;border-radius:8px;background:#fff;text-align:left}.card-wrapper strong[data-v-ab3c2b54]{font-weight:bolder}.card-wrapper p[data-v-ab3c2b54]{color:#122647;font-size:.875rem;line-height:1.25rem}.card-wrapper .title[data-v-ab3c2b54]{font-weight:700}main[data-v-ab3c2b54]{padding:16px 21px}", ze = /* @__PURE__ */ b($e, [["styles", [Le]], ["__scopeId", "data-v-ab3c2b54"]]), Me = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23613FDD'/%3e%3cpath%20d='M28.1083%2025L21.4416%2013.3333C21.2962%2013.0768%2021.0854%2012.8635%2020.8307%2012.715C20.576%2012.5666%2020.2864%2012.4884%2019.9916%2012.4884C19.6968%2012.4884%2019.4072%2012.5666%2019.1525%2012.715C18.8978%2012.8635%2018.687%2013.0768%2018.5416%2013.3333L11.8749%2025C11.728%2025.2544%2011.651%2025.5432%2011.6516%2025.8371C11.6523%2026.1309%2011.7306%2026.4194%2011.8786%2026.6732C12.0267%2026.927%2012.2392%2027.1371%2012.4947%2027.2823C12.7501%2027.4275%2013.0394%2027.5026%2013.3333%2027.5H26.6666C26.959%2027.4997%2027.2462%2027.4225%2027.4993%2027.2761C27.7525%2027.1297%2027.9626%2026.9192%2028.1087%2026.6659C28.2548%2026.4126%2028.3316%2026.1253%2028.3316%2025.8329C28.3315%2025.5405%2028.2545%2025.2532%2028.1083%2025Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2017.5V20.8333'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%2024.1667H20.0083'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", je = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23FFCB33'/%3e%3cpath%20d='M13.3334%2021.6667C13.1757%2021.6672%2013.0211%2021.623%2012.8875%2021.5391C12.7539%2021.4553%2012.6469%2021.3353%2012.5788%2021.193C12.5108%2021.0508%2012.4844%2020.8921%2012.503%2020.7355C12.5215%2020.5789%2012.584%2020.4308%2012.6834%2020.3083L20.9334%2011.8083C20.9953%2011.7369%2021.0796%2011.6886%2021.1725%2011.6714C21.2655%2011.6543%2021.3615%2011.6692%2021.4448%2011.7137C21.5281%2011.7583%2021.5939%2011.8299%2021.6311%2011.9168C21.6684%2012.0036%2021.6751%2012.1005%2021.65%2012.1917L20.05%2017.2083C20.0029%2017.3346%2019.987%2017.4704%2020.0039%2017.6042C20.0207%2017.7379%2020.0698%2017.8656%2020.1468%2017.9762C20.2238%2018.0868%2020.3265%2018.1771%2020.4461%2018.2393C20.5657%2018.3015%2020.6986%2018.3338%2020.8334%2018.3333H26.6667C26.8244%2018.3328%2026.979%2018.377%2027.1126%2018.4608C27.2461%2018.5447%2027.3532%2018.6647%2027.4212%2018.8069C27.4893%2018.9492%2027.5156%2019.1078%2027.4971%2019.2644C27.4786%2019.4211%2027.4161%2019.5692%2027.3167%2019.6917L19.0667%2028.1917C19.0048%2028.2631%2018.9205%2028.3114%2018.8275%2028.3285C18.7346%2028.3457%2018.6386%2028.3308%2018.5553%2028.2862C18.4719%2028.2417%2018.4062%2028.1701%2018.3689%2028.0832C18.3316%2027.9964%2018.325%2027.8995%2018.35%2027.8083L19.95%2022.7917C19.9972%2022.6654%2020.0131%2022.5296%2019.9962%2022.3958C19.9794%2022.2621%2019.9303%2022.1344%2019.8533%2022.0238C19.7763%2021.9132%2019.6736%2021.8229%2019.554%2021.7607C19.4344%2021.6985%2019.3015%2021.6662%2019.1667%2021.6667H13.3334Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Ne = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%23D73328'/%3e%3cpath%20d='M20%2012.5C20.5555%2014.7222%2021.6666%2016.5278%2023.3333%2017.9167C25%2019.3056%2025.8333%2020.8333%2025.8333%2022.5C25.8333%2024.0471%2025.2187%2025.5308%2024.1247%2026.6248C23.0308%2027.7188%2021.5471%2028.3333%2020%2028.3333C18.4529%2028.3333%2016.9691%2027.7188%2015.8752%2026.6248C14.7812%2025.5308%2014.1666%2024.0471%2014.1666%2022.5C14.1666%2021.5985%2014.459%2020.7212%2015%2020C15%2020.5525%2015.2195%2021.0824%2015.6102%2021.4731C16.0009%2021.8638%2016.5308%2022.0833%2017.0833%2022.0833C17.6358%2022.0833%2018.1657%2021.8638%2018.5564%2021.4731C18.9471%2021.0824%2019.1666%2020.5525%2019.1666%2020C19.1666%2018.3333%2017.9166%2017.5%2017.9166%2015.8333C17.9166%2014.7222%2018.6111%2013.6111%2020%2012.5Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Se = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%2300A85A'/%3e%3cg%20clip-path='url(%23clip0_1162_2180)'%3e%3cpath%20d='M19.1808%2012.345C19.2165%2012.1538%2019.318%2011.9812%2019.4676%2011.8569C19.6172%2011.7327%2019.8055%2011.6647%2020%2011.6647C20.1945%2011.6647%2020.3828%2011.7327%2020.5324%2011.8569C20.682%2011.9812%2020.7835%2012.1538%2020.8192%2012.345L21.695%2016.9767C21.7572%2017.306%2021.9172%2017.6088%2022.1542%2017.8458C22.3912%2018.0828%2022.694%2018.2428%2023.0233%2018.305L27.655%2019.1808C27.8462%2019.2165%2028.0188%2019.318%2028.1431%2019.4676C28.2673%2019.6172%2028.3353%2019.8055%2028.3353%2020C28.3353%2020.1945%2028.2673%2020.3828%2028.1431%2020.5324C28.0188%2020.682%2027.8462%2020.7835%2027.655%2020.8192L23.0233%2021.695C22.694%2021.7572%2022.3912%2021.9172%2022.1542%2022.1542C21.9172%2022.3912%2021.7572%2022.694%2021.695%2023.0233L20.8192%2027.655C20.7835%2027.8462%2020.682%2028.0188%2020.5324%2028.1431C20.3828%2028.2673%2020.1945%2028.3353%2020%2028.3353C19.8055%2028.3353%2019.6172%2028.2673%2019.4676%2028.1431C19.318%2028.0188%2019.2165%2027.8462%2019.1808%2027.655L18.305%2023.0233C18.2428%2022.694%2018.0828%2022.3912%2017.8458%2022.1542C17.6088%2021.9172%2017.306%2021.7572%2016.9767%2021.695L12.345%2020.8192C12.1538%2020.7835%2011.9812%2020.682%2011.8569%2020.5324C11.7327%2020.3828%2011.6647%2020.1945%2011.6647%2020C11.6647%2019.8055%2011.7327%2019.6172%2011.8569%2019.4676C11.9812%2019.318%2012.1538%2019.2165%2012.345%2019.1808L16.9767%2018.305C17.306%2018.2428%2017.6088%2018.0828%2017.8458%2017.8458C18.0828%2017.6088%2018.2428%2017.306%2018.305%2016.9767L19.1808%2012.345Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M26.6666%2011.6667V15'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M28.3333%2013.3333H25'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3333%2028.3333C14.2538%2028.3333%2015%2027.5871%2015%2026.6667C15%2025.7462%2014.2538%2025%2013.3333%2025C12.4128%2025%2011.6666%2025.7462%2011.6666%2026.6667C11.6666%2027.5871%2012.4128%2028.3333%2013.3333%2028.3333Z'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1162_2180'%3e%3crect%20width='20'%20height='20'%20fill='white'%20transform='translate(10%2010)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", Fe = "data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%2010C0%204.47715%204.47715%200%2010%200H30C35.5228%200%2040%204.47715%2040%2010V30C40%2035.5228%2035.5228%2040%2030%2040H10C4.47715%2040%200%2035.5228%200%2030V10Z'%20fill='%235E6C84'/%3e%3cpath%20d='M14.1667%2020H25.8334'%20stroke='white'%20stroke-width='1.66667'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Be = { class: "card-wrapper" }, He = ["aria-level"], Ae = ["onClick"], Ve = ["src"], Re = /* @__PURE__ */ f({
   __name: "FeedBackQuiz.ce",
   props: {
     goodFeelings: { type: Array },
@@ -128,39 +128,39 @@ const X = {}, Y = {}, ee = {}, te = {
     const l = c, r = [
       {
         id: "fear",
-        icon: `${Le}`,
+        icon: `${Me}`,
         label: "De la peur"
       },
       {
         id: "emergency",
-        icon: `${ze}`,
+        icon: `${je}`,
         label: "De l'urgence"
       },
       {
         id: "hope",
-        icon: `${Me}`,
+        icon: `${Ne}`,
         label: "De l'espoir"
       },
       {
         id: "anger",
-        icon: `${je}`,
+        icon: `${Se}`,
         label: "De la colère"
       },
       {
         id: "empty",
-        icon: `${Ne}`,
+        icon: `${Fe}`,
         label: "Je ne sais pas"
       }
     ];
     function s(o) {
       l("sendResult", e.goodFeelings.includes(o));
     }
-    return (o, w) => (a(), d("div", Se, [
+    return (o, w) => (a(), d("div", Be, [
       t("div", {
         role: "heading",
         "aria-level": e.titleLevel ? e.titleLevel + 1 : 3,
         class: "title"
-      }, i(o.$t("phishing-message.feedBackQuizTitle")), 9, Fe),
+      }, i(o.$t("phishing-message.feedBackQuizTitle")), 9, He),
       t("ul", null, [
         (a(), d(y, null, $(r, ({ icon: p, label: n, id: u }) => t("li", { key: n }, [
           t("button", {
@@ -170,14 +170,14 @@ const X = {}, Y = {}, ee = {}, te = {
             t("img", {
               src: p,
               alt: ""
-            }, null, 8, Be),
+            }, null, 8, Ve),
             t("span", null, i(n), 1)
-          ], 8, He)
+          ], 8, Ae)
         ])), 64))
       ])
     ]));
   }
-}), Ve = ".card-wrapper[data-v-aed5dcf2]{padding:16px;border-radius:16px;background:#fff;box-shadow:0 25px 25px #00000040}.card-wrapper .title[data-v-aed5dcf2]{text-align:left;font-weight:700;font-family:Nunito,sans-serif;color:#122647;font-size:.875rem;margin-bottom:16px}.card-wrapper ul[data-v-aed5dcf2]{display:flex;justify-content:center;gap:8px}.card-wrapper li[data-v-aed5dcf2]{font-family:Roboto;font-size:.875rem;line-height:1.25rem;width:100px}.card-wrapper button[data-v-aed5dcf2]{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-wrap:nowrap;border:none;border-radius:8px;background:#f4f5f7;width:100%}.card-wrapper button[data-v-aed5dcf2]:hover{cursor:pointer}@media screen and (max-width:630px){.card-wrapper li[data-v-aed5dcf2]{font-size:.6rem;line-height:1rem;width:90px}.card-wrapper button[data-v-aed5dcf2]{padding:6px}.card-wrapper ul[data-v-aed5dcf2]{flex-wrap:wrap}}", Ae = /* @__PURE__ */ b(Re, [["styles", [Ve]], ["__scopeId", "data-v-aed5dcf2"]]), Pe = /* @__PURE__ */ f({
+}), Pe = ".card-wrapper[data-v-aed5dcf2]{padding:16px;border-radius:16px;background:#fff;box-shadow:0 25px 25px #00000040}.card-wrapper .title[data-v-aed5dcf2]{text-align:left;font-weight:700;font-family:Nunito,sans-serif;color:#122647;font-size:.875rem;margin-bottom:16px}.card-wrapper ul[data-v-aed5dcf2]{display:flex;justify-content:center;gap:8px}.card-wrapper li[data-v-aed5dcf2]{font-family:Roboto;font-size:.875rem;line-height:1.25rem;width:100px}.card-wrapper button[data-v-aed5dcf2]{display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-wrap:nowrap;border:none;border-radius:8px;background:#f4f5f7;width:100%}.card-wrapper button[data-v-aed5dcf2]:hover{cursor:pointer}@media screen and (max-width:630px){.card-wrapper li[data-v-aed5dcf2]{font-size:.6rem;line-height:1rem;width:90px}.card-wrapper button[data-v-aed5dcf2]{padding:6px}.card-wrapper ul[data-v-aed5dcf2]{flex-wrap:wrap}}", qe = /* @__PURE__ */ b(Re, [["styles", [Pe]], ["__scopeId", "data-v-aed5dcf2"]]), Ee = /* @__PURE__ */ f({
   __name: "PopInResult.ce",
   props: {
     content: { type: String },
@@ -202,10 +202,10 @@ const X = {}, Y = {}, ee = {}, te = {
       }, i(r.$t("phishing-message.next")), 1))
     ], 512));
   }
-}), qe = ".card-wrapper[data-v-69441fb3]{padding:16px;width:100%;max-width:460px;border-radius:16px;background:#eaf1ff;box-shadow:0 25px 25px #00000040}.card-wrapper button[data-v-69441fb3]{margin-top:24px;padding:8px 24px;border-radius:8px;background:#253858;color:#fff;border:none}.card-wrapper button[data-v-69441fb3]:hover{cursor:pointer;background-color:#5e6c84}", Ee = /* @__PURE__ */ b(Pe, [["styles", [qe]], ["__scopeId", "data-v-69441fb3"]]), Ie = { class: "container" }, Te = { class: "description" }, De = { class: "steps-wrapper" }, Ze = { class: "steps-wrapper__stepper" }, Oe = { "aria-hidden": "true" }, Qe = {
+}), Te = ".card-wrapper[data-v-69441fb3]{padding:16px;width:100%;max-width:460px;border-radius:16px;background:#eaf1ff;box-shadow:0 25px 25px #00000040}.card-wrapper button[data-v-69441fb3]{margin-top:24px;padding:8px 24px;border-radius:8px;background:#253858;color:#fff;border:none}.card-wrapper button[data-v-69441fb3]:hover{cursor:pointer;background-color:#5e6c84}", Ie = /* @__PURE__ */ b(Ee, [["styles", [Te]], ["__scopeId", "data-v-69441fb3"]]), De = { class: "container" }, Ze = { class: "description" }, Oe = { class: "steps-wrapper" }, Qe = { class: "steps-wrapper__stepper" }, Ge = { "aria-hidden": "true" }, Ue = {
   class: "sr-only",
   "aria-live": "polite"
-}, Ge = { class: "grid" }, Ue = /* @__PURE__ */ f({
+}, We = { class: "grid" }, Je = /* @__PURE__ */ f({
   __name: "PhishingMessage.ce",
   props: {
     titleLevel: { default: 2, type: Number }
@@ -244,17 +244,17 @@ const X = {}, Y = {}, ee = {}, te = {
         victory: n("phishing-message.message3.victory"),
         loose: n("phishing-message.message3.loose")
       }
-    ], v = m(() => u[p.value]), R = m(() => s.value && !o.value), V = m(() => s.value && o.value), A = m(() => u.length === p.value + 1), P = m(() => {
+    ], v = m(() => u[p.value]), A = m(() => s.value && !o.value), V = m(() => s.value && o.value), R = m(() => u.length === p.value + 1), P = m(() => {
       const h = w.value ? "victory" : "loose";
       return v.value[h];
     }), q = m(() => Math.floor((p.value + 1) / u.length * 100));
     async function E(h) {
       w.value = h, o.value = !0, await Q(), l.value.wrapper.focus();
     }
-    function I() {
+    function T() {
       s.value = !0, r.value.focus();
     }
-    function T() {
+    function I() {
       s.value = !1, o.value = !1, p.value++, r.value.focus();
     }
     function D() {
@@ -262,59 +262,59 @@ const X = {}, Y = {}, ee = {}, te = {
     }
     return c({
       reset: D
-    }), (h, L) => (a(), d("div", Ie, [
-      t("p", Te, i(h.$t("phishing-message.description")), 1),
-      t("div", De, [
-        t("div", Ze, [
+    }), (h, L) => (a(), d("div", De, [
+      t("p", Ze, i(h.$t("phishing-message.description")), 1),
+      t("div", Oe, [
+        t("div", Qe, [
           t("div", {
             class: "steps-wrapper__effective-steps",
             style: Z({ "--step1": `${q.value}%` })
           }, null, 4)
         ]),
-        t("p", Oe, i(p.value + 1) + "/3", 1),
-        t("p", Qe, i(h.$t("phishing-message.step", { step: p.value + 1, totalStep: u.length })), 1)
+        t("p", Ge, i(p.value + 1) + "/3", 1),
+        t("p", Ue, i(h.$t("phishing-message.step", { step: p.value + 1, totalStep: u.length })), 1)
       ]),
-      t("div", Ge, [
+      t("div", We, [
         t("div", {
           ref_key: "mobileShell",
           ref: r,
           class: "mobile-shell-content",
           tabindex: "-1"
         }, [
-          s.value ? (a(), x($e, z({ key: 0 }, v.value, { "title-level": e.titleLevel }), null, 16, ["title-level"])) : (a(), x(me, z({
+          s.value ? (a(), x(ze, z({ key: 0 }, v.value, { "title-level": e.titleLevel }), null, 16, ["title-level"])) : (a(), x(fe, z({
             key: 1,
-            onOpenMessage: I
+            onOpenMessage: T
           }, v.value, { "title-level": e.titleLevel }), null, 16, ["title-level"]))
         ], 512),
-        R.value ? (a(), x(Ae, {
+        A.value ? (a(), x(qe, {
           key: 0,
           onSendResult: E,
           "good-feelings": v.value.goodFeelings,
           class: "feedback",
           "title-level": e.titleLevel
         }, null, 8, ["good-feelings", "title-level"])) : g("", !0),
-        V.value ? (a(), x(Ee, {
+        V.value ? (a(), x(Ie, {
           key: 1,
           ref_key: "popInResult",
           ref: l,
           class: "feedback",
           content: P.value,
-          "is-last-step": A.value,
-          onNext: T
+          "is-last-step": R.value,
+          onNext: I
         }, null, 8, ["content", "is-last-step"])) : g("", !0),
         L[0] || (L[0] = O('<div class="mobile-shell"><div class="cache-top"><div class="camera"></div></div><div class="buttons"><div class="button small"></div><div class="button long"></div><div class="button long"></div></div></div>', 1))
       ])
     ]));
   }
-}), Je = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .description{margin-bottom:16px}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Ke = /* @__PURE__ */ b(Ue, [["styles", [Je]]]);
-J(/* @__PURE__ */ Object.assign({ "./locales/en.json": X, "./locales/es-419.json": Y, "./locales/es.json": ee, "./locales/fr.json": te, "./locales/it.json": ne, "./locales/nl.json": se })).catch((e) => console.error(e));
-const B = G(Ke, {
+}), Ke = 'html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}.container{position:relative;text-align:center}.container .description{margin-bottom:16px}.container .grid{display:grid;grid-template-columns:1fr 330px 1fr;grid-template-rows:auto auto;margin-top:20px;height:380px;margin-bottom:5px}.container .mobile-shell{grid-column:2;grid-row:1/span 2;position:relative;box-sizing:content-box;border:10px solid black;border-bottom:none;border-radius:30px 30px 0 0;background:#f4f5f7;height:inherit}.container .mobile-shell:after{content:"";position:absolute;top:-7px;left:-5px;width:85%;height:30px;border-top-left-radius:25px;border-top:.1rem solid rgba(255,255,255,.8);border-right:2px solid transparent;filter:blur(1px)}.container .mobile-shell-content{position:relative;z-index:1;grid-column:2;grid-row:1}.container .feedback{grid-column:1/span 3;grid-row:2;justify-self:center;align-self:center;position:relative;z-index:3;margin-bottom:20px}.container .h2,.container .h3{font-family:Nunito,Roboto,sans-serif;color:#122647;font-weight:700}.container .h2.title-page,.container .h3.title-page{font-size:1.25rem;line-height:28px;margin-bottom:8px}.container .steps-wrapper{display:flex;align-items:center;justify-content:center;color:#613fdd;font-size:.875rem;gap:6px;font-weight:500}.container .steps-wrapper__stepper{background:#e8eaed;height:8px;width:100%;max-width:336px;border-radius:4px}.container .steps-wrapper__effective-steps{width:var(--step1);background:#613fdd;border-radius:4px;height:8px}.container .mobile-shell .cache-top{position:absolute;z-index:6;top:0;left:32.5%;width:35%;height:15px;background:#000;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.container .mobile-shell .cache-top .camera{position:absolute;top:40%;right:5%;width:9%;max-width:10px;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffffff4d}.container .mobile-shell .cache-top .camera:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:#fff;filter:blur(1px)}.container .mobile-shell .buttons{position:absolute;top:10%;left:-12.5px;height:20%;width:5px}.container .mobile-shell .button{width:5px;background:#000;margin-bottom:10px;border-radius:30%}.container .mobile-shell .button.small{height:15px;margin-bottom:10px}.container .mobile-shell .button.long{height:30px}@media screen and (max-width:630px){.container .feedback{width:95%;margin-bottom:0}.container .grid{grid-template-columns:1fr 90% 1fr}}', Xe = /* @__PURE__ */ b(Je, [["styles", [Ke]]]);
+W(/* @__PURE__ */ Object.assign({ "./locales/de-AT.json": X, "./locales/en.json": Y, "./locales/es-419.json": ee, "./locales/es.json": te, "./locales/fr-BE.json": ne, "./locales/fr.json": se, "./locales/it.json": oe, "./locales/nl.json": ae })).catch((e) => console.error(e));
+const H = G(Xe, {
   configureApp(e) {
-    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(K, { i18next: M, slotStart: "{{", slotEnd: "}}" });
+    M.changeLanguage(document?.documentElement?.lang || navigator.language), e.use(J, { i18next: M, slotStart: "{{", slotEnd: "}}" });
   }
 });
-B.prototype.normalizeProps = (e) => ({
+H.prototype.normalizeProps = (e) => ({
   ...e,
-  titleLevel: W(e.titleLevel)
+  titleLevel: K(e.titleLevel)
 });
-window.customElements.define("phishing-message", B);
+window.customElements.define("phishing-message", H);