fansunited-frontend-components 0.0.47 → 0.0.49

package/PollVote.js

@@ -1,23 +1,23 @@
 import { jsxs as x, Fragment as B, jsx as t } from "react/jsx-runtime";
-import Ie, { useState as Z, useEffect as Me, useMemo as Je } from "react";
-import { m as G, n as X, o as ee, r as _, t as Y, k as F, Y as Be, W as V, B as l, T as h, ai as ot, Z as N, a0 as je, a5 as Te, a6 as Ae, ab as ze, $ as p, ae as at, c as rt, ap as ct, i as st } from "./chunks/PrizeCard-B0HczmXj.js";
-import { P as dt } from "./chunks/Portal-BNrzAjXr.js";
+import Ie, { useState as J, useEffect as Me, useMemo as Xe } from "react";
+import { i as G, u as Z, e as ee, c as _, b as Y, a as F, n as Be, W as V, B as l, T as h, p as ot, f as N, d as je, g as Te, C as Ae, h as ze, j as p, l as at, m as rt, q as ct, o as st } from "./chunks/PrizeCard-DF3QxwQJ.js";
+import { P as dt } from "./chunks/Portal-Cs0dgwmH.js";
 import "react-dom";
-import { h as Ce, s as He, g as gt, e as We, a as tt, j as mt } from "./chunks/helpers-CV2Mo9Pu.js";
-import { S as ut } from "./chunks/Spinner-VF7pS8cz.js";
-import { S as ft, a as xt, b as nt, C as Xe, c as et } from "./chunks/ChanceGameEmbedVariant-Bb_hUXEk.js";
-import { n as yt, c as ht } from "./chunks/index-B2OgR4TV.js";
-import { R as Ee, A as Ue, O as bt, S as Ct, N as St } from "./chunks/NotFoundSkeleton-B_cooMQ9.js";
-import { d as he, a as be, u as ie } from "./chunks/useImageVariant-DalagjyR.js";
+import { h as Ce, s as He, g as gt, e as We, a as tt, b as mt } from "./chunks/helpers-NuC1SzL3.js";
+import { S as ut } from "./chunks/Spinner-DbUB64Gj.js";
+import { S as ft, a as xt, b as nt, C as Ze, c as et } from "./chunks/ChanceGameEmbedVariant-DqFg4YKU.js";
+import { n as yt, c as ht } from "./chunks/index-D1K1OB4p.js";
+import { R as Ee, A as Ue, O as bt, S as Ct, N as St } from "./chunks/NotFoundSkeleton-Cs6DtD9u.js";
+import { d as he, a as be, b as ie } from "./chunks/useImageVariant-Cex1eIqq.js";
 import { u as Oe } from "./chunks/useEmbedCode-DCWnWGak.js";
-import { C as It } from "./chunks/CollectLeadForm-DFIhLeYH.js";
-import { A as Ne, R as pe, O as lt, S as it } from "./chunks/OverlayApiErrorSkeleton-CiVtcOmG.js";
-import { C as Tt } from "./chunks/CheckCircle-RcO0pr0f.js";
-import { a as At, I as Pt, W as kt } from "./chunks/AlertMessage-DEQIOPix.js";
-import { S as vt } from "./chunks/Stack-DchTYx6z.js";
-import { O as Ft } from "./chunks/OverlayScoreStateSkeleton-CHzX1Gf7.js";
-import { S as Dt, O as Rt, a as Lt, b as wt } from "./chunks/OverlayLeadAfterCollection-Df7xGLgO.js";
-import { S as Bt, a as zt } from "./chunks/SplitLeadAfterCollection-BVHQGprp.js";
+import { C as It } from "./chunks/CollectLeadForm-DnLKA8qz.js";
+import { A as Ne, R as pe, O as lt, S as it } from "./chunks/OverlayApiErrorSkeleton-Dl3s5Oaf.js";
+import { C as Tt } from "./chunks/CheckCircle-CV9iMpkZ.js";
+import { A as At, I as Pt, W as kt } from "./chunks/AlertMessage-Ds45MBHB.js";
+import { S as vt } from "./chunks/Stack-BpHk5eb0.js";
+import { O as Ft } from "./chunks/OverlayScoreStateSkeleton-LQ0svzeX.js";
+import { S as Dt, O as Rt, a as Lt, b as wt } from "./chunks/OverlayLeadAfterCollection-F2TAV9wK.js";
+import { S as Bt, a as zt } from "./chunks/SplitLeadAfterCollection-DSw6X5fx.js";
 const Wt = (e) => {
   var n, o, i;
   return {
@@ -226,7 +226,7 @@ const Wt = (e) => {
   rulesDisplay: c
 }) => {
   var D;
-  const r = G(), f = X(), m = ee(), y = _().primary, d = _().secondary, g = Y(), u = ((D = e.branding) == null ? void 0 : D.colors) || null, k = (u == null ? void 0 : u.contentColor) || F().textColor, I = (u == null ? void 0 : u.secondaryColor) || F().textColor, a = (u == null ? void 0 : u.backgroundColor) || F().surfaceVariant, A = "60%", S = Be(
+  const r = G(), f = Z(), m = ee(), y = _().primary, d = _().secondary, g = Y(), u = ((D = e.branding) == null ? void 0 : D.colors) || null, k = (u == null ? void 0 : u.contentColor) || F().textColor, I = (u == null ? void 0 : u.secondaryColor) || F().textColor, a = (u == null ? void 0 : u.backgroundColor) || F().surfaceVariant, A = "60%", S = Be(
     V.STANDARD
   ), b = Wt({
     finalImage: o,
@@ -349,7 +349,7 @@ const Wt = (e) => {
     i === "right" && o ? /* @__PURE__ */ t(l, { sx: b.imageContainerRight, children: /* @__PURE__ */ t(l, { sx: b.imageSafeArea }) }) : null
   ] });
 }, Ht = (e, n) => {
-  const [o, i] = Z(null), s = async () => {
+  const [o, i] = J(null), s = async () => {
     try {
       const c = await n.voting.getPollById(e, !0);
       i(c);
@@ -359,7 +359,7 @@ const Wt = (e) => {
   };
   return Me(() => (s(), () => i(null)), [e, n]), { poll: o, setPoll: i };
 }, Ut = (e, n, o) => {
-  const [i, s] = Z(null), [c, r] = Z(!1), [f, m] = Z(!1), [y, d] = Z(""), g = async () => {
+  const [i, s] = J(null), [c, r] = J(!1), [f, m] = J(!1), [y, d] = J(""), g = async () => {
     try {
       const k = await n.voting.getMyPollVote(e);
       s(k);
@@ -658,7 +658,7 @@ const Wt = (e) => {
   }
 }), qe = (e) => {
   var b;
-  const n = X(), o = F(), i = Y().sm, s = _().primary, c = Y().xs, r = ee(), f = je().size, m = Oe(e.option.embedCode || ""), y = !!e.option.embedCode, d = ((b = e.brandingColors) == null ? void 0 : b.primaryColor) || o.palette.primary.plainColor, g = o.palette.primary.onPrimary, u = e.selectedOptions.includes(e.option.id) ? g : n.colorSchemes.light.textColor, k = e.optionsImages.get(e.option.id), I = () => {
+  const n = Z(), o = F(), i = Y().sm, s = _().primary, c = Y().xs, r = ee(), f = je().size, m = Oe(e.option.embedCode || ""), y = !!e.option.embedCode, d = ((b = e.brandingColors) == null ? void 0 : b.primaryColor) || o.palette.primary.plainColor, g = o.palette.primary.onPrimary, u = e.selectedOptions.includes(e.option.id) ? g : n.colorSchemes.light.textColor, k = e.optionsImages.get(e.option.id), I = () => {
     e.multipleChoice ? e.answerPoll([e.option.id]) : e.answerPoll([e.option.id]);
   }, a = e.selectedOptions.includes(e.option.id), A = e.isVoting || e.multipleChoice && !a && e.selectedOptions.length >= (e.maxChoices || 1), S = () => y ? /* @__PURE__ */ x(B, { children: [
     /* @__PURE__ */ t(
@@ -868,7 +868,7 @@ const Wt = (e) => {
       ((le = e.leads) == null ? void 0 : le.position) === "before" && e.poll.authRequirement === "LEAD" || !1
     );
   }, [(L = e.leads) == null ? void 0 : L.position, e.poll.authRequirement]);
-  const { optionsLayout: i } = Te(Ae), s = ee(), c = X(), r = ke(e.options), { t: f } = N(), m = G(), y = ze(), d = Oe(e.poll.embedCode), g = !n && !!e.poll.embedCode, u = ((E = e.leads) == null ? void 0 : E.position) === "after" ? f("poll.buttons.continue") : f("poll.buttons.vote"), { brandingImage: k, brandingColors: I, brandingLogo: a } = We(e.poll.branding || null), A = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : G() ? he : be, S = k || ie(
+  const { optionsLayout: i } = Te(Ae), s = ee(), c = Z(), r = ke(e.options), { t: f } = N(), m = G(), y = ze(), d = Oe(e.poll.embedCode), g = !n && !!e.poll.embedCode, u = ((E = e.leads) == null ? void 0 : E.position) === "after" ? f("poll.buttons.continue") : f("poll.buttons.vote"), { brandingImage: k, brandingColors: I, brandingLogo: a } = We(e.poll.branding || null), A = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : G() ? he : be, S = k || ie(
     {
       images: e.poll.images,
       imagePlaceholder: A
@@ -1032,7 +1032,7 @@ const Wt = (e) => {
       )
     }
   ) });
-}, J = ({
+}, X = ({
   children: e,
   brandingBorderColor: n,
   state: o
@@ -1183,7 +1183,7 @@ const Wt = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: /* @__PURE__ */ t(
     Ct,
     {
       entity: e.poll,
@@ -1595,7 +1595,7 @@ const Wt = (e) => {
       ((le = e.leads) == null ? void 0 : le.position) === "before" && e.poll.authRequirement === "LEAD" || !1
     );
   }, [(K = e.leads) == null ? void 0 : K.position, e.poll.authRequirement]);
-  const { optionsLayout: i } = Te(Ae), s = X(), c = G(), r = ze(), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : c ? he : be, m = ie(
+  const { optionsLayout: i } = Te(Ae), s = Z(), c = G(), r = ze(), f = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : c ? he : be, m = ie(
     {
       images: e.poll.images,
       imagePlaceholder: f
@@ -1623,7 +1623,7 @@ const Wt = (e) => {
   }), E = () => {
     o(!1);
   }, W = (le, Ve) => {
-    var De, Re, Le, Qe, Ze;
+    var De, Re, Le, Qe, Je;
     return /* @__PURE__ */ t(
       $,
       {
@@ -1631,13 +1631,13 @@ const Wt = (e) => {
         textColor: le,
         label: ((De = e.poll.labels) == null ? void 0 : De.sponsor) || null,
         primaryUrl: (Le = (Re = e.poll.branding) == null ? void 0 : Re.urls) == null ? void 0 : Le.primaryUrl,
-        secondaryUrl: (Ze = (Qe = e.poll.branding) == null ? void 0 : Qe.urls) == null ? void 0 : Ze.secondaryUrl,
+        secondaryUrl: (Je = (Qe = e.poll.branding) == null ? void 0 : Qe.urls) == null ? void 0 : Je.secondaryUrl,
         isCentered: Ve || !1
       }
     );
   };
   return /* @__PURE__ */ x(
-    J,
+    X,
     {
       brandingBorderColor: (g == null ? void 0 : g.borderColor) || null,
       state: "play",
@@ -1962,7 +1962,7 @@ const Wt = (e) => {
   message: o,
   description: i
 }) => {
-  const s = X(), c = Y(), r = _().secondary, f = pt(e);
+  const s = Z(), c = Y(), r = _().secondary, f = pt(e);
   return /* @__PURE__ */ t(
     At,
     {
@@ -2020,7 +2020,7 @@ const Wt = (e) => {
   d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3 1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
 }), "People"), $e = (e) => {
   var S;
-  const [n, o] = Z(0), i = X(), s = F(), c = Y().sm, r = _(), f = Y().xs, m = ee(), y = e.optionsImages.get(e.option.id), d = e.selectedOptions.includes(e.option.id), g = ((S = e.brandingColors) == null ? void 0 : S.primaryColor) || s.palette.primary.plainColor, u = s.palette.primary.onPrimary, k = d ? u : i.colorSchemes.light.textColor, I = e.option.votes, a = e.totalVotes > 0 ? I / e.totalVotes * 100 : 0;
+  const [n, o] = J(0), i = Z(), s = F(), c = Y().sm, r = _(), f = Y().xs, m = ee(), y = e.optionsImages.get(e.option.id), d = e.selectedOptions.includes(e.option.id), g = ((S = e.brandingColors) == null ? void 0 : S.primaryColor) || s.palette.primary.plainColor, u = s.palette.primary.onPrimary, k = d ? u : i.colorSchemes.light.textColor, I = e.option.votes, a = e.totalVotes > 0 ? I / e.totalVotes * 100 : 0;
   Me(() => {
     const b = setTimeout(() => {
       o(a);
@@ -2590,7 +2590,7 @@ const Wt = (e) => {
       ] }) })
     ] }) });
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (s == null ? void 0 : s.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (s == null ? void 0 : s.borderColor) || null, children: /* @__PURE__ */ t(
     Vt,
     {
       entity: e.poll,
@@ -2755,7 +2755,7 @@ const Wt = (e) => {
   }
 }), Kt = (e) => {
   var R, v, H, O;
-  const n = X(), o = G(), i = ct(), s = ze(), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? he : be, r = ie(
+  const n = Z(), o = G(), i = ct(), s = ze(), c = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? he : be, r = ie(
     {
       images: e.poll.images,
       imagePlaceholder: c
@@ -2880,7 +2880,7 @@ const Wt = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: z() });
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (d == null ? void 0 : d.borderColor) || null, children: z() });
 }, Qt = (e) => ({
   // Main content wrapper
   mainContentWrapper: {
@@ -3055,8 +3055,8 @@ const Wt = (e) => {
     letterSpacing: "0.46px",
     textTransform: "uppercase"
   }
-}), Zt = (e) => {
-  const n = X(), o = ee(), { t: i } = N(), s = ze(), c = Be(
+}), Jt = (e) => {
+  const n = Z(), o = ee(), { t: i } = N(), s = ze(), c = Be(
     V.OVERLAY
   ), { optionsLayout: r } = Te(Ae), { brandingImage: f, brandingColors: m, brandingLogo: y } = We(e.poll.branding), d = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : G() ? he : be, g = f || ie(
     {
@@ -3136,16 +3136,16 @@ const Wt = (e) => {
       children: C()
     }
   );
-}, Jt = () => {
+}, Xt = () => {
   const { t: e } = N();
-  return /* @__PURE__ */ t(J, { brandingBorderColor: null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: null, children: /* @__PURE__ */ t(
     St,
     {
       notFoundTitle: e("poll.pollNotFound"),
       notFoundMessage: e("poll.pollNotFoundDescription")
     }
   ) });
-}, Xt = ({
+}, Zt = ({
   poll: e,
   template: n,
   imagePosition: o,
@@ -3182,13 +3182,13 @@ const Wt = (e) => {
       ...d,
       defaultImagePlaceholderUrl: i || (r ? he : be)
     }
-  ) : n === V.SPLIT ? /* @__PURE__ */ t(J, { brandingBorderColor: (f == null ? void 0 : f.borderColor) || null, children: /* @__PURE__ */ t(
+  ) : n === V.SPLIT ? /* @__PURE__ */ t(X, { brandingBorderColor: (f == null ? void 0 : f.borderColor) || null, children: /* @__PURE__ */ t(
     nt,
     {
       ...d,
       defaultImagePlaceholderUrl: i
     }
-  ) }) : /* @__PURE__ */ t(J, { brandingBorderColor: (f == null ? void 0 : f.borderColor) || null, children: /* @__PURE__ */ t(
+  ) }) : /* @__PURE__ */ t(X, { brandingBorderColor: (f == null ? void 0 : f.borderColor) || null, children: /* @__PURE__ */ t(
     it,
     {
       ...d,
@@ -3199,7 +3199,7 @@ const Wt = (e) => {
 }, en = (e) => {
   var s, c, r, f;
   const n = ((s = e.poll.branding) == null ? void 0 : s.colors) || null, o = G() ? ((c = e.poll.branding) == null ? void 0 : c.images.mobileLogo) || ((r = e.poll.branding) == null ? void 0 : r.images.mainLogo) || "" : ((f = e.poll.branding) == null ? void 0 : f.images.mainLogo) || "", { t: i } = N();
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
     it,
     {
       entity: e.poll,
@@ -3227,7 +3227,7 @@ const Wt = (e) => {
 }, tn = (e) => {
   var c, r, f, m;
   const n = G(), { t: o } = N(), i = ((c = e.poll.branding) == null ? void 0 : c.colors) || null, s = n ? ((r = e.poll.branding) == null ? void 0 : r.images.mobileLogo) || ((f = e.poll.branding) == null ? void 0 : f.images.mainLogo) || "" : ((m = e.poll.branding) == null ? void 0 : m.images.mainLogo) || "";
-  return console.log("defaultImagePlaceholderUrl", e.defaultImagePlaceholderUrl), /* @__PURE__ */ t(J, { brandingBorderColor: (i == null ? void 0 : i.borderColor) || null, children: /* @__PURE__ */ t(
+  return console.log("defaultImagePlaceholderUrl", e.defaultImagePlaceholderUrl), /* @__PURE__ */ t(X, { brandingBorderColor: (i == null ? void 0 : i.borderColor) || null, children: /* @__PURE__ */ t(
     nt,
     {
       entity: e.poll,
@@ -3525,7 +3525,7 @@ const Wt = (e) => {
   };
 }, on = (e) => {
   var T, C, z, R, v;
-  const n = ((T = e.poll.branding) == null ? void 0 : T.colors) || null, o = G(), i = X(), s = ie(
+  const n = ((T = e.poll.branding) == null ? void 0 : T.colors) || null, o = G(), i = Z(), s = ie(
     {
       images: e.poll.images,
       imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
@@ -3613,7 +3613,7 @@ const Wt = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (n == null ? void 0 : n.borderColor) || null, children: /* @__PURE__ */ t(
     Dt,
     {
       entity: e.poll,
@@ -3683,7 +3683,7 @@ const Wt = (e) => {
   }
 }), rn = (e) => {
   var I, a, A, S, b;
-  const n = X(), o = G(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? he : be, s = ie(
+  const n = Z(), o = G(), i = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : o ? he : be, s = ie(
     {
       images: e.poll.images,
       imagePlaceholder: i
@@ -3759,7 +3759,7 @@ const Wt = (e) => {
       }
     );
   };
-  return /* @__PURE__ */ t(J, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(X, { brandingBorderColor: (r == null ? void 0 : r.borderColor) || null, children: /* @__PURE__ */ t(
     Bt,
     {
       entity: e.poll,
@@ -3817,7 +3817,7 @@ const Wt = (e) => {
   }
 }), sn = (e) => {
   var S, b, P, D, T, C, z, R, v, H, O;
-  const n = X(), { t: o } = N(), i = G(), s = Be(
+  const n = Z(), { t: o } = N(), i = G(), s = Be(
     V.OVERLAY
   ), { brandingImage: c, brandingColors: r, brandingLogo: f } = We(e.poll.branding || null), m = e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : i ? he : be, y = c || ie(
     {
@@ -3927,7 +3927,7 @@ const Wt = (e) => {
       imagePosition: e.imagePosition,
       onLeadSubmitted: e.onLeadSubmitted,
       isSubmitting: e.isSubmitting,
-      MainCard: J,
+      MainCard: X,
       PresentedBy: $,
       CollectLeadWrapper: Pe
     }
@@ -3944,7 +3944,7 @@ const Wt = (e) => {
       defaultImagePlaceholder: e.defaultImagePlaceholderUrl,
       onLeadSubmitted: e.onLeadSubmitted,
       isSubmitting: e.isSubmitting,
-      MainCard: J,
+      MainCard: X,
       PresentedBy: $,
       CollectLeadWrapper: Pe
     }
@@ -3970,7 +3970,7 @@ function Se(e) {
   return e.template === V.STANDARD;
 }
 const un = (e) => {
-  const [n, o] = Z([]), [i, s] = Z(!1), [c, r] = Z(!1), [f, m] = Z(!1), [y, d] = Z(!1), [g, u] = Z(!1), [k, I] = Z(!1), { poll: a, setPoll: A } = Ht(e.entityId, e.sdk), {
+  const [n, o] = J([]), [i, s] = J(!1), [c, r] = J(!1), [f, m] = J(!1), [y, d] = J(!1), [g, u] = J(!1), [k, I] = J(!1), { poll: a, setPoll: A } = Ht(e.entityId, e.sdk), {
     myVote: S,
     setMyVote: b,
     isUnauthorized: P,
@@ -3979,16 +3979,16 @@ const un = (e) => {
     setIsApiError: C,
     setApiErrorMessage: z,
     setIsUnauthorized: R
-  } = Ut(e.entityId, e.sdk, f), v = Je(() => !a || !S || !(S != null && S.id) || a.maxAttempts === -1 || a.maxAttempts === null || S.attempts === null ? !1 : (a == null ? void 0 : a.maxAttempts) <= (S == null ? void 0 : S.attempts), [a, S]), H = Je(() => a ? mt(a.related) : null, [a]);
+  } = Ut(e.entityId, e.sdk, f), v = Xe(() => !a || !S || !(S != null && S.id) || a.maxAttempts === -1 || a.maxAttempts === null || S.attempts === null ? !1 : (a == null ? void 0 : a.maxAttempts) <= (S == null ? void 0 : S.attempts), [a, S]), H = Xe(() => a ? mt(a.related) : null, [a]);
   if (Me(() => {
     st(e.language || "en");
   }, [e.language]), !a || !S)
     return /* @__PURE__ */ t(ut, { my: 20 });
   if (!a.id)
-    return /* @__PURE__ */ t(Jt, {});
+    return /* @__PURE__ */ t(Xt, {});
   if (a.status !== "ACTIVE")
     return /* @__PURE__ */ t(
-      Xt,
+      Zt,
       {
         poll: a,
         template: e.template,
@@ -4181,9 +4181,9 @@ const un = (e) => {
       }
     );
   if (i || v) {
-    const j = H ? /* @__PURE__ */ t(Xe, { entityId: H, sdk: e.sdk, children: (w) => /* @__PURE__ */ t(et, { infoPage: w, variant: e.chanceGameVariant }) }) : void 0, q = H ? /* @__PURE__ */ t(Xe, { entityId: H, sdk: e.sdk, children: (w) => /* @__PURE__ */ t(et, { infoPage: w, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
+    const j = H ? /* @__PURE__ */ t(Ze, { entityId: H, sdk: e.sdk, children: (w) => /* @__PURE__ */ t(et, { infoPage: w, variant: e.chanceGameVariant }) }) : void 0, q = H ? /* @__PURE__ */ t(Ze, { entityId: H, sdk: e.sdk, children: (w) => /* @__PURE__ */ t(et, { infoPage: w, variant: e.chanceGameVariant, forceMobile: !0 }) }) : void 0;
     return e.template === V.OVERLAY ? /* @__PURE__ */ t(
-      Zt,
+      Jt,
       {
         userVote: S,
         poll: a,