fansunited-widgets-cdn 0.0.86-RC3 → 0.0.86-RC5

package/chunks/{OverlayLeadAfterCollection-DnqztPJ5-CpELr0AC.js → OverlayLeadAfterCollection-Bjh1xAB5-DgVOuSX5.js}

@@ -1,9 +1,8 @@
-import { j as n, B as i } from "./main-XP7dqk6g.js";
-import { o as z, Y as $, K as B, J as K, Z as Y, e as A, r as _, C as Z, n as E, m as X, j as G, y as J, u as ee } from "./Portal-BWqqFvVm-TuHZWjxn.js";
-import { v as V, z as ne, W as ie, B as le } from "./NotFoundSkeleton-BYJTzYJR-Be3R34nS.js";
-import { T as j } from "./Button-BV7YIFkS.js";
+import { j as n } from "./main-Bh6iw92_.js";
+import { D as w, R as $, N as z, F as K, c as Y, A, a as _, V as E, d as J, G as Z, C as i, b as S, i as G, J as O, M as ee } from "./Portal-DegkUXpU-ByGP9zS1.js";
+import { b as V, Y as ne, K as ie, $ as le } from "./index-DUQ2LFod-Cw45tHim.js";
 const oe = (e) => {
-  var a, r, x;
+  var a, r, p;
   return {
     // Mobile headline with image background
     mobileHeadlineWithImage: {
@@ -98,7 +97,7 @@ const oe = (e) => {
       lineHeight: "140%",
       fontSize: "1.25em",
       letterSpacing: "0.15px",
-      color: ((x = e.brandingColors) == null ? void 0 : x.secondaryColor) || e.darkTextColor,
+      color: ((p = e.brandingColors) == null ? void 0 : p.secondaryColor) || e.darkTextColor,
       opacity: "70%",
       fontFamily: e.fontFamilyPrimary,
       textAlign: "center"
@@ -192,60 +191,60 @@ const oe = (e) => {
       objectFit: "cover"
     }
   };
-}, ge = ({
+}, ce = ({
   entity: e,
   headline: a,
   finalImage: r,
-  imagePosition: x = "left",
+  imagePosition: p = "left",
   signInContent: y,
   brandingContent: f,
   rulesDisplay: b
 }) => {
-  var p, u;
-  const s = z(), d = $(), m = B(), h = K().primary, g = K().secondary, v = Y(), c = ((p = e.branding) == null ? void 0 : p.colors) || null, o = ((u = e.branding) == null ? void 0 : u.urls) || null, S = (c == null ? void 0 : c.contentColor) || A().textColor, t = (c == null ? void 0 : c.secondaryColor) || A().textColor, P = (c == null ? void 0 : c.backgroundColor) || A().surfaceVariant, F = "60%", W = _(
-    Z.STANDARD
+  var x, u;
+  const s = w(), d = $(), m = z(), h = K().primary, g = K().secondary, v = Y(), c = ((x = e.branding) == null ? void 0 : x.colors) || null, o = ((u = e.branding) == null ? void 0 : u.urls) || null, j = (c == null ? void 0 : c.contentColor) || A().textColor, t = (c == null ? void 0 : c.secondaryColor) || A().textColor, F = (c == null ? void 0 : c.backgroundColor) || A().surfaceVariant, P = "60%", W = _(
+    E.STANDARD
   ), l = oe({
     finalImage: r,
     spacingScale: m,
     borderRadius: v,
     fontFamilyPrimary: h,
     fontFamilySecondary: g,
-    textColor: S,
+    textColor: j,
     secondaryColor: t,
-    bgcolor: E(P || ""),
-    opacity: F,
+    bgcolor: J(F || ""),
+    opacity: P,
     brandingColors: c,
     darkTextColor: d.colorSchemes.dark.textColor,
     imageBackgroundGradient: W,
     isMobile: s
-  }), C = X(
+  }), C = Z(
     o == null ? void 0 : o.primaryUrl,
     o == null ? void 0 : o.secondaryUrl,
     "image"
-  ), R = (I, T) => typeof window > "u" ? C ? /* @__PURE__ */ n.jsx(
+  ), R = (I, D) => typeof window > "u" ? C ? /* @__PURE__ */ n.jsx(
     i,
     {
       component: "a",
       href: C,
       target: "_blank",
-      sx: T,
+      sx: D,
       children: I
     }
-  ) : /* @__PURE__ */ n.jsx(i, { sx: T, children: I }) : C ? /* @__PURE__ */ n.jsx(
+  ) : /* @__PURE__ */ n.jsx(i, { sx: D, children: I }) : C ? /* @__PURE__ */ n.jsx(
     i,
     {
-      sx: { ...T, cursor: "pointer" },
+      sx: { ...D, cursor: "pointer" },
       onClick: () => window.open(C, "_blank"),
       children: I
     }
-  ) : /* @__PURE__ */ n.jsx(i, { sx: T, children: I });
+  ) : /* @__PURE__ */ n.jsx(i, { sx: D, children: I });
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     r ? R(
       /* @__PURE__ */ n.jsxs(i, { sx: l.mobileHeadlineContent, children: [
         /* @__PURE__ */ n.jsxs(i, { children: [
           /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", alignItems: "center", gap: m["3xs"] }, children: [
             /* @__PURE__ */ n.jsx(
-              j,
+              S,
               {
                 level: "body-sm",
                 sx: l.headlineTypographyMobileImage,
@@ -262,7 +261,7 @@ const oe = (e) => {
           ] }),
           /* @__PURE__ */ n.jsxs(i, { sx: l.contentContainer, children: [
             /* @__PURE__ */ n.jsx(
-              j,
+              S,
               {
                 level: "body-lg",
                 sx: l.titleTypographyMobileImage,
@@ -270,7 +269,7 @@ const oe = (e) => {
               }
             ),
             /* @__PURE__ */ n.jsx(
-              j,
+              S,
               {
                 level: "body-md",
                 sx: l.descriptionTypographyMobileImage,
@@ -288,7 +287,7 @@ const oe = (e) => {
     ) : /* @__PURE__ */ n.jsxs(i, { sx: l.mobileHeadlineWithoutImage, children: [
       /* @__PURE__ */ n.jsxs(i, { children: [
         /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", alignItems: "center", gap: m["3xs"] }, children: [
-          /* @__PURE__ */ n.jsx(j, { level: "body-sm", sx: l.headlineTypography, children: a }),
+          /* @__PURE__ */ n.jsx(S, { level: "body-sm", sx: l.headlineTypography, children: a }),
           /* @__PURE__ */ n.jsx(
             V,
             {
@@ -298,8 +297,8 @@ const oe = (e) => {
           )
         ] }),
         /* @__PURE__ */ n.jsxs(i, { sx: l.contentContainer, children: [
-          /* @__PURE__ */ n.jsx(j, { level: "h4", sx: l.titleTypography, children: e.title }),
-          /* @__PURE__ */ n.jsx(j, { level: "body-md", sx: l.descriptionTypography, children: G(e.description) })
+          /* @__PURE__ */ n.jsx(S, { level: "h4", sx: l.titleTypography, children: e.title }),
+          /* @__PURE__ */ n.jsx(S, { level: "body-md", sx: l.descriptionTypography, children: G(e.description) })
         ] })
       ] }),
       /* @__PURE__ */ n.jsxs(i, { sx: l.signInButtonContainer, children: [
@@ -307,11 +306,11 @@ const oe = (e) => {
         f
       ] })
     ] }),
-    r && x === "left" && /* @__PURE__ */ n.jsx(i, { sx: l.imageContainerLeft, children: /* @__PURE__ */ n.jsx("img", { src: r, alt: "Illustration", style: l.image }) }),
+    r && p === "left" && /* @__PURE__ */ n.jsx(i, { sx: l.imageContainerLeft, children: /* @__PURE__ */ n.jsx("img", { src: r, alt: "Illustration", style: l.image }) }),
     /* @__PURE__ */ n.jsx(i, { sx: l.mainContentArea, children: /* @__PURE__ */ n.jsxs(i, { sx: l.desktopHeadlineContainer, children: [
       /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: m["3xs"] }, children: [
         /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", alignItems: "center", gap: m["3xs"] }, children: [
-          /* @__PURE__ */ n.jsx(j, { level: "body-sm", sx: l.headlineTypography, children: a }),
+          /* @__PURE__ */ n.jsx(S, { level: "body-sm", sx: l.headlineTypography, children: a }),
           /* @__PURE__ */ n.jsx(
             V,
             {
@@ -321,9 +320,9 @@ const oe = (e) => {
           )
         ] }),
         /* @__PURE__ */ n.jsxs(i, { sx: l.contentContainer, children: [
-          /* @__PURE__ */ n.jsx(j, { level: "h4", sx: l.titleTypographyDesktop, children: e.title }),
+          /* @__PURE__ */ n.jsx(S, { level: "h4", sx: l.titleTypographyDesktop, children: e.title }),
           /* @__PURE__ */ n.jsx(
-            j,
+            S,
             {
               level: "body-md",
               sx: l.descriptionTypographyDesktop,
@@ -335,7 +334,7 @@ const oe = (e) => {
       /* @__PURE__ */ n.jsx(i, { sx: l.signInButtonContainer, children: y }),
       f
     ] }) }),
-    r && x === "right" && /* @__PURE__ */ n.jsx(i, { sx: l.imageContainerRight, children: /* @__PURE__ */ n.jsx("img", { src: r, alt: "Illustration", style: l.image }) })
+    r && p === "right" && /* @__PURE__ */ n.jsx(i, { sx: l.imageContainerRight, children: /* @__PURE__ */ n.jsx("img", { src: r, alt: "Illustration", style: l.image }) })
   ] });
 }, te = (e) => ({
   // Main headline section with background image
@@ -427,16 +426,16 @@ const oe = (e) => {
     flexDirection: "column",
     gap: e.spacingScale["3xs"]
   }
-}), pe = ({
+}), ge = ({
   entity: e,
   headline: a,
   finalImage: r,
-  signInContent: x,
+  signInContent: p,
   brandingContent: y,
   rulesDisplay: f
 }) => {
   var b;
-  const p = z(), u = $(), s = B(), d = K().primary, m = K().secondary, h = Y(), g = ((b = e.branding) == null ? void 0 : b.colors) || null, v = (g == null ? void 0 : g.contentColor) || u.colorSchemes.dark.textColor, c = (g == null ? void 0 : g.secondaryColor) || u.colorSchemes.dark.textColor, o = te({
+  const x = w(), u = $(), s = z(), d = K().primary, m = K().secondary, h = Y(), g = ((b = e.branding) == null ? void 0 : b.colors) || null, v = (g == null ? void 0 : g.contentColor) || u.colorSchemes.dark.textColor, c = (g == null ? void 0 : g.secondaryColor) || u.colorSchemes.dark.textColor, o = te({
     finalImage: r,
     spacingScale: s,
     borderRadius: h,
@@ -444,13 +443,13 @@ const oe = (e) => {
     fontFamilySecondary: m,
     secondaryColor: c,
     contentColor: v,
-    isMobile: p
+    isMobile: x
   });
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(i, { sx: o.headlineSection, children: /* @__PURE__ */ n.jsxs(i, { sx: o.headlineContent, children: [
-      /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", flexDirection: "column", alignItems: p ? "center" : "flex-start", gap: s["3xs"] }, children: [
+      /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", flexDirection: "column", alignItems: x ? "center" : "flex-start", gap: s["3xs"] }, children: [
         /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", alignItems: "center", gap: s["3xs"] }, children: [
-          /* @__PURE__ */ n.jsx(j, { sx: o.headlineText, children: a }),
+          /* @__PURE__ */ n.jsx(S, { sx: o.headlineText, children: a }),
           /* @__PURE__ */ n.jsx(
             V,
             {
@@ -460,15 +459,15 @@ const oe = (e) => {
           )
         ] }),
         /* @__PURE__ */ n.jsxs(i, { sx: o.contentContainer, children: [
-          /* @__PURE__ */ n.jsx(j, { sx: o.titleText, children: e.title }),
-          /* @__PURE__ */ n.jsx(j, { sx: o.descriptionText, children: G(e.description) })
+          /* @__PURE__ */ n.jsx(S, { sx: o.titleText, children: e.title }),
+          /* @__PURE__ */ n.jsx(S, { sx: o.descriptionText, children: G(e.description) })
         ] })
       ] }),
-      p ? /* @__PURE__ */ n.jsx(n.Fragment, {}) : y
+      x ? /* @__PURE__ */ n.jsx(n.Fragment, {}) : y
     ] }) }),
     /* @__PURE__ */ n.jsx(i, { sx: o.mainContentArea, children: /* @__PURE__ */ n.jsxs(i, { sx: o.ctaWrapper, children: [
-      x,
-      p && y
+      p,
+      x && y
     ] }) })
   ] });
 }, ae = (e) => {
@@ -576,13 +575,13 @@ const oe = (e) => {
   entity: e,
   headline: a,
   backgroundImage: r,
-  imageBackgroundGradient: x,
+  imageBackgroundGradient: p,
   signInContent: y,
   brandingContent: f,
   rulesDisplay: b
 }) => {
-  var p;
-  const u = z(), s = $(), d = B(), m = ((p = e.branding) == null ? void 0 : p.colors) || null, h = (m == null ? void 0 : m.contentColor) || s.colorSchemes.dark.textColor, g = s.customFontFamily.dark.primary, v = s.customFontFamily.dark.secondary, c = s.customRadius.dark.md, o = s.border.dark.size, S = s.colorSchemes.dark.textColor, t = ae({
+  var x;
+  const u = w(), s = $(), d = z(), m = ((x = e.branding) == null ? void 0 : x.colors) || null, h = (m == null ? void 0 : m.contentColor) || s.colorSchemes.dark.textColor, g = s.customFontFamily.dark.primary, v = s.customFontFamily.dark.secondary, c = s.customRadius.dark.md, o = s.border.dark.size, j = s.colorSchemes.dark.textColor, t = ae({
     spacingScale: d,
     brandingColors: m,
     secondaryColor: h,
@@ -590,15 +589,15 @@ const oe = (e) => {
     fontFamilySecondary: v,
     mdBorderRadius: c,
     borderSize: o,
-    darkTextColor: S,
+    darkTextColor: j,
     backgroundImage: r,
-    imageBackgroundGradient: x,
+    imageBackgroundGradient: p,
     isMobile: u
   });
   return /* @__PURE__ */ n.jsxs(i, { sx: t.mainContainer, children: [
     /* @__PURE__ */ n.jsx(i, { children: /* @__PURE__ */ n.jsx(i, { sx: t.headlineSection, children: /* @__PURE__ */ n.jsx(i, { sx: t.headlineContent, children: /* @__PURE__ */ n.jsxs(i, { sx: { ...t.headlineContentInner, display: "flex", flexDirection: "column", alignItems: u ? "center" : "flex-start", gap: d["3xs"] }, children: [
       /* @__PURE__ */ n.jsxs(i, { sx: { display: "flex", alignItems: "center", gap: d["3xs"] }, children: [
-        /* @__PURE__ */ n.jsx(j, { level: "body-sm", sx: t.headlineText, children: a }),
+        /* @__PURE__ */ n.jsx(S, { level: "body-sm", sx: t.headlineText, children: a }),
         /* @__PURE__ */ n.jsx(
           V,
           {
@@ -609,8 +608,8 @@ const oe = (e) => {
         )
       ] }),
       /* @__PURE__ */ n.jsxs(i, { sx: t.contentContainer, children: [
-        /* @__PURE__ */ n.jsx(j, { level: "h4", sx: t.titleText, children: e.title }),
-        /* @__PURE__ */ n.jsx(j, { level: "body-lg", sx: t.descriptionText, children: G(e.description) })
+        /* @__PURE__ */ n.jsx(S, { level: "h4", sx: t.titleText, children: e.title }),
+        /* @__PURE__ */ n.jsx(S, { level: "body-lg", sx: t.descriptionText, children: G(e.description) })
       ] })
     ] }) }) }) }),
     /* @__PURE__ */ n.jsxs(i, { sx: t.bottomContainer, children: [
@@ -618,15 +617,15 @@ const oe = (e) => {
       /* @__PURE__ */ n.jsx(i, { sx: t.signInWrapper, children: y })
     ] })
   ] });
-}, ue = (e) => {
-  var a, r, x, y, f, b, p;
-  const u = J(
+}, pe = (e) => {
+  var a, r, p, y, f, b, x;
+  const u = O(
     {
       images: e.entity.images || null,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
     },
-    Z.STANDARD
-  ), s = z(), d = B(), m = Y(), h = `rgba(${E(A().surfaceVariant || "")}, 0.5)`, g = ((a = e.entity.branding) == null ? void 0 : a.colors) || null, v = (g == null ? void 0 : g.borderColor) || null, c = s ? ((x = (r = e.entity.branding) == null ? void 0 : r.images) == null ? void 0 : x.mobileLogo) || ((f = (y = e.entity.branding) == null ? void 0 : y.images) == null ? void 0 : f.mainLogo) || "" : ((p = (b = e.entity.branding) == null ? void 0 : b.images) == null ? void 0 : p.mainLogo) || "", o = e.imagePosition || "left", S = A().textColor, t = {
+    E.STANDARD
+  ), s = w(), d = z(), m = Y(), h = `rgba(${J(A().surfaceVariant || "")}, 0.5)`, g = ((a = e.entity.branding) == null ? void 0 : a.colors) || null, v = (g == null ? void 0 : g.borderColor) || null, c = s ? ((p = (r = e.entity.branding) == null ? void 0 : r.images) == null ? void 0 : p.mobileLogo) || ((f = (y = e.entity.branding) == null ? void 0 : y.images) == null ? void 0 : f.mainLogo) || "" : ((x = (b = e.entity.branding) == null ? void 0 : b.images) == null ? void 0 : x.mainLogo) || "", o = e.imagePosition || "left", j = A().textColor, t = {
     mainContentArea: {
       flex: s ? "1" : u ? "0.7" : "1",
       display: "flex",
@@ -654,27 +653,27 @@ const oe = (e) => {
       flexDirection: "column",
       backdropFilter: "blur(4px)"
     }
-  }, P = () => {
-    var F, W, l, C, R, I, T, M, L, w, H, U, N, q, D, O;
-    const { CollectLeadWrapper: Q, entity: k } = e;
+  }, F = () => {
+    var P, W, l, C, R, I, D, M, L, H, B, U, N, q, T, Q;
+    const { CollectLeadWrapper: X, entity: k } = e;
     return /* @__PURE__ */ n.jsxs(i, { sx: t.mainContentArea, children: [
       /* @__PURE__ */ n.jsx(i, { sx: t.leadCollectionContainer, children: /* @__PURE__ */ n.jsx(i, { sx: t.leadQuestionContainer, children: /* @__PURE__ */ n.jsx(i, { sx: t.leadContentContainer, children: /* @__PURE__ */ n.jsx(
-        Q,
+        X,
         {
           sdk: e.sdk,
           contentId: k.id,
           contentName: k.title,
-          brandingColors: (F = k.branding) == null ? void 0 : F.colors,
+          brandingColors: (P = k.branding) == null ? void 0 : P.colors,
           brandingUrls: (W = k.branding) == null ? void 0 : W.urls,
           campaignId: (l = e.leads) == null ? void 0 : l.campaignId,
           campaignName: (C = e.leads) == null ? void 0 : C.campaignName,
           fields: (R = e.leads) == null ? void 0 : R.fields,
           leadTitle: (I = k.labels) == null ? void 0 : I.leadTitle,
-          leadDescription: (T = k.labels) == null ? void 0 : T.leadDescription,
+          leadDescription: (D = k.labels) == null ? void 0 : D.leadDescription,
           leadCta: (M = k.labels) == null ? void 0 : M.leadCta,
           leadSuccessTitle: (L = k.labels) == null ? void 0 : L.leadSuccessTitle,
-          leadSuccessDescription: (w = k.labels) == null ? void 0 : w.leadSuccessDescription,
-          syncWithProfile: (H = e.leads) == null ? void 0 : H.syncWithProfile,
+          leadSuccessDescription: (H = k.labels) == null ? void 0 : H.leadSuccessDescription,
+          syncWithProfile: (B = e.leads) == null ? void 0 : B.syncWithProfile,
           startGame: e.onLeadSubmitted,
           isAfterPosition: !0,
           isSubmittingParticipation: e.isSubmitting
@@ -684,10 +683,10 @@ const oe = (e) => {
         e.PresentedBy,
         {
           brandingLogo: c,
-          textColor: S,
+          textColor: j,
           label: ((U = k.labels) == null ? void 0 : U.sponsor) || null,
           primaryUrl: (q = (N = k.branding) == null ? void 0 : N.urls) == null ? void 0 : q.primaryUrl,
-          secondaryUrl: (O = (D = k.branding) == null ? void 0 : D.urls) == null ? void 0 : O.secondaryUrl
+          secondaryUrl: (Q = (T = k.branding) == null ? void 0 : T.urls) == null ? void 0 : Q.secondaryUrl
         }
       )
     ] });
@@ -700,18 +699,18 @@ const oe = (e) => {
       finalImage: u,
       imagePosition: o,
       rulesDisplay: e.rulesDisplay,
-      children: P()
+      children: F()
     }
   ) });
-}, me = (e) => {
-  var a, r, x, y, f, b, p;
-  const u = $(), s = z(), d = s ? e.mobileImagePlaceholder || e.defaultImagePlaceholder || "" : e.defaultImagePlaceholder || "", m = J(
+}, ue = (e) => {
+  var a, r, p, y, f, b, x;
+  const u = $(), s = w(), d = s ? e.mobileImagePlaceholder || e.defaultImagePlaceholder || "" : e.defaultImagePlaceholder || "", m = O(
     {
       images: e.entity.images || null,
       imagePlaceholder: d
     },
-    Z.SPLIT
-  ), h = ((a = e.entity.branding) == null ? void 0 : a.colors) || null, g = (h == null ? void 0 : h.borderColor) || null, v = (h == null ? void 0 : h.backgroundColor) || A().surfaceVariant, c = E(v), o = B(), S = Y(), t = s ? ((x = (r = e.entity.branding) == null ? void 0 : r.images) == null ? void 0 : x.mobileLogo) || ((f = (y = e.entity.branding) == null ? void 0 : y.images) == null ? void 0 : f.mainLogo) || "" : ((p = (b = e.entity.branding) == null ? void 0 : b.images) == null ? void 0 : p.mainLogo) || "", P = {
+    E.SPLIT
+  ), h = ((a = e.entity.branding) == null ? void 0 : a.colors) || null, g = (h == null ? void 0 : h.borderColor) || null, v = (h == null ? void 0 : h.backgroundColor) || A().surfaceVariant, c = J(v), o = z(), j = Y(), t = s ? ((p = (r = e.entity.branding) == null ? void 0 : r.images) == null ? void 0 : p.mobileLogo) || ((f = (y = e.entity.branding) == null ? void 0 : y.images) == null ? void 0 : f.mainLogo) || "" : ((x = (b = e.entity.branding) == null ? void 0 : b.images) == null ? void 0 : x.mainLogo) || "", F = {
     questionArea: {
       width: "100%",
       justifyContent: "center",
@@ -732,10 +731,10 @@ const oe = (e) => {
       flexDirection: "column",
       backdropFilter: "blur(4px)",
       bgcolor: `rgba(${c.replace(/[^\d,]/g, "")}, 0.5)`,
-      borderRadius: S.sm
+      borderRadius: j.sm
     }
-  }, F = (l) => {
-    var C, R, I, T, M;
+  }, P = (l) => {
+    var C, R, I, D, M;
     return /* @__PURE__ */ n.jsx(
       e.PresentedBy,
       {
@@ -743,37 +742,37 @@ const oe = (e) => {
         textColor: l,
         label: ((C = e.entity.labels) == null ? void 0 : C.sponsor) || null,
         primaryUrl: (I = (R = e.entity.branding) == null ? void 0 : R.urls) == null ? void 0 : I.primaryUrl,
-        secondaryUrl: (M = (T = e.entity.branding) == null ? void 0 : T.urls) == null ? void 0 : M.secondaryUrl,
+        secondaryUrl: (M = (D = e.entity.branding) == null ? void 0 : D.urls) == null ? void 0 : M.secondaryUrl,
         isCentered: !1
       }
     );
   }, W = () => {
-    var l, C, R, I, T, M, L, w, H, U, N;
-    const { CollectLeadWrapper: q, entity: D } = e;
+    var l, C, R, I, D, M, L, H, B, U, N;
+    const { CollectLeadWrapper: q, entity: T } = e;
     return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(i, { sx: P.questionArea, children: /* @__PURE__ */ n.jsx(i, { sx: P.questionAreaContent, children: /* @__PURE__ */ n.jsx(i, { sx: P.leadContentContainer, children: /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ n.jsx(i, { sx: F.questionArea, children: /* @__PURE__ */ n.jsx(i, { sx: F.questionAreaContent, children: /* @__PURE__ */ n.jsx(i, { sx: F.leadContentContainer, children: /* @__PURE__ */ n.jsx(
         q,
         {
           sdk: e.sdk,
-          contentId: D.id,
-          contentName: D.title,
-          brandingColors: (l = D.branding) == null ? void 0 : l.colors,
-          brandingUrls: (C = D.branding) == null ? void 0 : C.urls,
+          contentId: T.id,
+          contentName: T.title,
+          brandingColors: (l = T.branding) == null ? void 0 : l.colors,
+          brandingUrls: (C = T.branding) == null ? void 0 : C.urls,
           campaignId: (R = e.leads) == null ? void 0 : R.campaignId,
           campaignName: (I = e.leads) == null ? void 0 : I.campaignName,
-          fields: (T = e.leads) == null ? void 0 : T.fields,
-          leadTitle: (M = D.labels) == null ? void 0 : M.leadTitle,
-          leadDescription: (L = D.labels) == null ? void 0 : L.leadDescription,
-          leadCta: (w = D.labels) == null ? void 0 : w.leadCta,
-          leadSuccessTitle: (H = D.labels) == null ? void 0 : H.leadSuccessTitle,
-          leadSuccessDescription: (U = D.labels) == null ? void 0 : U.leadSuccessDescription,
+          fields: (D = e.leads) == null ? void 0 : D.fields,
+          leadTitle: (M = T.labels) == null ? void 0 : M.leadTitle,
+          leadDescription: (L = T.labels) == null ? void 0 : L.leadDescription,
+          leadCta: (H = T.labels) == null ? void 0 : H.leadCta,
+          leadSuccessTitle: (B = T.labels) == null ? void 0 : B.leadSuccessTitle,
+          leadSuccessDescription: (U = T.labels) == null ? void 0 : U.leadSuccessDescription,
           syncWithProfile: (N = e.leads) == null ? void 0 : N.syncWithProfile,
           startGame: e.onLeadSubmitted,
           isAfterPosition: !0,
           isSubmittingParticipation: e.isSubmitting
         }
       ) }) }) }),
-      t && s && /* @__PURE__ */ n.jsx(i, { sx: { mb: o.lg, px: o.lg }, children: F(
+      t && s && /* @__PURE__ */ n.jsx(i, { sx: { mb: o.lg, px: o.lg }, children: P(
         (h == null ? void 0 : h.contentColor) || u.colorSchemes.dark.textColor
       ) })
     ] });
@@ -785,19 +784,19 @@ const oe = (e) => {
       headline: e.headline,
       finalImage: m,
       brandingLogo: t,
-      renderPresentedBy: F,
+      renderPresentedBy: P,
       rulesDisplay: e.rulesDisplay,
       children: W()
     }
   ) });
-}, ye = (e) => {
-  const a = $(), r = z(), x = e.defaultImagePlaceholder ? e.defaultImagePlaceholder || "" : r ? e.mobileImagePlaceholder : e.defaultImagePlaceholder || "", { brandingImage: y, brandingColors: f, brandingLogo: b } = ee(e.entity.branding || null), p = y || J(
+}, me = (e) => {
+  const a = $(), r = w(), p = e.defaultImagePlaceholder ? e.defaultImagePlaceholder || "" : r ? e.mobileImagePlaceholder : e.defaultImagePlaceholder || "", { brandingImage: y, brandingColors: f, brandingLogo: b } = ee(e.entity.branding || null), x = y || O(
     {
       images: e.entity.images || null,
-      imagePlaceholder: x || ""
+      imagePlaceholder: p || ""
     },
-    Z.OVERLAY
-  ), u = B(), s = (f == null ? void 0 : f.backgroundColor) || a.colorSchemes.dark.surfaceVariant, d = {
+    E.OVERLAY
+  ), u = z(), s = (f == null ? void 0 : f.backgroundColor) || a.colorSchemes.dark.surfaceVariant, d = {
     mainContentSection: {
       display: "flex",
       flexDirection: "column",
@@ -836,7 +835,7 @@ const oe = (e) => {
       gap: u.md
     }
   }, m = () => {
-    var g, v, c, o, S;
+    var g, v, c, o, j;
     return /* @__PURE__ */ n.jsx(
       e.PresentedBy,
       {
@@ -844,11 +843,11 @@ const oe = (e) => {
         textColor: a.colorSchemes.dark.textColor,
         label: ((g = e.entity.labels) == null ? void 0 : g.sponsor) || null,
         primaryUrl: (c = (v = e.entity.branding) == null ? void 0 : v.urls) == null ? void 0 : c.primaryUrl,
-        secondaryUrl: (S = (o = e.entity.branding) == null ? void 0 : o.urls) == null ? void 0 : S.secondaryUrl
+        secondaryUrl: (j = (o = e.entity.branding) == null ? void 0 : o.urls) == null ? void 0 : j.secondaryUrl
       }
     );
   }, h = () => {
-    var g, v, c, o, S, t, P, F, W, l, C;
+    var g, v, c, o, j, t, F, P, W, l, C;
     return /* @__PURE__ */ n.jsxs(i, { sx: d.mainContentSection, children: [
       /* @__PURE__ */ n.jsx(i, { sx: d.contentContainerWithBackdrop, children: /* @__PURE__ */ n.jsx(
         e.CollectLeadWrapper,
@@ -860,10 +859,10 @@ const oe = (e) => {
           brandingUrls: (v = e.entity.branding) == null ? void 0 : v.urls,
           campaignId: (c = e.leads) == null ? void 0 : c.campaignId,
           campaignName: (o = e.leads) == null ? void 0 : o.campaignName,
-          fields: (S = e.leads) == null ? void 0 : S.fields,
+          fields: (j = e.leads) == null ? void 0 : j.fields,
           leadTitle: (t = e.entity.labels) == null ? void 0 : t.leadTitle,
-          leadDescription: (P = e.entity.labels) == null ? void 0 : P.leadDescription,
-          leadCta: (F = e.entity.labels) == null ? void 0 : F.leadCta,
+          leadDescription: (F = e.entity.labels) == null ? void 0 : F.leadDescription,
+          leadCta: (P = e.entity.labels) == null ? void 0 : P.leadCta,
           leadSuccessTitle: (W = e.entity.labels) == null ? void 0 : W.leadSuccessTitle,
           leadSuccessDescription: (l = e.entity.labels) == null ? void 0 : l.leadSuccessDescription,
           syncWithProfile: (C = e.leads) == null ? void 0 : C.syncWithProfile,
@@ -880,17 +879,17 @@ const oe = (e) => {
     {
       entity: e.entity,
       headline: e.headline,
-      finalImage: p,
+      finalImage: x,
       rulesDisplay: e.rulesDisplay,
       children: h()
     }
   );
 };
 export {
-  ye as C,
   me as b,
-  pe as f,
+  xe as f,
   ue as h,
-  xe as u,
+  pe as u,
+  ce as x,
   ge as y
 };

package/chunks/{OverlayScoreStateSkeleton-C9FUhcnd-DMFELrvA.js → OverlayScoreStateSkeleton-Cha5KeNi-fyZTu-l5.js}

@@ -1,8 +1,7 @@
-import { j as o, B as i } from "./main-XP7dqk6g.js";
-import { o as C, Y as j, K as k, j as v } from "./Portal-BWqqFvVm-TuHZWjxn.js";
-import { v as F } from "./NotFoundSkeleton-BYJTzYJR-Be3R34nS.js";
-import { T as l } from "./Button-BV7YIFkS.js";
-const T = (e) => ({
+import { j as n } from "./main-Bh6iw92_.js";
+import { D as S, R as j, N as k, C as r, b as l, i as F } from "./Portal-DegkUXpU-ByGP9zS1.js";
+import { b as v } from "./index-DUQ2LFod-Cw45tHim.js";
+const I = (e) => ({
   // Main container with background overlay
   mainContainer: {
     display: "flex",
@@ -97,8 +96,8 @@ const T = (e) => ({
   rulesDisplay: g
 }) => {
   var a;
-  C();
-  const r = j(), s = k(), t = ((a = e.branding) == null ? void 0 : a.colors) || null, p = (t == null ? void 0 : t.secondaryColor) || r.colorSchemes.dark.textSecondary, h = r.customFontFamily.light.primary, y = r.customFontFamily.light.secondary, f = r.customRadius.light.md, u = r.border.light.size, b = (t == null ? void 0 : t.borderColor) || r.colorSchemes.dark.secondaryContainer, S = r.colorSchemes.dark.textColor, n = T({
+  S();
+  const i = j(), s = k(), t = ((a = e.branding) == null ? void 0 : a.colors) || null, p = (t == null ? void 0 : t.secondaryColor) || i.colorSchemes.dark.textSecondary, h = i.customFontFamily.light.primary, y = i.customFontFamily.light.secondary, f = i.customRadius.light.md, u = i.border.light.size, b = (t == null ? void 0 : t.borderColor) || i.colorSchemes.dark.secondaryContainer, C = i.colorSchemes.dark.textColor, o = I({
     spacingScale: s,
     secondaryColor: p,
     fontFamilyPrimary: h,
@@ -106,14 +105,14 @@ const T = (e) => ({
     mdBorderRadius: f,
     borderSize: u,
     borderColor: b,
-    darkTextColor: S,
+    darkTextColor: C,
     backgroundImage: c,
     imageBackgroundGradient: x
   });
-  return /* @__PURE__ */ o.jsxs(i, { sx: n.mainContainer, children: [
-    /* @__PURE__ */ o.jsx(i, { children: /* @__PURE__ */ o.jsx(i, { sx: n.headlineSection, children: /* @__PURE__ */ o.jsx(i, { sx: n.headlineContent, children: /* @__PURE__ */ o.jsxs(i, { sx: n.headlineContentInner, children: [
-      /* @__PURE__ */ o.jsxs(
-        i,
+  return /* @__PURE__ */ n.jsxs(r, { sx: o.mainContainer, children: [
+    /* @__PURE__ */ n.jsx(r, { children: /* @__PURE__ */ n.jsx(r, { sx: o.headlineSection, children: /* @__PURE__ */ n.jsx(r, { sx: o.headlineContent, children: /* @__PURE__ */ n.jsxs(r, { sx: o.headlineContentInner, children: [
+      /* @__PURE__ */ n.jsxs(
+        r,
         {
           sx: {
             display: "flex",
@@ -121,9 +120,9 @@ const T = (e) => ({
             gap: s["3xs"]
           },
           children: [
-            /* @__PURE__ */ o.jsx(l, { level: "body-sm", sx: n.headlineText, children: d }),
-            /* @__PURE__ */ o.jsx(
-              F,
+            /* @__PURE__ */ n.jsx(l, { level: "body-sm", sx: o.headlineText, children: d }),
+            /* @__PURE__ */ n.jsx(
+              v,
               {
                 rulesDisplay: g,
                 isOverlayVariant: !0,
@@ -133,14 +132,14 @@ const T = (e) => ({
           ]
         }
       ),
-      /* @__PURE__ */ o.jsxs(i, { sx: n.contentContainer, children: [
-        /* @__PURE__ */ o.jsx(l, { level: "h4", sx: n.titleText, children: e.title }),
-        /* @__PURE__ */ o.jsx(l, { level: "body-lg", sx: n.descriptionText, children: v(e.description) })
+      /* @__PURE__ */ n.jsxs(r, { sx: o.contentContainer, children: [
+        /* @__PURE__ */ n.jsx(l, { level: "h4", sx: o.titleText, children: e.title }),
+        /* @__PURE__ */ n.jsx(l, { level: "body-lg", sx: o.descriptionText, children: F(e.description) })
       ] })
     ] }) }) }) }),
     m
   ] });
 };
 export {
-  D as w
+  D as j
 };

package/chunks/{PersonalityQuizWrapper-MpUK4n3Y.js → PersonalityQuizWrapper-BgLFw5tM.js}

@@ -1,6 +1,6 @@
-import { j as K, r as P, m as jt, s as Ap, a as bp, h as xp, e as Sp, n as Cp, i as Pp, k as kp, f as Tp, g as zp, p as wp, q as Ip } from "./main-XP7dqk6g.js";
-import { r as od } from "./index-CicEY2Jv.js";
-import { w as Hr } from "./index.es-CHqz6mjo.js";
+import { j as K, r as P, R as jt, J as Ap, a as bp, y as xp, o as Sp, F as Cp, z as Pp, D as kp, p as Tp, q as zp, H as wp, I as Ip } from "./main-Bh6iw92_.js";
+import { r as od } from "./index-CJqcqbHq.js";
+import { P as Hr } from "./index.es-wHqA4PHm.js";
 var Fp = Object.defineProperty, Rp = (e, t, o) => t in e ? Fp(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, V = (e, t, o) => Rp(e, typeof t != "symbol" ? t + "" : t, o);
 function Dp(e) {
   if (e.sheet)