fansunited-frontend-components 0.0.78 → 0.0.80

package/chunks/{main-BpEXHrXG.js → main-D3vY3EZB.js}

@@ -1,30 +1,31 @@
 import { jsx as t, jsxs as A, Fragment as Z } from "react/jsx-runtime";
 import Be, { useState as p, useEffect as ye, useRef as Ve, useMemo as Xe } from "react";
-import { c as X, g as w, f as oe, u as K, h as tt, d as fe, B as r, i as _, a as q, b as nt, y as it, k as at, W as V, a7 as Wt, m as Ht, e as Tt, o as qt } from "./PrizeCard-DG54vy2l.js";
-import { P as Mt } from "./Portal-B5LOp_VA.js";
+import { c as X, g as w, f as le, u as K, h as tt, d as fe, B as r, i as _, a as q, b as nt, v as it, k as at, a3 as Wt, m as Ht, e as Tt, o as qt } from "./PrizeCard-YH9jftwY.js";
+import { P as Mt } from "./Portal-0HYQP6vC.js";
 import "react-dom";
-import { g as Ut, d as We, h as Te, a as jt, s as kt, f as pt, c as Vt } from "./helpers-DK7NIWA3.js";
-import { S as St } from "./Spinner-CfnxZwI6.js";
-import { S as Et, a as $t, b as Ft, c as lt, C as It, d as Pt } from "./ChanceGameEmbedVariant-DMI7i2Me.js";
-import { C as we, d as Ee, A as ot, a as rt, R as st, O as Rt, S as wt, b as ct, c as dt, u as Ot } from "./useConsents-CTrXjPMT.js";
-import { S as _t, a as mt, u as Nt, b as Gt } from "./useParticipationDraft-C39xos8n.js";
+import { g as Ut, d as We, h as Te, a as jt, s as kt, f as pt, c as Vt } from "./helpers-B4K14VMy.js";
+import { W as V } from "./enums-B1lTCQvC.js";
+import { S as St } from "./Spinner-CP7juuny.js";
+import { S as Et, a as $t, b as Ft, c as ot, C as It, d as Pt } from "./ChanceGameEmbedVariant-D8b8PZnU.js";
+import { C as we, d as Ee, A as lt, a as rt, R as st, O as Rt, S as wt, b as ct, c as dt, u as Ot } from "./useConsents-G3YImrA0.js";
+import { S as _t, a as mt, u as Nt, b as Gt } from "./useParticipationDraft-CLycICaf.js";
 import { g as Zt, y as Qt } from "./index-YA7wEdrb.js";
-import { d as Ie, a as Pe } from "./index-D5NQUqT3.js";
-import { a as ke, u as Ce } from "./useImageVariant-BpkocGDo.js";
-import { A as $e, O as Yt, S as Kt, N as Jt } from "./NotFoundSkeleton-CPrI2SnC.js";
-import { T as Q } from "./Typography-ECqxGAdq.js";
-import { C as Xt } from "./CollectLeadForm-DZe1Ymdq.js";
-import { B as Y } from "./Button-CsvEgUxT.js";
-import { D as ut } from "./DirectionScope-oLk_U3C_.js";
-import { S as zt } from "./StandardContentSkeleton-Bx2HVrwG.js";
-import { T as Oe, a as _e, b as Le, t as At, c as ve } from "./Tabs-Dx0bzmUT.js";
-import { C as en } from "./CheckCircle-BXhOrVkK.js";
-import { a as tn, I as nn, W as an } from "./AlertMessage-DioJxnEH.js";
-import { S as ln } from "./Stack-Ck9Xjygq.js";
-import { O as on } from "./OverlayScoreStateWrapperSkeleton-BDDNd4hM.js";
-import { S as rn, O as sn } from "./OverlaySignInSkeleton-BUiNvDRX.js";
+import { d as Ie, a as Pe } from "./index-D6_vWz9t.js";
+import { a as ke, u as Ce } from "./useImageVariant-CHZmm8-4.js";
+import { A as $e, O as Yt, S as Kt, N as Jt } from "./NotFoundSkeleton-BV0mXA7z.js";
+import { T as Q } from "./Typography-Ce4eGDV-.js";
+import { C as Xt } from "./CollectLeadForm-CwcEETPM.js";
+import { B as Y } from "./Button-By0gW9vl.js";
+import { D as ut } from "./DirectionScope-BYGJWPAq.js";
+import { S as zt } from "./StandardContentSkeleton-CsYymZyn.js";
+import { T as Oe, a as _e, b as Le, t as At, c as ve } from "./Tabs-D44eIyd1.js";
+import { C as en } from "./CheckCircle-BVTGl0Ft.js";
+import { a as tn, I as nn, W as an } from "./AlertMessage-DBbObbCr.js";
+import { S as on } from "./Stack-DuL71jRI.js";
+import { O as ln } from "./OverlayScoreStateWrapperSkeleton-BwDWj5VX.js";
+import { S as rn, O as sn } from "./OverlaySignInSkeleton-C0gpFLV4.js";
 const cn = (e, n) => {
-  const [l, a] = p(null), o = async () => {
+  const [o, a] = p(null), l = async () => {
     try {
       const i = await n.miniGames.getPersonalityQuizById(e, !0);
       a(i);
@@ -32,8 +33,8 @@ const cn = (e, n) => {
       console.error(i), a(new Zt());
     }
   };
-  return ye(() => (o(), () => a(null)), [e, n]), l;
-}, dn = (e, n, l, a = !1, o = !1) => {
+  return ye(() => (l(), () => a(null)), [e, n]), o;
+}, dn = (e, n, o, a = !1, l = !1) => {
   const [i, s] = p(null), [c, y] = p(!1), [S, R] = p(!1), [u, D] = p(""), g = async () => {
     try {
       const F = await n.miniGames.getMyPersonalityQuizParticipations({
@@ -58,7 +59,7 @@ const cn = (e, n) => {
       R(!0), D(P.data.error.message || "");
     }
   };
-  return ye(() => (g(), () => s([])), [e, n, l, a, o]), {
+  return ye(() => (g(), () => s([])), [e, n, o, a, l]), {
     myParticipation: i,
     isUnauthorized: c,
     isApiError: S,
@@ -69,7 +70,7 @@ const cn = (e, n) => {
   };
 }, et = (e) => {
   var d;
-  const n = X(), l = w(), a = oe().sm, o = K().primary, i = oe().xs, s = tt().size, c = fe(), y = ke(e.option.images), S = e.questionImage ? null : y, R = ((d = e.brandingColors) == null ? void 0 : d.primaryColor) || l.palette.primary.plainColor, u = l.palette.primary.onPrimary, D = n.colorSchemes.light.textColor, g = (T) => e.selectedOption === T.optionId ? {
+  const n = X(), o = w(), a = le().sm, l = K().primary, i = le().xs, s = tt().size, c = fe(), y = ke(e.option.images), S = e.questionImage ? null : y, R = ((d = e.brandingColors) == null ? void 0 : d.primaryColor) || o.palette.primary.plainColor, u = o.palette.primary.onPrimary, D = n.colorSchemes.light.textColor, g = (T) => e.selectedOption === T.optionId ? {
     bgcolor: R,
     boxShadow: `inset 0 0 0 ${s} ${R}`,
     color: u
@@ -133,7 +134,7 @@ const cn = (e, n) => {
           {
             level: "body-md",
             sx: {
-              fontFamily: o,
+              fontFamily: l,
               fontWeight: 500,
               fontSize: "0.935em",
               lineHeight: "24px",
@@ -150,7 +151,7 @@ const cn = (e, n) => {
         {
           level: "body-md",
           sx: {
-            fontFamily: o,
+            fontFamily: l,
             fontWeight: 500,
             fontSize: "0.935em",
             lineHeight: "16px",
@@ -169,11 +170,11 @@ const cn = (e, n) => {
 }, gt = (e) => {
   if (e.optionsLayout === "twoByTwo") {
     const n = [];
-    for (let l = 0; l < e.options.length; l += 2) {
-      const a = e.options.slice(l, l + 2);
+    for (let o = 0; o < e.options.length; o += 2) {
+      const a = e.options.slice(o, o + 2);
       n.push(a);
     }
-    return /* @__PURE__ */ t(r, { sx: { py: 2, display: "flex", flexDirection: "column", gap: 2 }, children: n.map((l, a) => /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(r, { sx: { py: 2, display: "flex", flexDirection: "column", gap: 2 }, children: n.map((o, a) => /* @__PURE__ */ t(
       r,
       {
         sx: {
@@ -184,16 +185,16 @@ const cn = (e, n) => {
           },
           gap: 2
         },
-        children: l.map((o) => /* @__PURE__ */ t(
+        children: o.map((l) => /* @__PURE__ */ t(
           et,
           {
-            option: o,
+            option: l,
             questionImage: e.questionImage,
             selectedOption: e.selectedOption,
             answerQuestion: e.answerQuestion,
             brandingColors: e.brandingColors
           },
-          o.optionId
+          l.optionId
         ))
       },
       `row-${a}`
@@ -233,10 +234,10 @@ const cn = (e, n) => {
     }
   );
 }, U = (e) => {
-  const n = K().secondary, l = _(), a = Ut(e.primaryUrl, e.secondaryUrl, "logo");
+  const n = K().secondary, o = _(), a = Ut(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
-  const o = () => {
+  const l = () => {
     a && window.open(a, "_blank", "noopener,noreferrer");
   }, i = /* @__PURE__ */ t(
     "img",
@@ -265,7 +266,7 @@ const cn = (e, n) => {
   ) : /* @__PURE__ */ t(
     r,
     {
-      onClick: o,
+      onClick: l,
       sx: {
         cursor: "pointer",
         display: "inline-flex"
@@ -273,7 +274,7 @@ const cn = (e, n) => {
       children: i
     }
   ) : i;
-  return l ? /* @__PURE__ */ A(
+  return o ? /* @__PURE__ */ A(
     r,
     {
       sx: {
@@ -340,9 +341,9 @@ const cn = (e, n) => {
 }, Qe = ({
   sdk: e,
   contentId: n,
-  contentName: l,
+  contentName: o,
   brandingColors: a,
-  brandingUrls: o,
+  brandingUrls: l,
   campaignId: i,
   campaignName: s,
   startGame: c,
@@ -368,12 +369,12 @@ const cn = (e, n) => {
       content: {
         id: n,
         type: "personality-quiz",
-        name: l
+        name: o
       },
       onSuccessCta: I,
       branding: {
         colors: a,
-        urls: o
+        urls: l
       },
       campaign: {
         id: i,
@@ -521,17 +522,17 @@ const cn = (e, n) => {
     alignItems: "center"
   }
 }), un = (e) => {
-  var B, j, H, E, m, W, $, M, ee, te, ie, re, se, me, ne, O, N, ce, de, ae, xe, le, ue, ge, ze, De, He;
-  const [n, l] = Be.useState(
+  var B, j, H, E, m, W, $, M, ee, te, ie, re, se, me, ne, O, N, ce, de, ae, xe, oe, ue, ge, ze, De, He;
+  const [n, o] = Be.useState(
     ((B = e.leads) == null ? void 0 : B.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = nt(it), o = fe(), i = X(), s = ke(e.question.images), { t: c } = q(), y = _(), S = at(), { brandingImage: R, brandingColors: u, brandingLogo: D } = We(e.personalityQuiz.branding || null), g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : _() ? Ie : Pe, F = R || Ce(
+  ), { optionsLayout: a } = nt(it), l = fe(), i = X(), s = ke(e.question.images), { t: c } = q(), y = _(), S = at(), { brandingImage: R, brandingColors: u, brandingLogo: D } = We(e.personalityQuiz.branding || null), g = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : _() ? Ie : Pe, F = R || Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: g
     },
     V.OVERLAY
   ), k = e.currentQuestion === e.personalityQuiz.questions.length && (((j = e.leads) == null ? void 0 : j.position) === "after" || e.hasAfterConsents) ? c("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? c("personalityQuiz.buttons.finish") : c("personalityQuiz.buttons.next"), P = i.customRadius.dark.sm, C = (u == null ? void 0 : u.backgroundColor) || ((E = (H = i.colorSchemes) == null ? void 0 : H.dark) == null ? void 0 : E.surfaceVariant), d = (W = (m = i.customRadius) == null ? void 0 : m.light) == null ? void 0 : W.xl, T = (u == null ? void 0 : u.primaryColor) || ((te = (ee = (M = ($ = i.colorSchemes) == null ? void 0 : $.light) == null ? void 0 : M.palette) == null ? void 0 : ee.primary) == null ? void 0 : te.plainColor), h = (me = (se = (re = (ie = i.colorSchemes) == null ? void 0 : ie.light) == null ? void 0 : re.palette) == null ? void 0 : se.primary) == null ? void 0 : me.onPrimary, f = i.customFontFamily.dark.primary, x = i.colorSchemes.dark.textColor, b = mn({
-    spacingScale: o,
+    spacingScale: l,
     smBorderRadius: P,
     contentBgColor: C,
     buttonRadius: d,
@@ -542,7 +543,7 @@ const cn = (e, n) => {
     isMobile: y,
     isLarge: S
   }), I = () => {
-    l(!1);
+    o(!1);
   }, L = () => {
     var qe, Me, Fe, he, Re;
     return /* @__PURE__ */ t(
@@ -585,7 +586,7 @@ const cn = (e, n) => {
             campaignName: (de = e.leads) == null ? void 0 : de.campaignName,
             fields: (ae = e.leads) == null ? void 0 : ae.fields,
             leadTitle: (xe = e.personalityQuiz.labels) == null ? void 0 : xe.leadTitle,
-            leadDescription: (le = e.personalityQuiz.labels) == null ? void 0 : le.leadDescription,
+            leadDescription: (oe = e.personalityQuiz.labels) == null ? void 0 : oe.leadDescription,
             leadCta: (ue = e.personalityQuiz.labels) == null ? void 0 : ue.leadCta,
             leadSuccessTitle: (ge = e.personalityQuiz.labels) == null ? void 0 : ge.leadSuccessTitle,
             leadSuccessDescription: (ze = e.personalityQuiz.labels) == null ? void 0 : ze.leadSuccessDescription,
@@ -636,7 +637,7 @@ const cn = (e, n) => {
               variant: "soft",
               disabled: e.selectedOption === null,
               sx: b.nextButton,
-              endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(ot, {}) }),
+              endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(lt, {}) }),
               onClick: e.handleNext,
               loading: e.isLoading,
               children: /* @__PURE__ */ t(Q, { sx: b.nextButtonText, children: k })
@@ -647,7 +648,7 @@ const cn = (e, n) => {
     }
   );
 }, Dt = (e) => {
-  const n = K().primary, l = oe().xl, a = w().palette.primary.onPrimary;
+  const n = K().primary, o = le().xl, a = w().palette.primary.onPrimary;
   return /* @__PURE__ */ t(
     Y,
     {
@@ -655,7 +656,7 @@ const cn = (e, n) => {
       disabled: e.selectedOption === null,
       loading: e.isLoading,
       sx: {
-        borderRadius: l,
+        borderRadius: o,
         py: "10px",
         pr: "12px",
         pl: "16px",
@@ -704,11 +705,11 @@ const cn = (e, n) => {
   );
 }, gn = (e) => {
   const n = () => {
-    const l = X(), a = l.customRadius.light.full, o = e.personalityQuiz.questions.length;
-    return Array.from({ length: o }, (i, s) => {
+    const o = X(), a = o.customRadius.light.full, l = e.personalityQuiz.questions.length;
+    return Array.from({ length: l }, (i, s) => {
       const c = s + 1;
       let y, S;
-      return c < e.currentQuestion ? (y = l.colorSchemes.light.palette.success.plainColor, S = l.colorSchemes.light.palette.success.outlinedBorder) : c === e.currentQuestion ? (y = e.brandingPrimaryColor || l.colorSchemes.light.palette.primary.plainColor, S = e.brandingPrimaryColor || l.colorSchemes.light.palette.primary.outlinedBorder) : (y = l.colorSchemes.light.secondaryContainer, S = l.colorSchemes.light.outlineEnabledBorder), /* @__PURE__ */ t(
+      return c < e.currentQuestion ? (y = o.colorSchemes.light.palette.success.plainColor, S = o.colorSchemes.light.palette.success.outlinedBorder) : c === e.currentQuestion ? (y = e.brandingPrimaryColor || o.colorSchemes.light.palette.primary.plainColor, S = e.brandingPrimaryColor || o.colorSchemes.light.palette.primary.outlinedBorder) : (y = o.colorSchemes.light.secondaryContainer, S = o.colorSchemes.light.outlineEnabledBorder), /* @__PURE__ */ t(
         r,
         {
           sx: {
@@ -741,7 +742,7 @@ const cn = (e, n) => {
   children: e,
   brandingBorderColor: n
 }) => {
-  const l = oe().md, a = n || w().secondaryContainer, o = tt().size, i = _(), s = o + " solid " + a;
+  const o = le().md, a = n || w().secondaryContainer, l = tt().size, i = _(), s = l + " solid " + a;
   return /* @__PURE__ */ t(
     r,
     {
@@ -749,7 +750,7 @@ const cn = (e, n) => {
         display: "flex",
         flexDirection: i ? "column" : "row",
         width: "100%",
-        borderRadius: l,
+        borderRadius: o,
         boxShadow: "md",
         border: s,
         overflow: "hidden",
@@ -887,15 +888,15 @@ const cn = (e, n) => {
   }
 }), fn = (e) => {
   var L, B, j, H, E, m, W, $, M, ee, te, ie, re, se, me, ne, O;
-  const [n, l] = Be.useState(
+  const [n, o] = Be.useState(
     ((L = e.leads) == null ? void 0 : L.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = nt(it), o = ke(e.question.images), { t: i } = q(), s = _(), c = Ht(), y = ((B = e.personalityQuiz.branding) == null ? void 0 : B.colors) || null, S = s ? ((j = e.personalityQuiz.branding) == null ? void 0 : j.images.mobileLogo) || ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mainLogo) || "" : ((E = e.personalityQuiz.branding) == null ? void 0 : E.images.mainLogo) || "", R = e.imagePosition || "left", u = Ce(
+  ), { optionsLayout: a } = nt(it), l = ke(e.question.images), { t: i } = q(), s = _(), c = Ht(), y = ((B = e.personalityQuiz.branding) == null ? void 0 : B.colors) || null, S = s ? ((j = e.personalityQuiz.branding) == null ? void 0 : j.images.mobileLogo) || ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mainLogo) || "" : ((E = e.personalityQuiz.branding) == null ? void 0 : E.images.mainLogo) || "", R = e.imagePosition || "left", u = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     V.STANDARD
-  ), D = e.currentQuestion === e.personalityQuiz.questions.length && (((m = e.leads) == null ? void 0 : m.position) === "after" || e.hasAfterConsents) ? i("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? i("personalityQuiz.buttons.finish") : i("personalityQuiz.buttons.next"), g = c || s && !!u, F = (y == null ? void 0 : y.contentColor) || w().textColor, k = K().primary, P = (y == null ? void 0 : y.backgroundColor) || w().surfaceVariant, C = oe().md, d = oe().sm, T = (y == null ? void 0 : y.primaryColor) || w().palette.primary.plainColor, h = fe(), f = yn({
+  ), D = e.currentQuestion === e.personalityQuiz.questions.length && (((m = e.leads) == null ? void 0 : m.position) === "after" || e.hasAfterConsents) ? i("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? i("personalityQuiz.buttons.finish") : i("personalityQuiz.buttons.next"), g = c || s && !!u, F = (y == null ? void 0 : y.contentColor) || w().textColor, k = K().primary, P = (y == null ? void 0 : y.backgroundColor) || w().surfaceVariant, C = le().md, d = le().sm, T = (y == null ? void 0 : y.primaryColor) || w().palette.primary.plainColor, h = fe(), f = yn({
     spacingScale: h,
     fontFamilyPrimary: k,
     textColor: F,
@@ -904,9 +905,9 @@ const cn = (e, n) => {
     smBorderRadius: d,
     isExtraSmall: g
   }), x = () => {
-    l(!1);
+    o(!1);
   }, b = (N) => {
-    var ce, de, ae, xe, le;
+    var ce, de, ae, xe, oe;
     return /* @__PURE__ */ t(
       U,
       {
@@ -914,7 +915,7 @@ const cn = (e, n) => {
         textColor: N,
         label: ((ce = e.personalityQuiz.labels) == null ? void 0 : ce.sponsor) || null,
         primaryUrl: (ae = (de = e.personalityQuiz.branding) == null ? void 0 : de.urls) == null ? void 0 : ae.primaryUrl,
-        secondaryUrl: (le = (xe = e.personalityQuiz.branding) == null ? void 0 : xe.urls) == null ? void 0 : le.secondaryUrl
+        secondaryUrl: (oe = (xe = e.personalityQuiz.branding) == null ? void 0 : xe.urls) == null ? void 0 : oe.secondaryUrl
       }
     );
   }, I = () => {
@@ -994,7 +995,7 @@ const cn = (e, n) => {
         ) }),
         /* @__PURE__ */ t(r, { sx: f.questionArea, children: /* @__PURE__ */ A(r, { sx: f.questionContainer, children: [
           /* @__PURE__ */ A(r, { sx: f.questionContentContainer, children: [
-            o && /* @__PURE__ */ t(
+            l && /* @__PURE__ */ t(
               $e,
               {
                 ratio: "16/9",
@@ -1002,7 +1003,7 @@ const cn = (e, n) => {
                 children: /* @__PURE__ */ t(r, { sx: f.questionImageBox, children: /* @__PURE__ */ t(
                   "img",
                   {
-                    src: o,
+                    src: l,
                     alt: "Question illustration",
                     style: f.questionImage
                   }
@@ -1017,7 +1018,7 @@ const cn = (e, n) => {
                 answerQuestion: e.answerQuestion,
                 selectedOption: e.selectedOption,
                 optionsLayout: a ?? "twoByTwo",
-                questionImage: o,
+                questionImage: l,
                 brandingColors: y
               }
             )
@@ -1032,7 +1033,7 @@ const cn = (e, n) => {
                   Dt,
                   {
                     selectedOption: e.selectedOption,
-                    endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(ot, {}) }),
+                    endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(lt, {}) }),
                     label: D,
                     buttonColor: T,
                     onClick: e.handleNext,
@@ -1144,15 +1145,15 @@ const cn = (e, n) => {
   }
 }), hn = (e) => {
   var B, j, H, E, m, W, $, M, ee, te, ie, re, se, me, ne, O, N, ce, de;
-  const [n, l] = Be.useState(
+  const [n, o] = Be.useState(
     ((B = e.leads) == null ? void 0 : B.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = nt(it), o = X(), i = _(), s = at(), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Ie : Pe, y = Ce(
+  ), { optionsLayout: a } = nt(it), l = X(), i = _(), s = at(), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? Ie : Pe, y = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: c
     },
     V.SPLIT
-  ), S = ke(e.question.images), { t: R } = q(), u = ((j = e.personalityQuiz.branding) == null ? void 0 : j.colors) || null, D = i ? ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mobileLogo) || ((E = e.personalityQuiz.branding) == null ? void 0 : E.images.mainLogo) || "" : ((m = e.personalityQuiz.branding) == null ? void 0 : m.images.mainLogo) || "", g = e.currentQuestion === e.personalityQuiz.questions.length && (((W = e.leads) == null ? void 0 : W.position) === "after" || e.hasAfterConsents) ? R("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? R("personalityQuiz.buttons.finish") : R("personalityQuiz.buttons.next"), F = (u == null ? void 0 : u.contentColor) || w().textColor, k = K().primary, P = (u == null ? void 0 : u.backgroundColor) || w().surfaceVariant, C = (u == null ? void 0 : u.primaryColor) || ((M = ($ = w().palette) == null ? void 0 : $.primary) == null ? void 0 : M.plainColor), d = w().textColor, T = fe(), h = oe(), f = Te(P || ""), x = xn({
+  ), S = ke(e.question.images), { t: R } = q(), u = ((j = e.personalityQuiz.branding) == null ? void 0 : j.colors) || null, D = i ? ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mobileLogo) || ((E = e.personalityQuiz.branding) == null ? void 0 : E.images.mainLogo) || "" : ((m = e.personalityQuiz.branding) == null ? void 0 : m.images.mainLogo) || "", g = e.currentQuestion === e.personalityQuiz.questions.length && (((W = e.leads) == null ? void 0 : W.position) === "after" || e.hasAfterConsents) ? R("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? R("personalityQuiz.buttons.finish") : R("personalityQuiz.buttons.next"), F = (u == null ? void 0 : u.contentColor) || w().textColor, k = K().primary, P = (u == null ? void 0 : u.backgroundColor) || w().surfaceVariant, C = (u == null ? void 0 : u.primaryColor) || ((M = ($ = w().palette) == null ? void 0 : $.primary) == null ? void 0 : M.plainColor), d = w().textColor, T = fe(), h = le(), f = Te(P || ""), x = xn({
     spacingScale: T,
     borderRadius: h,
     fontFamilyPrimary: k,
@@ -1161,16 +1162,16 @@ const cn = (e, n) => {
     bgcolor: f,
     textColor: d
   }), b = () => {
-    l(!1);
+    o(!1);
   }, I = (ae) => {
-    var xe, le, ue, ge, ze;
+    var xe, oe, ue, ge, ze;
     return /* @__PURE__ */ t(
       U,
       {
         brandingLogo: D,
         textColor: ae,
         label: ((xe = e.personalityQuiz.labels) == null ? void 0 : xe.sponsor) || null,
-        primaryUrl: (ue = (le = e.personalityQuiz.branding) == null ? void 0 : le.urls) == null ? void 0 : ue.primaryUrl,
+        primaryUrl: (ue = (oe = e.personalityQuiz.branding) == null ? void 0 : oe.urls) == null ? void 0 : ue.primaryUrl,
         secondaryUrl: (ze = (ge = e.personalityQuiz.branding) == null ? void 0 : ge.urls) == null ? void 0 : ze.secondaryUrl
       }
     );
@@ -1261,7 +1262,7 @@ const cn = (e, n) => {
                 Dt,
                 {
                   selectedOption: e.selectedOption,
-                  endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(ot, {}) }),
+                  endDecorator: /* @__PURE__ */ t(ut, { children: /* @__PURE__ */ t(lt, {}) }),
                   label: g,
                   buttonColor: C,
                   onClick: e.handleNext,
@@ -1274,24 +1275,24 @@ const cn = (e, n) => {
             ] })
           ] }) }),
           n && D && i ? I(
-            (u == null ? void 0 : u.contentColor) || o.colorSchemes.dark.textColor
+            (u == null ? void 0 : u.contentColor) || l.colorSchemes.dark.textColor
           ) : /* @__PURE__ */ t(Z, {})
         ] }) })
       }
     ),
     D && s && /* @__PURE__ */ t(r, { sx: { mb: T.lg, px: T.lg }, children: I(
-      (u == null ? void 0 : u.contentColor) || o.colorSchemes.dark.textColor
+      (u == null ? void 0 : u.contentColor) || l.colorSchemes.dark.textColor
     ) })
   ] });
 }, bn = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_1048'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_1048)'%3e%3cpath%20d='M12%2020.6254L5.20005%2016.9254V11.1254L1.36255%209.01289L12%203.21289L22.65%209.01464V16.7504H20.775V10.0504L18.8%2011.1254V16.9254L12%2020.6254ZM12%2012.6754L18.75%209.01289L12%205.36289L5.26255%209.01289L12%2012.6754ZM12%2018.4879L16.925%2015.8296V12.1129L12%2014.8254L7.07505%2012.1129V15.8296L12%2018.4879Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", Cn = "data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_504'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='25'%20height='24'%3e%3crect%20x='0.5'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_504)'%3e%3cpath%20d='M9.6875%206H11.5625V4.125H9.6875V6ZM13.4375%206V4.125H15.3125V6H13.4375ZM9.6875%2013.5V11.625H11.5625V13.5H9.6875ZM17.1875%209.75V7.875H19.0625V9.75H17.1875ZM17.1875%2013.5V11.625H19.0625V13.5H17.1875ZM13.4375%2013.5V11.625H15.3125V13.5H13.4375ZM17.1875%206V4.125H19.0625V6H17.1875ZM11.5625%207.875V6H13.4375V7.875H11.5625ZM5.9375%2019.825V4.125H7.8125V6H9.6875V7.875H7.8125V9.75H9.6875V11.625H7.8125V19.825H5.9375ZM15.3125%2011.625V9.75H17.1875V11.625H15.3125ZM11.5625%2011.625V9.75H13.4375V11.625H11.5625ZM9.6875%209.75V7.875H11.5625V9.75H9.6875ZM13.4375%209.75V7.875H15.3125V9.75H13.4375ZM15.3125%207.875V6H17.1875V7.875H15.3125Z'%20fill='%23212121'/%3e%3c/g%3e%3c/svg%3e", Sn = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_929_360'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_929_360)'%3e%3cpath%20d='M9.22917%2014.0625H10.7917V9.1875H9.22917V14.0625ZM9.99771%207.58333C10.2215%207.58333%2010.4097%207.50771%2010.5625%207.35646C10.7153%207.20507%2010.7917%207.01757%2010.7917%206.79396C10.7917%206.57021%2010.716%206.38194%2010.5648%206.22917C10.4134%206.07639%2010.2259%206%2010.0023%206C9.77854%206%209.59028%206.07563%209.4375%206.22688C9.28472%206.37826%209.20833%206.56576%209.20833%206.78938C9.20833%207.01313%209.28396%207.20139%209.43521%207.35417C9.5866%207.50694%209.7741%207.58333%209.99771%207.58333ZM10%2018.125C8.87625%2018.125%207.82021%2017.9114%206.83187%2017.4842C5.84368%2017.0568%204.98403%2016.4769%204.25292%2015.7446C3.52181%2015.0121%202.94271%2014.1522%202.51562%2013.1648C2.08854%2012.1776%201.875%2011.1226%201.875%2010C1.875%208.87625%202.08861%207.82021%202.51583%206.83187C2.94319%205.84368%203.52306%204.98403%204.25542%204.25292C4.98792%203.52181%205.84785%202.94271%206.83521%202.51562C7.82243%202.08854%208.87736%201.875%2010%201.875C11.1237%201.875%2012.1798%202.08861%2013.1681%202.51583C14.1563%202.94319%2015.016%203.52306%2015.7471%204.25542C16.4782%204.98792%2017.0573%205.84785%2017.4844%206.83521C17.9115%207.82243%2018.125%208.87736%2018.125%2010C18.125%2011.1237%2017.9114%2012.1798%2017.4842%2013.1681C17.0568%2014.1563%2016.4769%2015.016%2015.7446%2015.7471C15.0121%2016.4782%2014.1522%2017.0573%2013.1648%2017.4844C12.1776%2017.9115%2011.1226%2018.125%2010%2018.125ZM10%2016.5625C11.8264%2016.5625%2013.3767%2015.9253%2014.651%2014.651C15.9253%2013.3767%2016.5625%2011.8264%2016.5625%2010C16.5625%208.17361%2015.9253%206.62326%2014.651%205.34896C13.3767%204.07465%2011.8264%203.4375%2010%203.4375C8.17361%203.4375%206.62326%204.07465%205.34896%205.34896C4.07465%206.62326%203.4375%208.17361%203.4375%2010C3.4375%2011.8264%204.07465%2013.3767%205.34896%2014.651C6.62326%2015.9253%208.17361%2016.5625%2010%2016.5625Z'%20fill='%23212121'%20fill-opacity='0.6'/%3e%3c/g%3e%3c/svg%3e", yt = ({
   questions: e,
   userParticipation: n,
-  resultsTabPanelSxProps: l,
+  resultsTabPanelSxProps: o,
   isOverlayVariant: a,
-  children: o,
+  children: l,
   brandingColors: i
 }) => {
-  const [s, c] = Be.useState(0), y = X(), { t: S } = q(), R = _(), u = oe().md, D = a ? y.colorSchemes.dark.textPrimary : w().textPrimary, g = a ? y.colorSchemes.dark.textSecondary : w().textSecondary, F = K().primary, k = K().secondary, P = a ? y.colorSchemes.dark.secondaryContainer : w().secondaryContainer, C = i != null && i.backgroundColor || a ? y.colorSchemes.dark.surfaceVariant : w().surfaceVariant, d = fe();
+  const [s, c] = Be.useState(0), y = X(), { t: S } = q(), R = _(), u = le().md, D = a ? y.colorSchemes.dark.textPrimary : w().textPrimary, g = a ? y.colorSchemes.dark.textSecondary : w().textSecondary, F = K().primary, k = K().secondary, P = a ? y.colorSchemes.dark.secondaryContainer : w().secondaryContainer, C = i != null && i.backgroundColor || a ? y.colorSchemes.dark.surfaceVariant : w().surfaceVariant, d = fe();
   let T = a ? y.colorSchemes.dark.textPrimary : w().textPrimary;
   i != null && i.primaryColor && (T = i.primaryColor);
   const h = (f, x) => {
@@ -1642,7 +1643,7 @@ const cn = (e, n) => {
             ]
           }
         ),
-        s === 0 && /* @__PURE__ */ t(ve, { value: 0, sx: { ...l, fontSize: "1em" }, children: o }),
+        s === 0 && /* @__PURE__ */ t(ve, { value: 0, sx: { ...o, fontSize: "1em" }, children: l }),
         s === 1 && /* @__PURE__ */ t(
           ve,
           {
@@ -2250,10 +2251,10 @@ const cn = (e, n) => {
 }, ft = ({
   variant: e,
   title: n,
-  message: l,
+  message: o,
   description: a
 }) => {
-  const o = X(), i = oe(), s = K().secondary, c = zn(e);
+  const l = X(), i = le(), s = K().secondary, c = zn(e);
   return /* @__PURE__ */ t(
     tn,
     {
@@ -2261,7 +2262,7 @@ const cn = (e, n) => {
       color: c,
       startDecorator: Pn(
         e,
-        o.colorSchemes.light.palette.danger.plainColor
+        l.colorSchemes.light.palette.danger.plainColor
       ),
       sx: {
         gap: 1,
@@ -2270,7 +2271,7 @@ const cn = (e, n) => {
         "--Icon-fontSize": "1.25em"
       },
       children: /* @__PURE__ */ A(
-        ln,
+        on,
         {
           sx: {
             fontSize: "1.5em"
@@ -2291,7 +2292,7 @@ const cn = (e, n) => {
               {
                 level: "body-sm",
                 sx: { fontFamily: s, fontSize: "0.675em" },
-                children: l
+                children: o
               }
             ),
             a && /* @__PURE__ */ t(
@@ -2308,16 +2309,16 @@ const cn = (e, n) => {
     }
   );
 }, xt = (e, n) => !n.personas || !e.personaResults ? [] : n.personas.map((a) => {
-  const o = e.personaResults.find(
+  const l = e.personaResults.find(
     (i) => i.personaId === a.personaId
   );
-  return o ? {
-    ...o,
+  return l ? {
+    ...l,
     percent: a.percent
   } : null;
 }).filter(
   (a) => a !== null && a.percent > 0
-).sort((a, o) => o.percent - a.percent), An = (e) => ({
+).sort((a, l) => l.percent - a.percent), An = (e) => ({
   // Content wrapper
   contentWrapper: {
     display: "flex",
@@ -2541,7 +2542,7 @@ const cn = (e, n) => {
 }), Tn = ({
   personas: e
 }) => {
-  const [n, l] = p(0), a = X(), o = w(), i = oe(), s = K(), c = fe(), y = _(), S = o.textPrimary, R = o.palette.primary.plainColor, u = o.textColor, D = `rgba(${Te(o.surfaceVariant || "")}, 0.5)`, g = o.surfaceVariant, F = a.colorSchemes.light.palette.success.plainColor, k = a.colorSchemes.light.palette.primary.onPrimary, P = An({
+  const [n, o] = p(0), a = X(), l = w(), i = le(), s = K(), c = fe(), y = _(), S = l.textPrimary, R = l.palette.primary.plainColor, u = l.textColor, D = `rgba(${Te(l.surfaceVariant || "")}, 0.5)`, g = l.surfaceVariant, F = a.colorSchemes.light.palette.success.plainColor, k = a.colorSchemes.light.palette.primary.onPrimary, P = An({
     spacingScale: c,
     borderRadius: i,
     fontFamilyPrimary: s.primary,
@@ -2559,7 +2560,7 @@ const cn = (e, n) => {
     Oe,
     {
       value: n,
-      onChange: (C, d) => l(d),
+      onChange: (C, d) => o(d),
       sx: P.tabsContainer,
       children: [
         /* @__PURE__ */ t(_e, { sx: P.tabList, children: e.map((C, d) => {
@@ -2648,13 +2649,13 @@ const cn = (e, n) => {
   ) }) });
 }, kn = (e) => {
   var I, L, B, j, H;
-  const n = X(), l = Ce(
+  const n = X(), o = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     V.STANDARD
-  ), { t: a } = q(), o = ((I = e.personalityQuiz.branding) == null ? void 0 : I.colors) || null, i = _() ? ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mobileLogo) || ((B = e.personalityQuiz.branding) == null ? void 0 : B.images.mainLogo) || "" : ((j = e.personalityQuiz.branding) == null ? void 0 : j.images.mainLogo) || "", s = e.imagePosition || "left", c = w().textPrimary, y = (o == null ? void 0 : o.primaryColor) || w().palette.primary.plainColor, S = (o == null ? void 0 : o.secondaryColor) || w().textSecondary, R = w().secondaryContainer, u = (o == null ? void 0 : o.contentColor) || w().textColor, D = K().secondary, g = K().primary, F = (o == null ? void 0 : o.backgroundColor) || w().surface, k = w().onSurface, P = oe(), C = tt().size, d = fe(), T = `rgba(${Te(
+  ), { t: a } = q(), l = ((I = e.personalityQuiz.branding) == null ? void 0 : I.colors) || null, i = _() ? ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mobileLogo) || ((B = e.personalityQuiz.branding) == null ? void 0 : B.images.mainLogo) || "" : ((j = e.personalityQuiz.branding) == null ? void 0 : j.images.mainLogo) || "", s = e.imagePosition || "left", c = w().textPrimary, y = (l == null ? void 0 : l.primaryColor) || w().palette.primary.plainColor, S = (l == null ? void 0 : l.secondaryColor) || w().textSecondary, R = w().secondaryContainer, u = (l == null ? void 0 : l.contentColor) || w().textColor, D = K().secondary, g = K().primary, F = (l == null ? void 0 : l.backgroundColor) || w().surface, k = w().onSurface, P = le(), C = tt().size, d = fe(), T = `rgba(${Te(
     w().surfaceVariant || ""
   )}, 0.5)`, h = In({
     spacingScale: d,
@@ -2736,7 +2737,7 @@ const cn = (e, n) => {
       ) : /* @__PURE__ */ t(Z, {})
     ] }) });
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (o == null ? void 0 : o.borderColor) || null, children: e.showAnswerExplanations ? /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(J, { brandingBorderColor: (l == null ? void 0 : l.borderColor) || null, children: e.showAnswerExplanations ? /* @__PURE__ */ t(
     yt,
     {
       questions: e.personalityQuiz.questions,
@@ -2752,7 +2753,7 @@ const cn = (e, n) => {
       children: /* @__PURE__ */ t(r, { sx: h.scoreStateWrapperContainer, children: /* @__PURE__ */ t(
         zt,
         {
-          finalImage: l,
+          finalImage: o,
           imagePosition: s,
           children: b()
         }
@@ -2761,7 +2762,7 @@ const cn = (e, n) => {
   ) : /* @__PURE__ */ t(
     zt,
     {
-      finalImage: l,
+      finalImage: o,
       imagePosition: s,
       children: b()
     }
@@ -3310,7 +3311,7 @@ const cn = (e, n) => {
     fontStyle: "italic"
   }
 }), wn = ({ personas: e, brandingColors: n }) => {
-  const [l, a] = p(0), o = X(), i = w(), s = oe(), c = K(), y = fe(), S = _(), R = i.textPrimary, u = (n == null ? void 0 : n.primaryColor) || i.palette.primary.plainColor, D = i.textColor, g = `rgba(${Te(i.surfaceVariant || "")}, 0.5)`, F = i.surfaceVariant, k = o.colorSchemes.light.palette.success.plainColor, P = o.colorSchemes.light.palette.primary.onPrimary, C = Rn({
+  const [o, a] = p(0), l = X(), i = w(), s = le(), c = K(), y = fe(), S = _(), R = i.textPrimary, u = (n == null ? void 0 : n.primaryColor) || i.palette.primary.plainColor, D = i.textColor, g = `rgba(${Te(i.surfaceVariant || "")}, 0.5)`, F = i.surfaceVariant, k = l.colorSchemes.light.palette.success.plainColor, P = l.colorSchemes.light.palette.primary.onPrimary, C = Rn({
     spacingScale: y,
     borderRadius: s,
     fontFamilyPrimary: c.primary,
@@ -3327,7 +3328,7 @@ const cn = (e, n) => {
   return !e || e.length === 0 ? null : /* @__PURE__ */ t(r, { sx: C.contentWrapper, children: /* @__PURE__ */ A(
     Oe,
     {
-      value: l,
+      value: o,
       onChange: (d, T) => a(T),
       sx: C.tabsContainer,
       children: [
@@ -3390,16 +3391,16 @@ const cn = (e, n) => {
   ) });
 }, Qn = (e) => {
   var j, H, E, m, W, $, M, ee, te, ie, re, se, me, ne;
-  const n = X(), { t: l } = q(), a = _(), o = at(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Ie : Pe, s = Ce(
+  const n = X(), { t: o } = q(), a = _(), l = at(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Ie : Pe, s = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: i
     },
     V.SPLIT
-  ), c = ((j = e.personalityQuiz.branding) == null ? void 0 : j.colors) || null, y = w().textPrimary, S = (c == null ? void 0 : c.primaryColor) || ((E = (H = w().palette) == null ? void 0 : H.primary) == null ? void 0 : E.plainColor), R = (c == null ? void 0 : c.secondaryColor) || w().textSecondary, u = w().secondaryContainer, D = (W = (m = w().palette) == null ? void 0 : m.primary) == null ? void 0 : W.onPrimary, g = K().secondary, F = K().primary, k = (c == null ? void 0 : c.backgroundColor) || w().surfaceVariant, P = w().surface, C = w().onSurface, d = oe(), T = w().textColor, h = fe(), f = a ? (($ = e.personalityQuiz.branding) == null ? void 0 : $.images.mobileLogo) || ((M = e.personalityQuiz.branding) == null ? void 0 : M.images.mainLogo) || "" : ((ee = e.personalityQuiz.branding) == null ? void 0 : ee.images.mainLogo) || "", x = xt(
+  ), c = ((j = e.personalityQuiz.branding) == null ? void 0 : j.colors) || null, y = w().textPrimary, S = (c == null ? void 0 : c.primaryColor) || ((E = (H = w().palette) == null ? void 0 : H.primary) == null ? void 0 : E.plainColor), R = (c == null ? void 0 : c.secondaryColor) || w().textSecondary, u = w().secondaryContainer, D = (W = (m = w().palette) == null ? void 0 : m.primary) == null ? void 0 : W.onPrimary, g = K().secondary, F = K().primary, k = (c == null ? void 0 : c.backgroundColor) || w().surfaceVariant, P = w().surface, C = w().onSurface, d = le(), T = w().textColor, h = fe(), f = a ? (($ = e.personalityQuiz.branding) == null ? void 0 : $.images.mobileLogo) || ((M = e.personalityQuiz.branding) == null ? void 0 : M.images.mainLogo) || "" : ((ee = e.personalityQuiz.branding) == null ? void 0 : ee.images.mainLogo) || "", x = xt(
     e.personalityQuiz,
     e.summary
-  ), b = !o && f ? /* @__PURE__ */ t(
+  ), b = !l && f ? /* @__PURE__ */ t(
     U,
     {
       brandingLogo: f,
@@ -3433,7 +3434,7 @@ const cn = (e, n) => {
       $t,
       {
         entity: e.personalityQuiz,
-        headline: l("personalityQuiz.headline"),
+        headline: o("personalityQuiz.headline"),
         finalImage: s,
         brandingContent: b,
         isTabulated: O,
@@ -3460,7 +3461,7 @@ const cn = (e, n) => {
                     gap: e.maxAttemptsReached ? 0 : h.lg
                   },
                   children: [
-                    /* @__PURE__ */ t(Q, { level: "body-lg", sx: I.thanksText, children: l("classicQuiz.thanksForPlaying") }),
+                    /* @__PURE__ */ t(Q, { level: "body-lg", sx: I.thanksText, children: o("classicQuiz.thanksForPlaying") }),
                     (!e.maxAttemptsReached || e.additionalCTA !== void 0) && /* @__PURE__ */ A(r, { sx: I.buttonsContainer, children: [
                       !e.maxAttemptsReached && /* @__PURE__ */ t(
                         Y,
@@ -3469,7 +3470,7 @@ const cn = (e, n) => {
                           onClick: e.playAgain,
                           children: /* @__PURE__ */ A(r, { sx: I.playAgainButtonContent, children: [
                             /* @__PURE__ */ t(st, { sx: I.playAgainIcon }),
-                            /* @__PURE__ */ t(Q, { sx: I.playAgainText, children: l("classicQuiz.buttons.playAgain") })
+                            /* @__PURE__ */ t(Q, { sx: I.playAgainText, children: o("classicQuiz.buttons.playAgain") })
                           ] })
                         }
                       ),
@@ -3489,7 +3490,7 @@ const cn = (e, n) => {
             }
           ),
           e.chanceGameContent,
-          o && f && /* @__PURE__ */ t(
+          l && f && /* @__PURE__ */ t(
             U,
             {
               brandingLogo: f,
@@ -3501,8 +3502,8 @@ const cn = (e, n) => {
           ft,
           {
             variant: "error",
-            title: l("common.authentication.accessRequired"),
-            message: l("common.authentication.invalidOrMissingAuth")
+            title: o("common.authentication.accessRequired"),
+            message: o("common.authentication.invalidOrMissingAuth")
           }
         ) }) })
       }
@@ -4124,8 +4125,8 @@ const cn = (e, n) => {
     textAlign: "center",
     my: "auto"
   }
-}), vn = ({ personas: e, brandingColors: n, contentBgColor: l }) => {
-  const [a, o] = p(0), i = X(), s = _(), c = i.colorSchemes.dark.textPrimary, y = (n == null ? void 0 : n.primaryColor) || i.colorSchemes.dark.palette.primary.plainColor, S = i.colorSchemes.dark.textColor, R = i.colorSchemes.dark.surface, u = i.colorSchemes.dark.palette.success.plainColor, D = i.colorSchemes.dark.palette.primary.onPrimary, g = i.customFontFamily.dark.primary, F = i.customFontFamily.dark.secondary, k = i.spacingScale, P = i.customRadius.dark, C = i.border.dark.size, d = Ln({
+}), vn = ({ personas: e, brandingColors: n, contentBgColor: o }) => {
+  const [a, l] = p(0), i = X(), s = _(), c = i.colorSchemes.dark.textPrimary, y = (n == null ? void 0 : n.primaryColor) || i.colorSchemes.dark.palette.primary.plainColor, S = i.colorSchemes.dark.textColor, R = i.colorSchemes.dark.surface, u = i.colorSchemes.dark.palette.success.plainColor, D = i.colorSchemes.dark.palette.primary.onPrimary, g = i.customFontFamily.dark.primary, F = i.customFontFamily.dark.secondary, k = i.spacingScale, P = i.customRadius.dark, C = i.border.dark.size, d = Ln({
     spacingScale: k,
     borderRadius: P,
     borderSize: C,
@@ -4138,7 +4139,7 @@ const cn = (e, n) => {
     successColor: u,
     onPrimaryColor: D,
     isMobile: s,
-    contentBgColor: l
+    contentBgColor: o
   }), T = Be.useMemo(() => e.map((h) => {
     var f, x, b;
     return {
@@ -4151,7 +4152,7 @@ const cn = (e, n) => {
     Oe,
     {
       value: a,
-      onChange: (h, f) => o(f),
+      onChange: (h, f) => l(f),
       sx: d.tabsContainer,
       children: [
         /* @__PURE__ */ t(_e, { sx: d.tabList, children: e.map((h, f) => {
@@ -4239,7 +4240,7 @@ const cn = (e, n) => {
   ) }) });
 }, Bn = (e) => {
   var L;
-  const n = X(), l = fe(), { t: a } = q(), o = Tt(
+  const n = X(), o = fe(), { t: a } = q(), l = Tt(
     V.OVERLAY
   ), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : _() ? Ie : Pe, { brandingImage: s, brandingColors: c, brandingLogo: y } = We(e.personalityQuiz.branding || null), S = s || Ce(
     {
@@ -4251,7 +4252,7 @@ const cn = (e, n) => {
     e.personalityQuiz,
     e.summary
   ), x = Dn({
-    spacingScale: l,
+    spacingScale: o,
     primaryColor: R,
     secondaryColor: u,
     secondaryContainer: D,
@@ -4321,11 +4322,11 @@ const cn = (e, n) => {
     ] });
   };
   return /* @__PURE__ */ t(
-    on,
+    ln,
     {
       entity: e.personalityQuiz,
       backgroundImage: h,
-      imageBackgroundGradient: o,
+      imageBackgroundGradient: l,
       isWrappedWithScoreStateWrapper: e.showAnswerExplanations,
       children: e.showAnswerExplanations ? /* @__PURE__ */ t(
         yt,
@@ -4352,9 +4353,9 @@ const cn = (e, n) => {
 }, Hn = ({
   personalityQuiz: e,
   template: n,
-  imagePosition: l,
+  imagePosition: o,
   defaultImagePlaceholderUrl: a,
-  rulesDisplay: o
+  rulesDisplay: l
 }) => {
   var u;
   const { t: i } = q(), s = _(), c = ((u = e.branding) == null ? void 0 : u.colors) || null, { brandingLogo: y } = We(
@@ -4378,7 +4379,7 @@ const cn = (e, n) => {
     customAlertTitle: i("personalityQuiz.gameNotAvailable"),
     customAlertMessage: i("personalityQuiz.gameNotAvailableDescription"),
     renderPresentedBy: S,
-    rulesDisplay: o
+    rulesDisplay: l
   };
   return n === V.OVERLAY ? /* @__PURE__ */ t(
     Rt,
@@ -4396,13 +4397,13 @@ const cn = (e, n) => {
     wt,
     {
       ...R,
-      imagePosition: l || "left",
+      imagePosition: o || "left",
       defaultImagePlaceholderUrl: a
     }
   ) });
 }, qn = (e) => {
-  var o, i, s, c;
-  const n = ((o = e.personalityQuiz.branding) == null ? void 0 : o.colors) || null, l = _() ? ((i = e.personalityQuiz.branding) == null ? void 0 : i.images.mobileLogo) || ((s = e.personalityQuiz.branding) == null ? void 0 : s.images.mainLogo) || "" : ((c = e.personalityQuiz.branding) == null ? void 0 : c.images.mainLogo) || "", { t: a } = q();
+  var l, i, s, c;
+  const n = ((l = e.personalityQuiz.branding) == null ? void 0 : l.colors) || null, o = _() ? ((i = e.personalityQuiz.branding) == null ? void 0 : i.images.mobileLogo) || ((s = e.personalityQuiz.branding) == null ? void 0 : s.images.mainLogo) || "" : ((c = e.personalityQuiz.branding) == null ? void 0 : c.images.mainLogo) || "", { t: a } = q();
   return /* @__PURE__ */ t(J, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
     wt,
     {
@@ -4420,7 +4421,7 @@ const cn = (e, n) => {
         return /* @__PURE__ */ t(
           U,
           {
-            brandingLogo: l,
+            brandingLogo: o,
             textColor: y,
             label: ((S = e.personalityQuiz.labels) == null ? void 0 : S.sponsor) || null
           }
@@ -4430,13 +4431,13 @@ const cn = (e, n) => {
   ) });
 }, Mn = (e) => {
   var i, s, c, y;
-  const n = _(), { t: l } = q(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, o = n ? ((s = e.personalityQuiz.branding) == null ? void 0 : s.images.mobileLogo) || ((c = e.personalityQuiz.branding) == null ? void 0 : c.images.mainLogo) || "" : ((y = e.personalityQuiz.branding) == null ? void 0 : y.images.mainLogo) || "";
+  const n = _(), { t: o } = q(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, l = n ? ((s = e.personalityQuiz.branding) == null ? void 0 : s.images.mobileLogo) || ((c = e.personalityQuiz.branding) == null ? void 0 : c.images.mainLogo) || "" : ((y = e.personalityQuiz.branding) == null ? void 0 : y.images.mainLogo) || "";
   return /* @__PURE__ */ t(J, { brandingBorderColor: (a == null ? void 0 : a.borderColor) || null, children: /* @__PURE__ */ t(
     Ft,
     {
       entity: e.personalityQuiz,
-      headline: l("personalityQuiz.headline"),
-      tryAgainButtonText: l("personalityQuiz.buttons.tryAgain"),
+      headline: o("personalityQuiz.headline"),
+      tryAgainButtonText: o("personalityQuiz.buttons.tryAgain"),
       defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
       isApiError: e.isApiError,
       toggleTryAgain: e.toggleTryAgain,
@@ -4447,7 +4448,7 @@ const cn = (e, n) => {
         return /* @__PURE__ */ t(
           U,
           {
-            brandingLogo: o,
+            brandingLogo: l,
             textColor: S,
             label: ((R = e.personalityQuiz.labels) == null ? void 0 : R.sponsor) || null
           }
@@ -4456,7 +4457,7 @@ const cn = (e, n) => {
     }
   ) });
 }, Un = (e) => {
-  const { t: n } = q(), l = _(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : l ? Ie : Pe, { brandingLogo: o } = We(
+  const { t: n } = q(), o = _(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? Ie : Pe, { brandingLogo: l } = We(
     e.personalityQuiz.branding || null
   );
   return /* @__PURE__ */ t(
@@ -4475,7 +4476,7 @@ const cn = (e, n) => {
         return /* @__PURE__ */ t(
           U,
           {
-            brandingLogo: o,
+            brandingLogo: l,
             textColor: i,
             label: ((s = e.personalityQuiz.labels) == null ? void 0 : s.sponsor) || null
           }
@@ -4533,13 +4534,13 @@ const cn = (e, n) => {
   }
 }), pn = (e) => {
   var k, P, C, d, T;
-  const n = ((k = e.personalityQuiz.branding) == null ? void 0 : k.colors) || null, l = _(), a = X(), o = Ce(
+  const n = ((k = e.personalityQuiz.branding) == null ? void 0 : k.colors) || null, o = _(), a = X(), l = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     V.STANDARD
-  ), i = K().primary, s = oe().xl, c = (n == null ? void 0 : n.primaryColor) || w().palette.primary.plainColor, y = w().palette.primary.onPrimary, S = (n == null ? void 0 : n.contentColor) || w().textColor, R = l ? ((P = e.personalityQuiz.branding) == null ? void 0 : P.images.mobileLogo) || ((C = e.personalityQuiz.branding) == null ? void 0 : C.images.mainLogo) || "" : ((d = e.personalityQuiz.branding) == null ? void 0 : d.images.mainLogo) || "", { t: u } = q(), D = e.imagePosition || "left", g = jn({
+  ), i = K().primary, s = le().xl, c = (n == null ? void 0 : n.primaryColor) || w().palette.primary.plainColor, y = w().palette.primary.onPrimary, S = (n == null ? void 0 : n.contentColor) || w().textColor, R = o ? ((P = e.personalityQuiz.branding) == null ? void 0 : P.images.mobileLogo) || ((C = e.personalityQuiz.branding) == null ? void 0 : C.images.mainLogo) || "" : ((d = e.personalityQuiz.branding) == null ? void 0 : d.images.mainLogo) || "", { t: u } = q(), D = e.imagePosition || "left", g = jn({
     fontFamilyPrimary: i,
     buttonRadius: s,
     primaryColor: c,
@@ -4614,14 +4615,14 @@ const cn = (e, n) => {
     {
       entity: e.personalityQuiz,
       headline: u("personalityQuiz.headline"),
-      finalImage: o,
+      finalImage: l,
       imagePosition: D,
       signInContent: F(),
       brandingContent: /* @__PURE__ */ t(
         U,
         {
           brandingLogo: R,
-          textColor: l && o ? (n == null ? void 0 : n.contentColor) || a.colorSchemes.dark.textColor : S,
+          textColor: o && l ? (n == null ? void 0 : n.contentColor) || a.colorSchemes.dark.textColor : S,
           label: ((T = e.personalityQuiz.labels) == null ? void 0 : T.sponsor) || null
         }
       ),
@@ -4678,13 +4679,13 @@ const cn = (e, n) => {
   }
 }), En = (e) => {
   var k, P, C, d, T;
-  const n = X(), l = _(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : l ? Ie : Pe, o = Ce(
+  const n = X(), o = _(), a = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? Ie : Pe, l = Ce(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: a
     },
     V.SPLIT
-  ), { t: i } = q(), s = ((k = e.personalityQuiz.branding) == null ? void 0 : k.colors) || null, c = l ? ((P = e.personalityQuiz.branding) == null ? void 0 : P.images.mobileLogo) || ((C = e.personalityQuiz.branding) == null ? void 0 : C.images.mainLogo) || "" : ((d = e.personalityQuiz.branding) == null ? void 0 : d.images.mainLogo) || "", y = K().secondary, S = K().primary, R = oe().xl, u = (s == null ? void 0 : s.primaryColor) || w().palette.primary.plainColor, D = w().palette.primary.onPrimary, g = Vn({
+  ), { t: i } = q(), s = ((k = e.personalityQuiz.branding) == null ? void 0 : k.colors) || null, c = o ? ((P = e.personalityQuiz.branding) == null ? void 0 : P.images.mobileLogo) || ((C = e.personalityQuiz.branding) == null ? void 0 : C.images.mainLogo) || "" : ((d = e.personalityQuiz.branding) == null ? void 0 : d.images.mainLogo) || "", y = K().secondary, S = K().primary, R = le().xl, u = (s == null ? void 0 : s.primaryColor) || w().palette.primary.plainColor, D = w().palette.primary.onPrimary, g = Vn({
     fontFamilyPrimary: S,
     fontFamilySecondary: y,
     buttonRadius: R,
@@ -4760,7 +4761,7 @@ const cn = (e, n) => {
     {
       entity: e.personalityQuiz,
       headline: i("personalityQuiz.headline"),
-      finalImage: o,
+      finalImage: l,
       signInContent: F(),
       brandingContent: /* @__PURE__ */ t(
         U,
@@ -4813,7 +4814,7 @@ const cn = (e, n) => {
   }
 }), On = (e) => {
   var C, d, T, h, f, x, b, I, L, B, j;
-  const n = X(), { t: l } = q(), a = _(), o = Tt(
+  const n = X(), { t: o } = q(), a = _(), l = Tt(
     V.OVERLAY
   ), { brandingImage: i, brandingColors: s, brandingLogo: c } = We(e.personalityQuiz.branding || null), y = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? Ie : Pe, S = i || Ce(
     {
@@ -4837,7 +4838,7 @@ const cn = (e, n) => {
           ...k.pulseAnimation
         },
         onClick: e.signInCTA.onClick,
-        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || l("common.signIn") })
+        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : (m = e.signInCTA) != null && m.url ? typeof window > "u" ? /* @__PURE__ */ t(
       r,
@@ -4853,7 +4854,7 @@ const cn = (e, n) => {
           alignItems: "center",
           justifyContent: "center"
         },
-        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || l("common.signIn") })
+        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Y,
@@ -4867,7 +4868,7 @@ const cn = (e, n) => {
           var $, M, ee;
           (($ = e.signInCTA) == null ? void 0 : $.target) === "_blank" ? window.open((M = e.signInCTA) == null ? void 0 : M.url, "_blank") : window.location.href = (ee = e.signInCTA) == null ? void 0 : ee.url;
         },
-        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || l("common.signIn") })
+        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Y,
@@ -4877,7 +4878,7 @@ const cn = (e, n) => {
           ...k.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || l("common.signIn") })
+        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: e.signInCTA.defaultLabel || o("common.signIn") })
       }
     ) : /* @__PURE__ */ t(
       Y,
@@ -4887,7 +4888,7 @@ const cn = (e, n) => {
           ...k.signInButton
         },
         disabled: !0,
-        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: l("common.signIn") })
+        children: /* @__PURE__ */ t(Q, { sx: k.signInButtonText, children: o("common.signIn") })
       }
     );
   };
@@ -4895,9 +4896,9 @@ const cn = (e, n) => {
     sn,
     {
       entity: e.personalityQuiz,
-      headline: l("personalityQuiz.headline"),
+      headline: o("personalityQuiz.headline"),
       backgroundImage: R,
-      imageBackgroundGradient: o,
+      imageBackgroundGradient: l,
       signInContent: P(),
       brandingContent: /* @__PURE__ */ t(
         U,
@@ -4911,8 +4912,8 @@ const cn = (e, n) => {
     }
   );
 }, _n = (e) => {
-  var o, i, s;
-  const { t: n } = q(), l = ((o = e.personalityQuiz.branding) == null ? void 0 : o.colors) || null, a = (l == null ? void 0 : l.primaryColor) || w().palette.primary.plainColor;
+  var l, i, s;
+  const { t: n } = q(), o = ((l = e.personalityQuiz.branding) == null ? void 0 : l.colors) || null, a = (o == null ? void 0 : o.primaryColor) || w().palette.primary.plainColor;
   return /* @__PURE__ */ t(
     ct,
     {
@@ -4932,17 +4933,17 @@ const cn = (e, n) => {
           signInCTA: e.signInCTA,
           labels: (s = (i = e.signInCTA) == null ? void 0 : i.gate) == null ? void 0 : s.labels,
           primaryColor: a,
-          textColor: (l == null ? void 0 : l.contentColor) || void 0,
+          textColor: (o == null ? void 0 : o.contentColor) || void 0,
           align: "center"
         }
       )
     }
   );
 }, Nn = (e) => {
-  var o, i, s;
-  const { t: n } = q(), l = ((o = e.personalityQuiz.branding) == null ? void 0 : o.colors) || null, a = (l == null ? void 0 : l.primaryColor) || w().palette.primary.plainColor;
+  var l, i, s;
+  const { t: n } = q(), o = ((l = e.personalityQuiz.branding) == null ? void 0 : l.colors) || null, a = (o == null ? void 0 : o.primaryColor) || w().palette.primary.plainColor;
   return /* @__PURE__ */ t(
-    lt,
+    ot,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -4959,7 +4960,7 @@ const cn = (e, n) => {
           signInCTA: e.signInCTA,
           labels: (s = (i = e.signInCTA) == null ? void 0 : i.gate) == null ? void 0 : s.labels,
           primaryColor: a,
-          textColor: (l == null ? void 0 : l.contentColor) || void 0,
+          textColor: (o == null ? void 0 : o.contentColor) || void 0,
           align: "center"
         }
       )
@@ -4967,7 +4968,7 @@ const cn = (e, n) => {
   );
 }, Gn = (e) => {
   var i, s, c;
-  const { t: n } = q(), l = X(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, o = (a == null ? void 0 : a.primaryColor) || l.colorSchemes.dark.palette.primary.plainColor;
+  const { t: n } = q(), o = X(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, l = (a == null ? void 0 : a.primaryColor) || o.colorSchemes.dark.palette.primary.plainColor;
   return /* @__PURE__ */ t(
     dt,
     {
@@ -4984,8 +4985,8 @@ const cn = (e, n) => {
         {
           signInCTA: e.signInCTA,
           labels: (c = (s = e.signInCTA) == null ? void 0 : s.gate) == null ? void 0 : c.labels,
-          primaryColor: o,
-          textColor: (a == null ? void 0 : a.contentColor) || l.colorSchemes.dark.textColor,
+          primaryColor: l,
+          textColor: (a == null ? void 0 : a.contentColor) || o.colorSchemes.dark.textColor,
           align: "center"
         }
       )
@@ -5011,8 +5012,8 @@ const cn = (e, n) => {
     }
   );
 }, Yn = (e) => {
-  var o, i, s;
-  const { t: n } = q(), l = ((o = e.personalityQuiz.branding) == null ? void 0 : o.colors) || null, a = (l == null ? void 0 : l.primaryColor) || w().palette.primary.plainColor;
+  var l, i, s;
+  const { t: n } = q(), o = ((l = e.personalityQuiz.branding) == null ? void 0 : l.colors) || null, a = (o == null ? void 0 : o.primaryColor) || w().palette.primary.plainColor;
   return /* @__PURE__ */ t(
     ct,
     {
@@ -5047,10 +5048,10 @@ const cn = (e, n) => {
     }
   );
 }, Kn = (e) => {
-  var o, i;
-  const { t: n } = q(), l = ((o = e.personalityQuiz.branding) == null ? void 0 : o.colors) || null, a = (l == null ? void 0 : l.primaryColor) || w().palette.primary.plainColor;
+  var l, i;
+  const { t: n } = q(), o = ((l = e.personalityQuiz.branding) == null ? void 0 : l.colors) || null, a = (o == null ? void 0 : o.primaryColor) || w().palette.primary.plainColor;
   return /* @__PURE__ */ t(
-    lt,
+    ot,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -5080,7 +5081,7 @@ const cn = (e, n) => {
   );
 }, Jn = (e) => {
   var i, s, c;
-  const { t: n } = q(), l = X(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, o = (a == null ? void 0 : a.primaryColor) || l.colorSchemes.dark.palette.primary.plainColor;
+  const { t: n } = q(), o = X(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, l = (a == null ? void 0 : a.primaryColor) || o.colorSchemes.dark.palette.primary.plainColor;
   return /* @__PURE__ */ t(
     dt,
     {
@@ -5096,8 +5097,8 @@ const cn = (e, n) => {
         we,
         {
           consents: e.consents,
-          primaryColor: o,
-          textColor: (a == null ? void 0 : a.contentColor) || l.colorSchemes.dark.textColor,
+          primaryColor: l,
+          textColor: (a == null ? void 0 : a.contentColor) || o.colorSchemes.dark.textColor,
           brandingUrls: (s = e.personalityQuiz.branding) == null ? void 0 : s.urls
         }
       ),
@@ -5107,7 +5108,7 @@ const cn = (e, n) => {
           onClick: e.onSubmit,
           label: ((c = e.consents.labels) == null ? void 0 : c.ctaLabel) || n("personalityQuiz.buttons.finish"),
           isSubmitting: e.isSubmitting,
-          primaryColor: o
+          primaryColor: l
         }
       )
     }
@@ -5115,7 +5116,7 @@ const cn = (e, n) => {
 }, Xn = (e) => {
   const { t: n } = q();
   return /* @__PURE__ */ t(
-    lt,
+    ot,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -5153,7 +5154,7 @@ function Se(e) {
 }
 const ti = (e) => {
   var ht, bt, Ct;
-  const [n, l] = p(1), [a, o] = p(null), [i, s] = p([]), [c, y] = p([]), [S, R] = p(!1), [u, D] = p(!1), [g, F] = p(!1), [k, P] = p(!1), [C, d] = p(!1), [T, h] = p(!1), [f, x] = p(!1), [b, I] = p(!1), [L, B] = p(!1), [j, H] = p(!1), E = Ve(!1), m = cn(e.entityId, e.sdk), W = Nt({
+  const [n, o] = p(1), [a, l] = p(null), [i, s] = p([]), [c, y] = p([]), [S, R] = p(!1), [u, D] = p(!1), [g, F] = p(!1), [k, P] = p(!1), [C, d] = p(!1), [T, h] = p(!1), [f, x] = p(!1), [b, I] = p(!1), [L, B] = p(!1), [j, H] = p(!1), E = Ve(!1), m = cn(e.entityId, e.sdk), W = Nt({
     signInCTA: e.signInCTA,
     authRequired: (m == null ? void 0 : m.authRequirement) === "REGISTERED",
     userIsLoggedIn: e.userIsLoggedIn,
@@ -5184,7 +5185,7 @@ const ti = (e) => {
     consents: (bt = e.consents) == null ? void 0 : bt.items,
     entityId: e.entityId,
     entityType: "personality_quiz"
-  }), le = !!((m == null ? void 0 : m.authRequirement) === "LEAD" ? (Ct = e.leads) == null ? void 0 : Ct.position : void 0) && O.length > 0, ue = le ? [] : O.filter((z) => z.position !== "after"), ge = le ? [] : O.filter((z) => z.position === "after"), ze = (z) => {
+  }), oe = !!((m == null ? void 0 : m.authRequirement) === "LEAD" ? (Ct = e.leads) == null ? void 0 : Ct.position : void 0) && O.length > 0, ue = oe ? [] : O.filter((z) => z.position !== "after"), ge = oe ? [] : O.filter((z) => z.position === "after"), ze = (z) => {
     ce(z), H(!1);
   }, De = (z) => {
     var v;
@@ -5244,7 +5245,7 @@ const ti = (e) => {
       return;
     }
     const v = z.answers || [];
-    s(v), l(
+    s(v), o(
       Math.min(v.length + 1, m.questions.length)
     ), z.checkedConsents && ce(z.checkedConsents), he.current = z.heldConsentIds || [], E.current = !0, x(!1);
   }, [
@@ -5314,7 +5315,7 @@ const ti = (e) => {
       }
     );
   const Ne = () => {
-    se(!1), re(!1), y([]), l(1), o(null), s([]), R(!1), F(!1), P(!1), d(!1), D(!u);
+    se(!1), re(!1), y([]), o(1), l(null), s([]), R(!1), F(!1), P(!1), d(!1), D(!u);
   };
   if (ee || te)
     return Se(e) ? /* @__PURE__ */ t(
@@ -5359,7 +5360,7 @@ const ti = (e) => {
       }
     ];
     if (s(v), n < m.questions.length) {
-      l((Ae) => Ae + 1), o(null);
+      o((Ae) => Ae + 1), l(null);
       return;
     }
     if (n === m.questions.length) {
@@ -5384,7 +5385,7 @@ const ti = (e) => {
         e.entityId,
         z
       );
-      R(!1), y([v]), o(null), Fe();
+      R(!1), y([v]), l(null), Fe();
     } catch (v) {
       R(!1), y([new Qt()]), console.error("[personality-quiz-play] participation failed", v);
       const { code: G, message: Ae } = Vt(v, e.sdk);
@@ -5424,11 +5425,11 @@ const ti = (e) => {
   }, Ye = async () => {
     F(!0), await pe(i), F(!1), P(!0);
   }, Ke = (z) => {
-    o(z);
+    l(z);
   }, Je = () => {
-    l(1), o(null), s([]), y([]), F(!1), P(!1), d(!1), I(!1), H(!1);
+    o(1), l(null), s([]), y([]), F(!1), P(!1), d(!1), I(!1), H(!1);
   }, Bt = () => {
-    const z = De(ue), v = le ? O : void 0, G = ge.length > 0 && !L;
+    const z = De(ue), v = oe ? O : void 0, G = ge.length > 0 && !L;
     return e.template === V.OVERLAY ? /* @__PURE__ */ t(
       un,
       {
@@ -5541,7 +5542,7 @@ const ti = (e) => {
         imagePosition: e.imagePosition,
         onLeadSubmitted: Ye,
         isSubmitting: g,
-        consents: le ? O : void 0
+        consents: oe ? O : void 0
       }
     ) : e.template === V.SPLIT ? /* @__PURE__ */ t(
       Xn,
@@ -5552,7 +5553,7 @@ const ti = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         onLeadSubmitted: Ye,
         isSubmitting: g,
-        consents: le ? O : void 0
+        consents: oe ? O : void 0
       }
     ) : e.template === V.OVERLAY ? /* @__PURE__ */ t(
       ei,
@@ -5563,7 +5564,7 @@ const ti = (e) => {
         defaultImagePlaceholderUrl: e.defaultImagePlaceholderUrl,
         onLeadSubmitted: Ye,
         isSubmitting: g,
-        consents: le ? O : void 0
+        consents: oe ? O : void 0
       }
     ) : /* @__PURE__ */ t(St, { my: 20 });
   if (c.length || be) {
@@ -5617,7 +5618,7 @@ const ti = (e) => {
     );
   }
   return Bt();
-}, Ri = (e) => /* @__PURE__ */ t(Mt, { packageName: "personality-quiz-play", ...e, children: /* @__PURE__ */ t(ti, { ...e }) });
+}, wi = (e) => /* @__PURE__ */ t(Mt, { packageName: "personality-quiz-play", ...e, children: /* @__PURE__ */ t(ti, { ...e }) });
 export {
-  Ri as M
+  wi as M
 };