fansunited-frontend-components 0.0.48 → 0.0.49

package/PersonalityQuizPlay.js

@@ -1,33 +1,34 @@
 import { jsx as t, jsxs as A, Fragment as K } from "react/jsx-runtime";
-import { u as X, a as Q, b as J, c as Y, d as Re, e as ae, B as o, T as k, i as j, f as U, g as we, C as Qe, h as Le, W as q, j as Z, k as at, l as ot, n as Ke, o as lt } from "./chunks/index-Btf_jw7-.js";
-import { S as rt, a as ct, b as Je, C as Oe, c as _e } from "./chunks/ChanceGameEmbedVariant-DfS5LPpp.js";
-import Pe, { useState as G, useEffect as De, useMemo as Ne } from "react";
-import { s as st, l as Xe } from "./chunks/index-D1K1OB4p.js";
-import { S as Ge } from "./chunks/Spinner-D7-MZe2m.js";
-import { A as Be, O as dt } from "./chunks/ArrowRightAlt-wEs8SY1V.js";
-import { A as Ae, O as mt, S as gt, N as ut } from "./chunks/NotFoundSkeleton-D5Jh3lnu.js";
-import { u as ue, d as de, a as me, b as le } from "./chunks/useImageVariant-BJ722AFw.js";
-import { g as yt, e as ze, h as ye, s as ft, a as et, b as xt } from "./chunks/helpers-1jFObSvc.js";
-import { C as ht } from "./chunks/CollectLeadForm-BqjgPYKX.js";
-import { A as pe, R as ve, O as tt, S as nt } from "./chunks/OverlayApiErrorSkeleton-BUuD0zL8.js";
-import { T as Te, a as Fe, b as Ce, t as Ze, c as Ie } from "./chunks/Tabs-CA-FqQfT.js";
-import { C as bt } from "./chunks/CheckCircle-CU2itira.js";
-import { A as St, I as Ct, W as It } from "./chunks/AlertMessage-D4Uc6n5U.js";
-import { S as Pt } from "./chunks/Stack-CU36SsgA.js";
-import { S as Ye } from "./chunks/StandardContentSkeleton-CYduGHsc.js";
-import { S as zt, O as At, a as Tt, b as Ft } from "./chunks/OverlayLeadAfterCollection-B-N1OjPu.js";
-import { S as kt, a as Rt } from "./chunks/SplitLeadAfterCollection-CyXBWAIK.js";
-import { P as wt } from "./chunks/Portal-B-nN3a_R.js";
+import Pe, { useState as G, useEffect as Re, useMemo as Oe } from "react";
+import { u as X, a as Q, b as J, c as Y, d as we, e as ae, B as o, T as k, i as j, f as U, g as Qe, C as Le, h as De, W as q, j as Z, k as at, l as ot, n as Ke, o as lt } from "./chunks/PrizeCard-DF3QxwQJ.js";
+import { P as rt } from "./chunks/Portal-Cs0dgwmH.js";
+import "react-dom";
+import { g as ct, e as ze, h as ue, s as st, a as Je, b as dt } from "./chunks/helpers-NuC1SzL3.js";
+import { S as _e } from "./chunks/Spinner-DbUB64Gj.js";
+import { S as mt, a as gt, b as Xe, C as Ne, c as Ge } from "./chunks/ChanceGameEmbedVariant-DqFg4YKU.js";
+import { s as ut, l as et } from "./chunks/index-D1K1OB4p.js";
+import { A as Be, O as yt } from "./chunks/ArrowRightAlt-DKADQN2o.js";
+import { A as Ae, O as ft, S as xt, N as ht } from "./chunks/NotFoundSkeleton-Cs6DtD9u.js";
+import { u as ye, d as de, a as me, b as le } from "./chunks/useImageVariant-Cex1eIqq.js";
+import { C as bt } from "./chunks/CollectLeadForm-DnLKA8qz.js";
+import { A as pe, R as ve, O as tt, S as nt } from "./chunks/OverlayApiErrorSkeleton-Dl3s5Oaf.js";
+import { S as Ze } from "./chunks/StandardContentSkeleton-Bae1LLQ_.js";
+import { T as Te, a as Fe, b as Ce, t as Ye, c as Ie } from "./chunks/Tabs-hwJ7jsUl.js";
+import { C as St } from "./chunks/CheckCircle-CV9iMpkZ.js";
+import { A as Ct, I as It, W as Pt } from "./chunks/AlertMessage-Ds45MBHB.js";
+import { S as zt } from "./chunks/Stack-BpHk5eb0.js";
+import { S as At, O as Tt, a as Ft, b as kt } from "./chunks/OverlayLeadAfterCollection-F2TAV9wK.js";
+import { S as Rt, a as wt } from "./chunks/SplitLeadAfterCollection-DSw6X5fx.js";
 const Qt = (e, n) => {
   const [c, a] = G(null), l = async () => {
     try {
       const i = await n.miniGames.getPersonalityQuizById(e, !0);
       a(i);
     } catch (i) {
-      console.error(i), a(new st());
+      console.error(i), a(new ut());
     }
   };
-  return De(() => (l(), () => a(null)), [e, n]), c;
+  return Re(() => (l(), () => a(null)), [e, n]), c;
 }, Lt = (e, n, c) => {
   const [a, l] = G(null), [i, s] = G(!1), [r, g] = G(!1), [I, T] = G(""), m = async () => {
     try {
@@ -36,7 +37,7 @@ const Qt = (e, n) => {
       });
       l(F.data);
     } catch (F) {
-      if (l([new Xe()]), n.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
+      if (l([new et()]), n.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
         const P = F;
         if (P.error.code === 401 || P.error.code === 403) {
           s(!0);
@@ -53,7 +54,7 @@ const Qt = (e, n) => {
       g(!0), T(R.data.error.message || "");
     }
   };
-  return De(() => (m(), () => l([])), [e, n, c]), {
+  return Re(() => (m(), () => l([])), [e, n, c]), {
     myParticipation: a,
     isUnauthorized: i,
     isApiError: r,
@@ -64,7 +65,7 @@ const Qt = (e, n) => {
   };
 }, ke = (e) => {
   var u;
-  const n = X(), c = Q(), a = J().sm, l = Y().primary, i = J().xs, s = Re().size, r = ae(), g = ue(e.option.images), I = e.questionImage ? null : g, T = ((u = e.brandingColors) == null ? void 0 : u.primaryColor) || c.palette.primary.plainColor, m = c.palette.primary.onPrimary, F = n.colorSchemes.light.textColor, h = (d) => e.selectedOption === d.optionId ? {
+  const n = X(), c = Q(), a = J().sm, l = Y().primary, i = J().xs, s = we().size, r = ae(), g = ye(e.option.images), I = e.questionImage ? null : g, T = ((u = e.brandingColors) == null ? void 0 : u.primaryColor) || c.palette.primary.plainColor, m = c.palette.primary.onPrimary, F = n.colorSchemes.light.textColor, h = (d) => e.selectedOption === d.optionId ? {
     bgcolor: T,
     boxShadow: `inset 0 0 0 ${s} ${T}`,
     color: m
@@ -228,7 +229,7 @@ const Qt = (e, n) => {
     }
   );
 }, _ = (e) => {
-  const n = Y().secondary, c = j(), a = yt(e.primaryUrl, e.secondaryUrl, "logo");
+  const n = Y().secondary, c = j(), a = ct(e.primaryUrl, e.secondaryUrl, "logo");
   if (!e.brandingLogo)
     return null;
   const l = () => {
@@ -356,7 +357,7 @@ const Qt = (e, n) => {
     onClick: r
   };
   return /* @__PURE__ */ t(
-    ht,
+    bt,
     {
       sdk: e,
       content: {
@@ -517,7 +518,7 @@ const Qt = (e, n) => {
   var L, D, p, H, M, N, V, E, $, ee, W, v, O, B, ne, oe, ie, re, ge, ce, se, he, be, Se;
   const [n, c] = Pe.useState(
     ((L = e.leads) == null ? void 0 : L.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = we(Qe), l = ae(), i = X(), s = ue(e.question.images), { t: r } = U(), g = j(), I = Le(), { brandingImage: T, brandingColors: m, brandingLogo: F } = ze(e.personalityQuiz.branding || null), h = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : j() ? de : me, R = T || le(
+  ), { optionsLayout: a } = Qe(Le), l = ae(), i = X(), s = ye(e.question.images), { t: r } = U(), g = j(), I = De(), { brandingImage: T, brandingColors: m, brandingLogo: F } = ze(e.personalityQuiz.branding || null), h = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : j() ? de : me, R = T || le(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: h
@@ -550,7 +551,7 @@ const Qt = (e, n) => {
     );
   };
   return /* @__PURE__ */ A(
-    mt,
+    ft,
     {
       entity: e.personalityQuiz,
       headline: r("personalityQuiz.headline"),
@@ -717,7 +718,7 @@ const Qt = (e, n) => {
   children: e,
   brandingBorderColor: n
 }) => {
-  const c = J().md, a = n || Q().secondaryContainer, l = Re().size, i = j(), s = l + " solid " + a;
+  const c = J().md, a = n || Q().secondaryContainer, l = we().size, i = j(), s = l + " solid " + a;
   return /* @__PURE__ */ t(
     o,
     {
@@ -865,7 +866,7 @@ const Qt = (e, n) => {
   var C, w, L, D, p, H, M, N, V, E, $, ee, W, v, O, B, ne;
   const [n, c] = Pe.useState(
     ((C = e.leads) == null ? void 0 : C.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = we(Qe), l = ue(e.question.images), { t: i } = U(), s = j(), r = ot(), g = ((w = e.personalityQuiz.branding) == null ? void 0 : w.colors) || null, I = s ? ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mobileLogo) || ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mainLogo) || "" : ((p = e.personalityQuiz.branding) == null ? void 0 : p.images.mainLogo) || "", T = e.imagePosition || "left", m = le(
+  ), { optionsLayout: a } = Qe(Le), l = ye(e.question.images), { t: i } = U(), s = j(), r = ot(), g = ((w = e.personalityQuiz.branding) == null ? void 0 : w.colors) || null, I = s ? ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mobileLogo) || ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mainLogo) || "" : ((p = e.personalityQuiz.branding) == null ? void 0 : p.images.mainLogo) || "", T = e.imagePosition || "left", m = le(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
@@ -875,7 +876,7 @@ const Qt = (e, n) => {
     spacingScale: y,
     fontFamilyPrimary: P,
     textColor: R,
-    bgcolor: ye(z || ""),
+    bgcolor: ue(z || ""),
     mdBorderRadius: b,
     smBorderRadius: u,
     isExtraSmall: h
@@ -895,7 +896,7 @@ const Qt = (e, n) => {
     );
   };
   return /* @__PURE__ */ t(te, { brandingBorderColor: (g == null ? void 0 : g.borderColor) || null, children: /* @__PURE__ */ t(
-    gt,
+    xt,
     {
       entity: e.personalityQuiz,
       headline: i("personalityQuiz.headline"),
@@ -1088,13 +1089,13 @@ const Qt = (e, n) => {
   var w, L, D, p, H, M, N, V, E, $, ee, W, v, O, B, ne, oe, ie, re;
   const [n, c] = Pe.useState(
     ((w = e.leads) == null ? void 0 : w.position) === "before" && e.personalityQuiz.authRequirement === "LEAD"
-  ), { optionsLayout: a } = we(Qe), l = X(), i = j(), s = Le(), r = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? de : me, g = le(
+  ), { optionsLayout: a } = Qe(Le), l = X(), i = j(), s = De(), r = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? de : me, g = le(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: r
     },
     q.SPLIT
-  ), I = ue(e.question.images), { t: T } = U(), m = ((L = e.personalityQuiz.branding) == null ? void 0 : L.colors) || null, F = i ? ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mobileLogo) || ((p = e.personalityQuiz.branding) == null ? void 0 : p.images.mainLogo) || "" : ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mainLogo) || "", h = e.currentQuestion === e.personalityQuiz.questions.length && ((M = e.leads) == null ? void 0 : M.position) === "after" ? T("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? T("personalityQuiz.buttons.finish") : T("personalityQuiz.buttons.next"), R = (m == null ? void 0 : m.contentColor) || Q().textColor, P = Y().primary, z = (m == null ? void 0 : m.backgroundColor) || Q().surfaceVariant, b = (m == null ? void 0 : m.primaryColor) || ((V = (N = Q().palette) == null ? void 0 : N.primary) == null ? void 0 : V.plainColor), u = Q().textColor, d = ae(), y = J(), S = ye(z || ""), f = Ht({
+  ), I = ye(e.question.images), { t: T } = U(), m = ((L = e.personalityQuiz.branding) == null ? void 0 : L.colors) || null, F = i ? ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mobileLogo) || ((p = e.personalityQuiz.branding) == null ? void 0 : p.images.mainLogo) || "" : ((H = e.personalityQuiz.branding) == null ? void 0 : H.images.mainLogo) || "", h = e.currentQuestion === e.personalityQuiz.questions.length && ((M = e.leads) == null ? void 0 : M.position) === "after" ? T("personalityQuiz.buttons.continue") : e.currentQuestion === e.personalityQuiz.questions.length ? T("personalityQuiz.buttons.finish") : T("personalityQuiz.buttons.next"), R = (m == null ? void 0 : m.contentColor) || Q().textColor, P = Y().primary, z = (m == null ? void 0 : m.backgroundColor) || Q().surfaceVariant, b = (m == null ? void 0 : m.primaryColor) || ((V = (N = Q().palette) == null ? void 0 : N.primary) == null ? void 0 : V.plainColor), u = Q().textColor, d = ae(), y = J(), S = ue(z || ""), f = Ht({
     spacingScale: d,
     borderRadius: y,
     fontFamilyPrimary: P,
@@ -1119,7 +1120,7 @@ const Qt = (e, n) => {
   };
   return /* @__PURE__ */ A(te, { brandingBorderColor: (m == null ? void 0 : m.borderColor) || null, children: [
     /* @__PURE__ */ t(
-      rt,
+      mt,
       {
         entity: e.personalityQuiz,
         headline: T("personalityQuiz.headline"),
@@ -1380,7 +1381,7 @@ const Qt = (e, n) => {
                           lineHeight: "143%",
                           letterSpacing: "0.17px"
                         },
-                        children: ft(x == null ? void 0 : x.explanation)
+                        children: st(x == null ? void 0 : x.explanation)
                       }
                     )
                   ]
@@ -1431,7 +1432,7 @@ const Qt = (e, n) => {
                       bgcolor: a ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${Ze.selected}`]: {
+                    [`&.${Ye.selected}`]: {
                       bgcolor: a ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + d,
@@ -1506,7 +1507,7 @@ const Qt = (e, n) => {
                       bgcolor: a ? "#FAFAFA14" : "#2121210A"
                       // Highlight selected tab
                     },
-                    [`&.${Ze.selected}`]: {
+                    [`&.${Ye.selected}`]: {
                       bgcolor: a ? "#FAFAFA14" : "#2121210A",
                       // Highlight selected tab
                       borderBottom: "3px solid " + d,
@@ -2158,11 +2159,11 @@ const Qt = (e, n) => {
 }), Et = (e, n) => {
   switch (e) {
     case "success":
-      return /* @__PURE__ */ t(bt, {});
+      return /* @__PURE__ */ t(St, {});
     case "error":
-      return /* @__PURE__ */ t(It, { sx: { color: n } });
+      return /* @__PURE__ */ t(Pt, { sx: { color: n } });
     case "info":
-      return /* @__PURE__ */ t(Ct, {});
+      return /* @__PURE__ */ t(It, {});
   }
 }, $t = (e) => {
   switch (e) {
@@ -2181,7 +2182,7 @@ const Qt = (e, n) => {
 }) => {
   const l = X(), i = J(), s = Y().secondary, r = $t(e);
   return /* @__PURE__ */ t(
-    St,
+    Ct,
     {
       variant: "soft",
       color: r,
@@ -2196,7 +2197,7 @@ const Qt = (e, n) => {
         "--Icon-fontSize": "1.25em"
       },
       children: /* @__PURE__ */ A(
-        Pt,
+        zt,
         {
           sx: {
             fontSize: "1.5em"
@@ -2459,7 +2460,7 @@ const Qt = (e, n) => {
 }), _t = ({
   personas: e
 }) => {
-  const [n, c] = G(0), a = X(), l = Q(), i = J(), s = Y(), r = ae(), g = j(), I = l.textPrimary, T = l.palette.primary.plainColor, m = l.textColor, F = `rgba(${ye(l.surfaceVariant || "")}, 0.5)`, h = l.surfaceVariant, R = a.colorSchemes.light.palette.success.plainColor, P = a.colorSchemes.light.palette.primary.onPrimary, z = Ot({
+  const [n, c] = G(0), a = X(), l = Q(), i = J(), s = Y(), r = ae(), g = j(), I = l.textPrimary, T = l.palette.primary.plainColor, m = l.textColor, F = `rgba(${ue(l.surfaceVariant || "")}, 0.5)`, h = l.surfaceVariant, R = a.colorSchemes.light.palette.success.plainColor, P = a.colorSchemes.light.palette.primary.onPrimary, z = Ot({
     spacingScale: r,
     borderRadius: i,
     fontFamilyPrimary: s.primary,
@@ -2482,7 +2483,7 @@ const Qt = (e, n) => {
       children: [
         /* @__PURE__ */ t(Fe, { sx: z.tabList, children: e.map((b, u) => {
           var C, w;
-          const d = u === 0, y = ue(b.images), S = ((C = b.images) == null ? void 0 : C.mobile) || ((w = b.images) == null ? void 0 : w.main), f = g ? !!S : !!y && !b.description, x = g ? S : y;
+          const d = u === 0, y = ye(b.images), S = ((C = b.images) == null ? void 0 : C.mobile) || ((w = b.images) == null ? void 0 : w.main), f = g ? !!S : !!y && !b.description, x = g ? S : y;
           return /* @__PURE__ */ t(
             Ce,
             {
@@ -2511,7 +2512,7 @@ const Qt = (e, n) => {
         e.filter((b) => b.description).map((b) => {
           const u = e.findIndex(
             (y) => y.personaId === b.personaId
-          ), d = ue(b.images);
+          ), d = ye(b.images);
           return /* @__PURE__ */ t(
             Ie,
             {
@@ -2572,7 +2573,7 @@ const Qt = (e, n) => {
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
     q.STANDARD
-  ), { t: a } = U(), l = ((C = e.personalityQuiz.branding) == null ? void 0 : C.colors) || null, i = j() ? ((w = e.personalityQuiz.branding) == null ? void 0 : w.images.mobileLogo) || ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mainLogo) || "" : ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mainLogo) || "", s = e.imagePosition || "left", r = Q().textPrimary, g = (l == null ? void 0 : l.primaryColor) || Q().palette.primary.plainColor, I = (l == null ? void 0 : l.secondaryColor) || Q().textSecondary, T = Q().secondaryContainer, m = (l == null ? void 0 : l.contentColor) || Q().textColor, F = Y().secondary, h = Y().primary, R = (l == null ? void 0 : l.backgroundColor) || Q().surface, P = Q().onSurface, z = J(), b = Re().size, u = ae(), d = `rgba(${ye(
+  ), { t: a } = U(), l = ((C = e.personalityQuiz.branding) == null ? void 0 : C.colors) || null, i = j() ? ((w = e.personalityQuiz.branding) == null ? void 0 : w.images.mobileLogo) || ((L = e.personalityQuiz.branding) == null ? void 0 : L.images.mainLogo) || "" : ((D = e.personalityQuiz.branding) == null ? void 0 : D.images.mainLogo) || "", s = e.imagePosition || "left", r = Q().textPrimary, g = (l == null ? void 0 : l.primaryColor) || Q().palette.primary.plainColor, I = (l == null ? void 0 : l.secondaryColor) || Q().textSecondary, T = Q().secondaryContainer, m = (l == null ? void 0 : l.contentColor) || Q().textColor, F = Y().secondary, h = Y().primary, R = (l == null ? void 0 : l.backgroundColor) || Q().surface, P = Q().onSurface, z = J(), b = we().size, u = ae(), d = `rgba(${ue(
     Q().surfaceVariant || ""
   )}, 0.5)`, y = Vt({
     spacingScale: u,
@@ -2668,7 +2669,7 @@ const Qt = (e, n) => {
         pt: 0
       },
       children: /* @__PURE__ */ t(o, { sx: y.scoreStateWrapperContainer, children: /* @__PURE__ */ t(
-        Ye,
+        Ze,
         {
           finalImage: c,
           imagePosition: s,
@@ -2677,7 +2678,7 @@ const Qt = (e, n) => {
       ) })
     }
   ) : /* @__PURE__ */ t(
-    Ye,
+    Ze,
     {
       finalImage: c,
       imagePosition: s,
@@ -3228,7 +3229,7 @@ const Qt = (e, n) => {
     fontStyle: "italic"
   }
 }), Yt = ({ personas: e, brandingColors: n }) => {
-  const [c, a] = G(0), l = X(), i = Q(), s = J(), r = Y(), g = ae(), I = j(), T = i.textPrimary, m = (n == null ? void 0 : n.primaryColor) || i.palette.primary.plainColor, F = i.textColor, h = `rgba(${ye(i.surfaceVariant || "")}, 0.5)`, R = i.surfaceVariant, P = l.colorSchemes.light.palette.success.plainColor, z = l.colorSchemes.light.palette.primary.onPrimary, b = Zt({
+  const [c, a] = G(0), l = X(), i = Q(), s = J(), r = Y(), g = ae(), I = j(), T = i.textPrimary, m = (n == null ? void 0 : n.primaryColor) || i.palette.primary.plainColor, F = i.textColor, h = `rgba(${ue(i.surfaceVariant || "")}, 0.5)`, R = i.surfaceVariant, P = l.colorSchemes.light.palette.success.plainColor, z = l.colorSchemes.light.palette.primary.onPrimary, b = Zt({
     spacingScale: g,
     borderRadius: s,
     fontFamilyPrimary: r.primary,
@@ -3251,7 +3252,7 @@ const Qt = (e, n) => {
       children: [
         /* @__PURE__ */ t(Fe, { sx: b.tabList, children: e.map((u, d) => {
           var w, L;
-          const y = d === 0, S = ue(u.images), f = ((w = u.images) == null ? void 0 : w.mobile) || ((L = u.images) == null ? void 0 : L.main), x = !!S, C = f || S;
+          const y = d === 0, S = ye(u.images), f = ((w = u.images) == null ? void 0 : w.mobile) || ((L = u.images) == null ? void 0 : L.main), x = !!S, C = f || S;
           return /* @__PURE__ */ t(
             Ce,
             {
@@ -3308,7 +3309,7 @@ const Qt = (e, n) => {
   ) });
 }, Kt = (e) => {
   var D, p, H, M, N, V, E, $, ee, W, v, O, B, ne;
-  const n = X(), { t: c } = U(), a = j(), l = Le(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? de : me, s = le(
+  const n = X(), { t: c } = U(), a = j(), l = De(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : a ? de : me, s = le(
     {
       images: e.personalityQuiz.images,
       imagePlaceholder: i
@@ -3334,7 +3335,7 @@ const Qt = (e, n) => {
     secondaryColor: T,
     secondaryContainer: m,
     onPrimaryColor: F,
-    bgcolor: ye(P || ""),
+    bgcolor: ue(P || ""),
     surfaceColor: z,
     onSurfaceColor: b,
     successColor: (v = (W = Q().palette) == null ? void 0 : W.success) == null ? void 0 : v.plainColor,
@@ -3348,7 +3349,7 @@ const Qt = (e, n) => {
   ), L = (oe) => {
     var ie;
     return /* @__PURE__ */ t(
-      ct,
+      gt,
       {
         entity: e.personalityQuiz,
         headline: c("personalityQuiz.headline"),
@@ -3367,7 +3368,7 @@ const Qt = (e, n) => {
                 display: "flex",
                 flexDirection: "column",
                 backdropFilter: "blur(4px)",
-                bgcolor: `rgba(${P ? ye(P || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
+                bgcolor: `rgba(${P ? ue(P || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
                 borderRadius: u.sm
               },
               children: /* @__PURE__ */ t(o, { sx: C.ctaContainer, children: /* @__PURE__ */ A(
@@ -4165,7 +4166,7 @@ const Qt = (e, n) => {
       imagePlaceholder: i
     },
     q.OVERLAY
-  ), T = (r == null ? void 0 : r.primaryColor) || n.colorSchemes.light.palette.primary.plainColor, m = (r == null ? void 0 : r.secondaryColor) || n.colorSchemes.dark.textSecondary, F = n.colorSchemes.dark.secondaryContainer, h = n.colorSchemes.light.palette.primary.onPrimary, R = n.colorSchemes.dark.textPrimary, P = n.customFontFamily.light.primary, z = n.customFontFamily.light.secondary, b = n.customRadius.light.md, u = n.customRadius.light.xl, d = (r == null ? void 0 : r.backgroundColor) || n.colorSchemes.dark.onSurface, y = et(I), S = qe(
+  ), T = (r == null ? void 0 : r.primaryColor) || n.colorSchemes.light.palette.primary.plainColor, m = (r == null ? void 0 : r.secondaryColor) || n.colorSchemes.dark.textSecondary, F = n.colorSchemes.dark.secondaryContainer, h = n.colorSchemes.light.palette.primary.onPrimary, R = n.colorSchemes.dark.textPrimary, P = n.customFontFamily.light.primary, z = n.customFontFamily.light.secondary, b = n.customRadius.light.md, u = n.customRadius.light.xl, d = (r == null ? void 0 : r.backgroundColor) || n.colorSchemes.dark.onSurface, y = Je(I), S = qe(
     e.personalityQuiz,
     e.summary
   ), f = Jt({
@@ -4239,7 +4240,7 @@ const Qt = (e, n) => {
     ] });
   };
   return /* @__PURE__ */ t(
-    dt,
+    yt,
     {
       entity: e.personalityQuiz,
       backgroundImage: y,
@@ -4261,7 +4262,7 @@ const Qt = (e, n) => {
 }, nn = () => {
   const { t: e } = U();
   return /* @__PURE__ */ t(te, { brandingBorderColor: null, children: /* @__PURE__ */ t(
-    ut,
+    ht,
     {
       notFoundTitle: e("personalityQuiz.quizNotFound"),
       notFoundMessage: e("personalityQuiz.quizNotFoundDescription")
@@ -4305,7 +4306,7 @@ const Qt = (e, n) => {
       defaultImagePlaceholderUrl: a || (s ? de : me)
     }
   ) : n === q.SPLIT ? /* @__PURE__ */ t(te, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
-    Je,
+    Xe,
     {
       ...T,
       defaultImagePlaceholderUrl: a
@@ -4350,7 +4351,7 @@ const Qt = (e, n) => {
   var i, s, r, g;
   const n = j(), { t: c } = U(), a = ((i = e.personalityQuiz.branding) == null ? void 0 : i.colors) || null, l = n ? ((s = e.personalityQuiz.branding) == null ? void 0 : s.images.mobileLogo) || ((r = e.personalityQuiz.branding) == null ? void 0 : r.images.mainLogo) || "" : ((g = e.personalityQuiz.branding) == null ? void 0 : g.images.mainLogo) || "";
   return /* @__PURE__ */ t(te, { brandingBorderColor: (a == null ? void 0 : a.borderColor) || null, children: /* @__PURE__ */ t(
-    Je,
+    Xe,
     {
       entity: e.personalityQuiz,
       headline: c("personalityQuiz.headline"),
@@ -4528,7 +4529,7 @@ const Qt = (e, n) => {
     );
   };
   return /* @__PURE__ */ t(te, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
-    zt,
+    At,
     {
       entity: e.personalityQuiz,
       headline: m("personalityQuiz.headline"),
@@ -4674,7 +4675,7 @@ const Qt = (e, n) => {
     );
   };
   return /* @__PURE__ */ t(te, { brandingBorderColor: (s == null ? void 0 : s.borderColor) || null, children: /* @__PURE__ */ t(
-    kt,
+    Rt,
     {
       entity: e.personalityQuiz,
       headline: i("personalityQuiz.headline"),
@@ -4739,7 +4740,7 @@ const Qt = (e, n) => {
       imagePlaceholder: g
     },
     q.OVERLAY
-  ), T = et(I), m = (u = (b = n.customRadius) == null ? void 0 : b.light) == null ? void 0 : u.xl, F = (s == null ? void 0 : s.primaryColor) || ((f = (S = (y = (d = n.colorSchemes) == null ? void 0 : d.light) == null ? void 0 : y.palette) == null ? void 0 : S.primary) == null ? void 0 : f.plainColor), h = (L = (w = (C = (x = n.colorSchemes) == null ? void 0 : x.light) == null ? void 0 : C.palette) == null ? void 0 : w.primary) == null ? void 0 : L.onPrimary, R = n.customFontFamily.dark.primary, P = gn({
+  ), T = Je(I), m = (u = (b = n.customRadius) == null ? void 0 : b.light) == null ? void 0 : u.xl, F = (s == null ? void 0 : s.primaryColor) || ((f = (S = (y = (d = n.colorSchemes) == null ? void 0 : d.light) == null ? void 0 : y.palette) == null ? void 0 : S.primary) == null ? void 0 : f.plainColor), h = (L = (w = (C = (x = n.colorSchemes) == null ? void 0 : x.light) == null ? void 0 : C.palette) == null ? void 0 : w.primary) == null ? void 0 : L.onPrimary, R = n.customFontFamily.dark.primary, P = gn({
     buttonRadius: m,
     primaryColor: F,
     onPrimaryColor: h,
@@ -4810,7 +4811,7 @@ const Qt = (e, n) => {
     );
   };
   return /* @__PURE__ */ t(
-    At,
+    Tt,
     {
       entity: e.personalityQuiz,
       headline: c("personalityQuiz.headline"),
@@ -4831,7 +4832,7 @@ const Qt = (e, n) => {
 }, yn = (e) => {
   const { t: n } = U();
   return /* @__PURE__ */ t(
-    Tt,
+    Ft,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -4849,7 +4850,7 @@ const Qt = (e, n) => {
 }, fn = (e) => {
   const { t: n } = U();
   return /* @__PURE__ */ t(
-    Rt,
+    wt,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -4866,7 +4867,7 @@ const Qt = (e, n) => {
 }, xn = (e) => {
   const { t: n } = U();
   return /* @__PURE__ */ t(
-    Ft,
+    kt,
     {
       entity: e.personalityQuiz,
       headline: n("personalityQuiz.headline"),
@@ -4892,16 +4893,16 @@ const hn = (e) => {
     setIsUnauthorized: C,
     setIsApiError: w,
     setApiMessage: L
-  } = Lt(e.entityId, e.sdk, m), D = Ne(() => {
+  } = Lt(e.entityId, e.sdk, m), D = Oe(() => {
     var v;
     if (!d || !y || y.length === 0 || !((v = y[0]) != null && v.personalityQuizId) || !d.maxAttempts) return !1;
     const W = y[0];
     return d.maxAttempts <= W.attempts;
-  }, [d, y]), p = Ne(() => d ? xt(d.related) : null, [d]);
-  if (De(() => {
+  }, [d, y]), p = Oe(() => d ? dt(d.related) : null, [d]);
+  if (Re(() => {
     lt(e.language || "en");
   }, [e.language]), !d || !y)
-    return /* @__PURE__ */ t(Ge, { my: 20 });
+    return /* @__PURE__ */ t(_e, { my: 20 });
   if (!d.id)
     return /* @__PURE__ */ t(nn, {});
   if (d.status !== "ACTIVE")
@@ -5004,7 +5005,7 @@ const hn = (e) => {
       );
       T(!1), g([v]), l(null);
     } catch (v) {
-      if (T(!1), g([new Xe()]), e.sdk.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
+      if (T(!1), g([new et()]), e.sdk.helpers.getSDKConfiguration().errorHandlingMode === "standard") {
         const B = v;
         B.error.code === 401 || B.error.code === 403 ? C(!0) : (w(!0), L(B.error.message || ""));
       } else {
@@ -5098,9 +5099,9 @@ const hn = (e) => {
         onLeadSubmitted: V,
         isSubmitting: h
       }
-    ) : /* @__PURE__ */ t(Ge, { my: 20 });
+    ) : /* @__PURE__ */ t(_e, { my: 20 });
   if (r.length || D) {
-    const W = D ? y[0] : r[0], v = p ? /* @__PURE__ */ t(Oe, { entityId: p, sdk: e.sdk, children: (B) => /* @__PURE__ */ t(_e, { infoPage: B, variant: e.chanceGameVariant }) }) : void 0, O = p ? /* @__PURE__ */ t(Oe, { entityId: p, sdk: e.sdk, children: (B) => /* @__PURE__ */ t(_e, { infoPage: B, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
+    const W = D ? y[0] : r[0], v = p ? /* @__PURE__ */ t(Ne, { entityId: p, sdk: e.sdk, children: (B) => /* @__PURE__ */ t(Ge, { infoPage: B, variant: e.chanceGameVariant }) }) : void 0, O = p ? /* @__PURE__ */ t(Ne, { entityId: p, sdk: e.sdk, children: (B) => /* @__PURE__ */ t(Ge, { infoPage: B, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
     return e.template === q.OVERLAY ? /* @__PURE__ */ t(
       tn,
       {
@@ -5150,7 +5151,7 @@ const hn = (e) => {
     );
   }
   return ee();
-}, bn = (e) => /* @__PURE__ */ t(wt, { packageName: "personality-quiz-play", ...e, children: /* @__PURE__ */ t(hn, { ...e }) }), qn = bn;
+}, bn = (e) => /* @__PURE__ */ t(rt, { packageName: "personality-quiz-play", ...e, children: /* @__PURE__ */ t(hn, { ...e }) }), jn = bn;
 export {
-  qn as PersonalityQuizPlay
+  jn as PersonalityQuizPlay
 };