@streamlayer/react 0.31.11 → 0.32.0

package/lib/dist/es/gamification-feature.js

@@ -1,6 +1,6 @@
 import { jsxs as f, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { s as a, n as j, Q as z, o as Se, a as L, b as Q, d as Ye, E, r as ie, w as We, u as w, A as Ve, O as Fe, P as W, c as ee, e as Be, f as He } from "./masters.js";
-import U, { useRef as C, useState as P, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
+import { s as a, n as j, Q as z, o as Se, a as L, b as Q, d as ze, E, r as ie, w as We, u as w, A as Ve, O as Fe, P as W, c as ee, e as Be, f as He } from "./masters.js";
+import U, { useRef as C, useState as P, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as xe } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -25,7 +25,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), xe = ({ type: e, close: t, label: i }) => {
+}), je = ({ type: e, close: t, label: i }) => {
   const n = e ? Se[e] : { label: i, iconName: void 0 };
   return /* @__PURE__ */ f(Je, { children: [
     /* @__PURE__ */ f(Ke, { children: [
@@ -41,7 +41,7 @@ const Je = /* @__PURE__ */ a("div")({
     ] }),
     /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(st, { name: "icon-cross" }) })
   ] });
-}, je = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Oe = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
+}, Oe = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), ke = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
@@ -146,7 +146,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", ke = ({
+}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", we = ({
   avatar: e,
   name: t,
   points: i,
@@ -155,13 +155,13 @@ const Je = /* @__PURE__ */ a("div")({
   streak: l,
   correct: c,
   incorrect: m,
-  inTop: d,
+  inTop: u,
   successRate: h
 }) => /* @__PURE__ */ f(ht, { children: [
   /* @__PURE__ */ r(It, { children: /* @__PURE__ */ f(gt, { children: [
     /* @__PURE__ */ f(kt, { children: [
       e && /* @__PURE__ */ r(vt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ r(Ot, { children: je(t || "") })
+      !e && /* @__PURE__ */ r(Ot, { children: Oe(t || "") })
     ] }),
     /* @__PURE__ */ f(Mt, { children: [
       /* @__PURE__ */ r(yt, { children: t }),
@@ -169,14 +169,14 @@ const Je = /* @__PURE__ */ a("div")({
         /* @__PURE__ */ f(At, { children: [
           /* @__PURE__ */ r(Tt, { alt: "rank-icon", src: wt }),
           /* @__PURE__ */ f(Dt, { children: [
-            Oe(i),
+            ke(i),
             /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
         /* @__PURE__ */ r(zt, {}),
         /* @__PURE__ */ f("div", { children: [
           "TOP ",
-          d || 0,
+          u || 0,
           "%"
         ] })
       ] })
@@ -249,7 +249,7 @@ const Je = /* @__PURE__ */ a("div")({
   const c = i && (n === z.TRIVIA || n === z.PREDICTION);
   if (!c && l !== L.RESOLVED || l === L.RESOLVED && n === z.PREDICTION && !i)
     return null;
-  const m = n === z.PREDICTION && !s, d = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
+  const m = n === z.PREDICTION && !s, u = t ? "correct" : "incorrect", h = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ f(Et, { "data-isPrediction": m, children: [
     l === L.RESOLVED && n === z.TRIVIA && !i && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
@@ -263,9 +263,9 @@ const Je = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ r(J, { children: "Stay tuned to see if your prediction was correct." })
     ] }),
     c && s && /* @__PURE__ */ f($, { children: [
-      /* @__PURE__ */ r(ce, { "data-feedbackType": d, children: /* @__PURE__ */ r(j, { name: d }) }),
+      /* @__PURE__ */ r(ce, { "data-feedbackType": u, children: /* @__PURE__ */ r(j, { name: u }) }),
       /* @__PURE__ */ r("div", { children: /* @__PURE__ */ f(de, { children: [
-        /* @__PURE__ */ r(Ut, { "data-feedbackType": d, children: h == null ? void 0 : h.title }),
+        /* @__PURE__ */ r(Ut, { "data-feedbackType": u, children: h == null ? void 0 : h.title }),
         /* @__PURE__ */ r(J, { children: h == null ? void 0 : h.description })
       ] }) })
     ] })
@@ -306,15 +306,15 @@ const Je = /* @__PURE__ */ a("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), we = /* @__PURE__ */ a("img")({
+}), Ce = /* @__PURE__ */ a("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), Jt = () => we, Kt = /* @__PURE__ */ a(Jt())({
+}), Jt = () => Ce, Kt = /* @__PURE__ */ a(Jt())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), Xt = () => we, en = /* @__PURE__ */ a(Xt())({
+}), Xt = () => Ce, en = /* @__PURE__ */ a(Xt())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -367,7 +367,7 @@ const Je = /* @__PURE__ */ a("div")({
     // extra props
     onVote: c,
     youSelected: m,
-    questionVoted: d,
+    questionVoted: u,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: h,
     answerTimeExpired: T,
@@ -376,24 +376,24 @@ const Je = /* @__PURE__ */ a("div")({
     questionType: A,
     correct: D,
     hasCorrectAnswer: o
-  } = e, u = an(e), p = ln({ questionType: A, questionVoted: d, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === L.RESOLVED && A === z.PREDICTION, g = d || I;
+  } = e, d = an(e), p = ln({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: M }), I = M === L.RESOLVED && A === z.PREDICTION, g = u || I;
   return /* @__PURE__ */ f(
     Ft,
     {
       value: i,
       "data-selected": m,
-      "data-answerState": u,
-      disabled: d || v || T || I,
-      "data-isNotChecked": d && !m && u !== "incorrect",
+      "data-answerState": d,
+      disabled: u || v || T || I,
+      "data-isNotChecked": u && !m && d !== "incorrect",
       onClick: c,
       children: [
-        /* @__PURE__ */ r(Bt, { "data-answerState": u, style: { width: `${g ? l : 0}%` } }),
+        /* @__PURE__ */ r(Bt, { "data-answerState": d, style: { width: `${g ? l : 0}%` } }),
         /* @__PURE__ */ f(Ht, { children: [
           n && h && ((t = ue[h]) == null ? void 0 : t.call(ue, n)),
           /* @__PURE__ */ r(tn, { children: s }),
           g && /* @__PURE__ */ f(nn, { children: [
             p && /* @__PURE__ */ r(on, { name: "selected" }),
-            /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ r(Ye, { value: l, suffix: "%" }) })
+            /* @__PURE__ */ r(sn, { children: /* @__PURE__ */ r(ze, { value: l, suffix: "%" }) })
           ] })
         ] })
       ]
@@ -401,20 +401,20 @@ const Je = /* @__PURE__ */ a("div")({
   );
 };
 var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: i = 0, updateInterval: n = 0, onComplete: s, onUpdate: l }) => {
-  let [c, m] = P(i), d = C(0), h = C(i), T = C(i * -1e3), M = C(null), v = C(null), A = C(null), D = (p) => {
+  let [c, m] = P(i), u = C(0), h = C(i), T = C(i * -1e3), M = C(null), v = C(null), A = C(null), D = (p) => {
     let I = p / 1e3;
     if (v.current === null) {
       v.current = I, M.current = requestAnimationFrame(D);
       return;
     }
-    let g = I - v.current, N = d.current + g;
-    v.current = I, d.current = N;
+    let g = I - v.current, N = u.current + g;
+    v.current = I, u.current = N;
     let y = h.current + (n === 0 ? N : (N / n | 0) * n), S = h.current + N, x = typeof t == "number" && S >= t;
     m(x ? t : y), x || (M.current = requestAnimationFrame(D));
   }, o = () => {
     M.current && cancelAnimationFrame(M.current), A.current && clearTimeout(A.current), v.current = null;
-  }, u = _((p) => {
-    o(), d.current = 0;
+  }, d = _((p) => {
+    o(), u.current = 0;
     let I = typeof p == "number" ? p : i;
     h.current = I, m(I), e && (M.current = requestAnimationFrame(D));
   }, [e, i]);
@@ -422,13 +422,13 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     if (l == null || l(c), t && c >= t) {
       T.current += t * 1e3;
       let { shouldRepeat: p = !1, delay: I = 0, newStartAt: g } = (s == null ? void 0 : s(T.current / 1e3)) || {};
-      p && (A.current = setTimeout(() => u(g), I * 1e3));
+      p && (A.current = setTimeout(() => d(g), I * 1e3));
     }
-  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: c, reset: u };
+  }, [c, t]), pe(() => (e && (M.current = requestAnimationFrame(D)), o), [e, t, n]), { elapsedTime: c, reset: d };
 }, un = (e, t, i) => {
-  let n = e / 2, s = t / 2, l = n - s, c = 2 * l, m = i === "clockwise" ? "1,0" : "0,1", d = 2 * Math.PI * l;
-  return { path: `m ${n},${s} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: d };
-}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, Ce = (e, t, i, n, s) => {
+  let n = e / 2, s = t / 2, l = n - s, c = 2 * l, m = i === "clockwise" ? "1,0" : "0,1", u = 2 * Math.PI * l;
+  return { path: `m ${n},${s} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`, pathLength: u };
+}, me = (e, t) => e === 0 || e === t ? 0 : typeof t == "number" ? e - t : 0, pn = (e) => ({ position: "relative", width: e, height: e }), mn = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, be = (e, t, i, n, s) => {
   if (n === 0)
     return t;
   let l = (s ? n - e : e) / n;
@@ -446,10 +446,10 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     return n[0];
   if (!l)
     return n[c];
-  let m = s[c] - t, d = s[c] - s[c + 1], h = he(n[c]), T = he(n[c + 1]), M = !!e.isGrowing;
-  return `rgb(${h.map((v, A) => Ce(m, v, T[A] - v, d, M) | 0).join(",")})`;
+  let m = s[c] - t, u = s[c] - s[c + 1], h = he(n[c]), T = he(n[c + 1]), M = !!e.isGrowing;
+  return `rgb(${h.map((v, A) => be(m, v, T[A] - v, u, M) | 0).join(",")})`;
 }, In = (e) => {
-  let { duration: t, initialRemainingTime: i, updateInterval: n, size: s = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: d = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, v = C(), A = Math.max(l, c ?? 0), { path: D, pathLength: o } = un(s, A, h), { elapsedTime: u } = dn({ isPlaying: m, duration: t, startAt: me(t, i), updateInterval: n, onUpdate: typeof M == "function" ? (I) => {
+  let { duration: t, initialRemainingTime: i, updateInterval: n, size: s = 180, strokeWidth: l = 12, trailStrokeWidth: c, isPlaying: m = !1, isGrowing: u = !1, rotation: h = "clockwise", onComplete: T, onUpdate: M } = e, v = C(), A = Math.max(l, c ?? 0), { path: D, pathLength: o } = un(s, A, h), { elapsedTime: d } = dn({ isPlaying: m, duration: t, startAt: me(t, i), updateInterval: n, onUpdate: typeof M == "function" ? (I) => {
     let g = Math.ceil(t - I);
     g !== v.current && (v.current = g, M(g));
   } : void 0, onComplete: typeof T == "function" ? (I) => {
@@ -457,13 +457,13 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (g = T(I)) != null ? g : {};
     if (N)
       return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
-  } : void 0 }), p = t - u;
-  return { elapsedTime: u, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: hn(e, p), strokeDashoffset: Ce(u, 0, o, t, d), strokeWidth: l };
-}, be = (e) => {
-  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: s } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: d, remainingTime: h, elapsedTime: T, size: M, strokeWidth: v } = In(e);
-  return U.createElement("div", { style: pn(M) }, U.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: l, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: s ?? v }), U.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: d })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: h, elapsedTime: T, color: m })));
+  } : void 0 }), p = t - d;
+  return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: h, size: s, stroke: hn(e, p), strokeDashoffset: be(d, 0, o, t, u), strokeWidth: l };
+}, $e = (e) => {
+  let { children: t, strokeLinecap: i, trailColor: n, trailStrokeWidth: s } = e, { path: l, pathLength: c, stroke: m, strokeDashoffset: u, remainingTime: h, elapsedTime: T, size: M, strokeWidth: v } = In(e);
+  return U.createElement("div", { style: pn(M) }, U.createElement("svg", { viewBox: `0 0 ${M} ${M}`, width: M, height: M, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: l, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: s ?? v }), U.createElement("path", { d: l, fill: "none", stroke: m, strokeLinecap: i ?? "round", strokeWidth: v, strokeDasharray: c, strokeDashoffset: u })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: h, elapsedTime: T, color: m })));
 };
-be.displayName = "CountdownCircleTimer";
+$e.displayName = "CountdownCircleTimer";
 const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10, 0], vn = /* @__PURE__ */ a("div")({
   name: "RemainingTime",
   class: "r165427",
@@ -474,15 +474,15 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   onTimerExpired: i
 }) => {
   const [n, s] = P(t > 10 ? Mn : Ie), l = ({
-    remainingTime: d
+    remainingTime: u
   }) => /* @__PURE__ */ r(vn, {
-    children: d
+    children: u
   }), c = _(() => {
     i == null || i(), s(yn);
-  }, [i, s]), m = _((d) => {
-    d === 10 && s(Ie);
+  }, [i, s]), m = _((u) => {
+    u === 10 && s(Ie);
   }, [s]);
-  return /* @__PURE__ */ r(be, {
+  return /* @__PURE__ */ r($e, {
     isPlaying: e,
     duration: t,
     colors: fn,
@@ -537,7 +537,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     t !== void 0 && s !== z.POLL && /* @__PURE__ */ f($, { children: [
       /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
       /* @__PURE__ */ f(xn, { children: [
-        /* @__PURE__ */ r(jn, { children: t }),
+        /* @__PURE__ */ r(jn, { children: /* @__PURE__ */ r(ze, { value: t }) }),
         /* @__PURE__ */ r(On, { children: "PTS" })
       ] })
     ] })
@@ -545,7 +545,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   n && /* @__PURE__ */ r(Nn, { isPlaying: i, onTimerExpired: c, duration: l })
 ] }), wn = ({ openedQuestion: e, isLoading: t, vote: i, close: n }) => {
   var s, l;
-  const c = e.subject, m = e.type, d = (s = e.options) == null ? void 0 : s.options, [h, T] = P(!1), [M, v] = P(""), A = e == null ? void 0 : e.id, D = _(
+  const c = e.subject, m = e.type, u = (s = e.options) == null ? void 0 : s.options, [h, T] = P(!1), [M, v] = P(""), A = e == null ? void 0 : e.id, D = _(
     async (N) => {
       if (A) {
         const y = N.currentTarget.value;
@@ -555,7 +555,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     [A, v, i]
   ), o = _(() => {
     T(!0), setTimeout(n, 3e3);
-  }, [n]), u = B(
+  }, [n]), d = B(
     () => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
     [e]
   ), p = B(
@@ -565,7 +565,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     var y;
     return {
       ...N,
-      questionVoted: !!u,
+      questionVoted: !!d,
       youSelected: M === N.id,
       isLoading: t,
       hasCorrectAnswer: p,
@@ -576,14 +576,14 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       // ToDo: Figure out why imageMode is not in the response
       onVote: D
     };
-  }) : [], [p, h, t, e, u, D, M]), g = d && (d.case === "trivia" || d.case === "prediction") ? d.value : void 0;
+  }) : [], [p, h, t, e, d, D, M]), g = u && (u.case === "trivia" || u.case === "prediction") ? u.value : void 0;
   return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ f(Yt, { children: [
     g && /* @__PURE__ */ r(
       _t,
       {
         feedbackMessages: g,
-        questionVoted: !!u,
-        questionVotedCorrectly: u == null ? void 0 : u.correct,
+        questionVoted: !!d,
+        questionVotedCorrectly: d == null ? void 0 : d.correct,
         questionType: m,
         hasCorrectAnswer: p,
         questionStatus: e.status
@@ -593,12 +593,12 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       kn,
       {
         title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
-        points: h ? void 0 : 100,
+        points: h ? void 0 : d != null && d.correct ? d == null ? void 0 : d.points : 0,
         onTimerExpired: o,
         questionType: e.type,
         isTimer: !t,
-        isPlayingTimer: !u,
-        timerDuration: u ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
+        isPlayingTimer: !d,
+        timerDuration: d ? 0 : Number(((l = e == null ? void 0 : e.appearance) == null ? void 0 : l.autoHideInterval) || "30")
       }
     ),
     h ? /* @__PURE__ */ r(
@@ -636,7 +636,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), $e = ({ created: e, image: t, title: i, instantView: n }) => {
+}), Le = ({ created: e, image: t, title: i, instantView: n }) => {
   const s = B(() => {
     if (e) {
       const c = new Date(e);
@@ -670,7 +670,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   class: "w19zie3h",
   propsAsIs: !1
 }), Pn = ({ instantView: e, ...t }) => /* @__PURE__ */ f(Qn, { children: [
-  /* @__PURE__ */ r($e, { instantView: e, ...t }),
+  /* @__PURE__ */ r(Le, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ f(Un, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ r(j, { name: "icon-external-link" })
@@ -711,7 +711,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     return null;
   const s = i.type;
   return /* @__PURE__ */ f(_n, {
-    children: [/* @__PURE__ */ r(xe, {
+    children: [/* @__PURE__ */ r(je, {
       close: e.closeQuestion,
       type: ((t = i.attributes) == null ? void 0 : t.type) || z.UNSET
     }), s === "question" && /* @__PURE__ */ r(Yn, {
@@ -798,8 +798,8 @@ function K(e, t) {
   t === void 0 && (t = Kn);
   var i, n = [], s, l = !1;
   function c() {
-    for (var m = [], d = 0; d < arguments.length; d++)
-      m[d] = arguments[d];
+    for (var m = [], u = 0; u < arguments.length; u++)
+      m[u] = arguments[u];
     return l && i === this && t(m, n) || (s = e.apply(this, m), l = !0, i = this, n = m), s;
   }
   return c;
@@ -844,37 +844,37 @@ var ti = 150, ni = function(t, i) {
   return t;
 };
 function ii(e) {
-  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, s = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
+  var t, i = e.getItemOffset, n = e.getEstimatedTotalSize, s = e.getItemSize, l = e.getOffsetForIndexAndAlignment, c = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, h = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
   return t = /* @__PURE__ */ function(M) {
     Zn(v, M);
     function v(D) {
       var o;
-      return o = M.call(this, D) || this, o._instanceProps = d(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
+      return o = M.call(this, D) || this, o._instanceProps = u(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
         instance: ge(o),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof o.props.initialScrollOffset == "number" ? o.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(u, p, I, g) {
+      }, o._callOnItemsRendered = void 0, o._callOnItemsRendered = K(function(d, p, I, g) {
         return o.props.onItemsRendered({
-          overscanStartIndex: u,
+          overscanStartIndex: d,
           overscanStopIndex: p,
           visibleStartIndex: I,
           visibleStopIndex: g
         });
-      }), o._callOnScroll = void 0, o._callOnScroll = K(function(u, p, I) {
+      }), o._callOnScroll = void 0, o._callOnScroll = K(function(d, p, I) {
         return o.props.onScroll({
-          scrollDirection: u,
+          scrollDirection: d,
           scrollOffset: p,
           scrollUpdateWasRequested: I
         });
-      }), o._getItemStyle = void 0, o._getItemStyle = function(u) {
+      }), o._getItemStyle = void 0, o._getItemStyle = function(d) {
         var p = o.props, I = p.direction, g = p.itemSize, N = p.layout, y = o._getItemStyleCache(h && g, h && N, h && I), S;
-        if (y.hasOwnProperty(u))
-          S = y[u];
+        if (y.hasOwnProperty(d))
+          S = y[d];
         else {
-          var x = i(o.props, u, o._instanceProps), O = s(o.props, u, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? x : 0;
-          y[u] = S = {
+          var x = i(o.props, d, o._instanceProps), O = s(o.props, d, o._instanceProps), k = I === "horizontal" || N === "horizontal", q = I === "rtl", Y = k ? x : 0;
+          y[d] = S = {
             position: "absolute",
             left: q ? void 0 : Y,
             right: q ? Y : void 0,
@@ -884,10 +884,10 @@ function ii(e) {
           };
         }
         return S;
-      }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(u, p, I) {
+      }, o._getItemStyleCache = void 0, o._getItemStyleCache = K(function(d, p, I) {
         return {};
-      }), o._onScrollHorizontal = function(u) {
-        var p = u.currentTarget, I = p.clientWidth, g = p.scrollLeft, N = p.scrollWidth;
+      }), o._onScrollHorizontal = function(d) {
+        var p = d.currentTarget, I = p.clientWidth, g = p.scrollLeft, N = p.scrollWidth;
         o.setState(function(y) {
           if (y.scrollOffset === g)
             return null;
@@ -908,8 +908,8 @@ function ii(e) {
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._onScrollVertical = function(u) {
-        var p = u.currentTarget, I = p.clientHeight, g = p.scrollHeight, N = p.scrollTop;
+      }, o._onScrollVertical = function(d) {
+        var p = d.currentTarget, I = p.clientHeight, g = p.scrollHeight, N = p.scrollTop;
         o.setState(function(y) {
           if (y.scrollOffset === N)
             return null;
@@ -921,9 +921,9 @@ function ii(e) {
             scrollUpdateWasRequested: !1
           };
         }, o._resetIsScrollingDebounced);
-      }, o._outerRefSetter = function(u) {
+      }, o._outerRefSetter = function(d) {
         var p = o.props.outerRef;
-        o._outerRef = u, typeof p == "function" ? p(u) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = u);
+        o._outerRef = d, typeof p == "function" ? p(d) : p != null && typeof p == "object" && p.hasOwnProperty("current") && (p.current = d);
       }, o._resetIsScrollingDebounced = function() {
         o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = ei(o._resetIsScrolling, ti);
       }, o._resetIsScrolling = function() {
@@ -934,20 +934,20 @@ function ii(e) {
         });
       }, o;
     }
-    v.getDerivedStateFromProps = function(o, u) {
-      return si(o, u), T(o), null;
+    v.getDerivedStateFromProps = function(o, d) {
+      return si(o, d), T(o), null;
     };
     var A = v.prototype;
     return A.scrollTo = function(o) {
-      o = Math.max(0, o), this.setState(function(u) {
-        return u.scrollOffset === o ? null : {
-          scrollDirection: u.scrollOffset < o ? "forward" : "backward",
+      o = Math.max(0, o), this.setState(function(d) {
+        return d.scrollOffset === o ? null : {
+          scrollDirection: d.scrollOffset < o ? "forward" : "backward",
           scrollOffset: o,
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, A.scrollToItem = function(o, u) {
-      u === void 0 && (u = "auto");
+    }, A.scrollToItem = function(o, d) {
+      d === void 0 && (d = "auto");
       var p = this.props, I = p.itemCount, g = p.layout, N = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, I - 1));
       var y = 0;
@@ -955,20 +955,20 @@ function ii(e) {
         var S = this._outerRef;
         g === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
       }
-      this.scrollTo(l(this.props, o, u, N, this._instanceProps, y));
+      this.scrollTo(l(this.props, o, d, N, this._instanceProps, y));
     }, A.componentDidMount = function() {
-      var o = this.props, u = o.direction, p = o.initialScrollOffset, I = o.layout;
+      var o = this.props, d = o.direction, p = o.initialScrollOffset, I = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
         var g = this._outerRef;
-        u === "horizontal" || I === "horizontal" ? g.scrollLeft = p : g.scrollTop = p;
+        d === "horizontal" || I === "horizontal" ? g.scrollLeft = p : g.scrollTop = p;
       }
       this._callPropsCallbacks();
     }, A.componentDidUpdate = function() {
-      var o = this.props, u = o.direction, p = o.layout, I = this.state, g = I.scrollOffset, N = I.scrollUpdateWasRequested;
+      var o = this.props, d = o.direction, p = o.layout, I = this.state, g = I.scrollOffset, N = I.scrollUpdateWasRequested;
       if (N && this._outerRef != null) {
         var y = this._outerRef;
-        if (u === "horizontal" || p === "horizontal")
-          if (u === "rtl")
+        if (d === "horizontal" || p === "horizontal")
+          if (d === "rtl")
             switch (Te()) {
               case "negative":
                 y.scrollLeft = -g;
@@ -990,30 +990,30 @@ function ii(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var o = this.props, u = o.children, p = o.className, I = o.direction, g = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, x = o.itemCount, O = o.itemData, k = o.itemKey, q = k === void 0 ? ni : k, Y = o.layout, Le = o.outerElementType, Ee = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = I === "horizontal" || Y === "horizontal", Pe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), _e = re[0], qe = re[1], oe = [];
+      var o = this.props, d = o.children, p = o.className, I = o.direction, g = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, x = o.itemCount, O = o.itemData, k = o.itemKey, q = k === void 0 ? ni : k, Y = o.layout, Ee = o.outerElementType, Re = o.outerTagName, Qe = o.style, Ue = o.useIsScrolling, Pe = o.width, se = this.state.isScrolling, G = I === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Ye = re[1], oe = [];
       if (x > 0)
-        for (var R = _e; R <= qe; R++)
-          oe.push(Z(u, {
+        for (var R = qe; R <= Ye; R++)
+          oe.push(Z(d, {
             data: O,
             key: q(R, O),
             index: R,
-            isScrolling: Qe ? se : void 0,
+            isScrolling: Ue ? se : void 0,
             style: this._getItemStyle(R)
           }));
       var ae = n(this.props, this._instanceProps);
-      return Z(Le || Ee || "div", {
+      return Z(Ee || Re || "div", {
         className: p,
-        onScroll: Pe,
+        onScroll: _e,
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
           height: g,
-          width: Ue,
+          width: Pe,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: I
-        }, Re)
+        }, Qe)
       }, Z(y || S || "div", {
         children: oe,
         ref: N,
@@ -1027,7 +1027,7 @@ function ii(e) {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
-          var u = this._getRangeToRender(), p = u[0], I = u[1], g = u[2], N = u[3];
+          var d = this._getRangeToRender(), p = d[0], I = d[1], g = d[2], N = d[3];
           this._callOnItemsRendered(p, I, g, N);
         }
       }
@@ -1036,13 +1036,13 @@ function ii(e) {
         this._callOnScroll(S, x, O);
       }
     }, A._getRangeToRender = function() {
-      var o = this.props, u = o.itemCount, p = o.overscanCount, I = this.state, g = I.isScrolling, N = I.scrollDirection, y = I.scrollOffset;
-      if (u === 0)
+      var o = this.props, d = o.itemCount, p = o.overscanCount, I = this.state, g = I.isScrolling, N = I.scrollDirection, y = I.scrollOffset;
+      if (d === 0)
         return [0, 0, 0, 0];
       var S = c(this.props, y, this._instanceProps), x = m(this.props, S, y, this._instanceProps), O = !g || N === "backward" ? Math.max(1, p) : 1, k = !g || N === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, S - O), Math.max(0, Math.min(u - 1, x + k)), S, x];
+      return [Math.max(0, S - O), Math.max(0, Math.min(d - 1, x + k)), S, x];
     }, v;
-  }(ze), t.defaultProps = {
+  }(xe), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -1066,19 +1066,19 @@ var si = function(t, i) {
     return n * i;
   },
   getOffsetForIndexAndAlignment: function(t, i, n, s, l, c) {
-    var m = t.direction, d = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, v = t.width, A = m === "horizontal" || M === "horizontal", D = A ? v : d, o = Math.max(0, h * T - D), u = Math.min(o, i * T), p = Math.max(0, i * T - D + T + c);
-    switch (n === "smart" && (s >= p - D && s <= u + D ? n = "auto" : n = "center"), n) {
+    var m = t.direction, u = t.height, h = t.itemCount, T = t.itemSize, M = t.layout, v = t.width, A = m === "horizontal" || M === "horizontal", D = A ? v : u, o = Math.max(0, h * T - D), d = Math.min(o, i * T), p = Math.max(0, i * T - D + T + c);
+    switch (n === "smart" && (s >= p - D && s <= d + D ? n = "auto" : n = "center"), n) {
       case "start":
-        return u;
+        return d;
       case "end":
         return p;
       case "center": {
-        var I = Math.round(p + (u - p) / 2);
+        var I = Math.round(p + (d - p) / 2);
         return I < Math.ceil(D / 2) ? 0 : I > o + Math.floor(D / 2) ? o : I;
       }
       case "auto":
       default:
-        return s >= p && s <= u ? s : s < p ? p : u;
+        return s >= p && s <= d ? s : s < p ? p : d;
     }
   },
   getStartIndexForOffset: function(t, i) {
@@ -1086,7 +1086,7 @@ var si = function(t, i) {
     return Math.max(0, Math.min(n - 1, Math.floor(i / s)));
   },
   getStopIndexForStartIndex: function(t, i, n) {
-    var s = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, d = t.layout, h = t.width, T = s === "horizontal" || d === "horizontal", M = i * m, v = T ? h : l, A = Math.ceil((v + n - M) / m);
+    var s = t.direction, l = t.height, c = t.itemCount, m = t.itemSize, u = t.layout, h = t.width, T = s === "horizontal" || u === "horizontal", M = i * m, v = T ? h : l, A = Math.ceil((v + n - M) / m);
     return Math.max(0, Math.min(
       c - 1,
       i + A - 1
@@ -1105,14 +1105,14 @@ function oi(e) {
   return !(n > i || s < t);
 }
 function ai(e) {
-  for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, s = e.startIndex, l = e.stopIndex, c = [], m = null, d = null, h = s; h <= l; h++) {
+  for (var t = e.isItemLoaded, i = e.itemCount, n = e.minimumBatchSize, s = e.startIndex, l = e.stopIndex, c = [], m = null, u = null, h = s; h <= l; h++) {
     var T = t(h);
-    T ? d !== null && (c.push(m, d), m = d = null) : (d = h, m === null && (m = h));
+    T ? u !== null && (c.push(m, u), m = u = null) : (u = h, m === null && (m = h));
   }
-  if (d !== null) {
-    for (var M = Math.min(Math.max(d, m + n - 1), i - 1), v = d + 1; v <= M && !t(v); v++)
-      d = v;
-    c.push(m, d);
+  if (u !== null) {
+    for (var M = Math.min(Math.max(u, m + n - 1), i - 1), v = u + 1; v <= M && !t(v); v++)
+      u = v;
+    c.push(m, u);
   }
   if (c.length)
     for (; c[1] - c[0] + 1 < n && c[0] > 0; ) {
@@ -1157,8 +1157,8 @@ var li = function(e, t) {
   function t() {
     var i, n, s, l;
     li(this, t);
-    for (var c = arguments.length, m = Array(c), d = 0; d < c; d++)
-      m[d] = arguments[d];
+    for (var c = arguments.length, m = Array(c), u = 0; u < c; u++)
+      m[u] = arguments[u];
     return l = (n = (s = Ae(this, (i = t.__proto__ || Object.getPrototypeOf(t)).call.apply(i, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(h) {
       var T = h.visibleStartIndex, M = h.visibleStopIndex;
       s._lastRenderedStartIndex = T, s._lastRenderedStopIndex = M, s._ensureRowsLoaded(T, M);
@@ -1188,7 +1188,7 @@ var li = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(n, s) {
-      var l = this.props, c = l.isItemLoaded, m = l.itemCount, d = l.minimumBatchSize, h = d === void 0 ? 10 : d, T = l.threshold, M = T === void 0 ? 15 : T, v = ai({
+      var l = this.props, c = l.isItemLoaded, m = l.itemCount, u = l.minimumBatchSize, h = u === void 0 ? 10 : u, T = l.threshold, M = T === void 0 ? 15 : T, v = ai({
         isItemLoaded: c,
         itemCount: m,
         minimumBatchSize: h,
@@ -1220,7 +1220,7 @@ var li = function(e, t) {
         c(m);
     }
   }]), t;
-}(ze);
+}(xe);
 const pi = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
@@ -1264,13 +1264,13 @@ const pi = /* @__PURE__ */ a("div")({
 }) => /* @__PURE__ */ f(pi, { onClick: l, style: c, children: [
   /* @__PURE__ */ r(mi, { children: e || 0 }),
   /* @__PURE__ */ f(fi, { children: [
-    t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: je(i || "") }),
+    t ? /* @__PURE__ */ r(hi, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(Ii, { children: Oe(i || "") }),
     /* @__PURE__ */ f(gi, { children: [
       /* @__PURE__ */ r(vi, { children: i || "" }),
       s && /* @__PURE__ */ r(yi, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { children: Oe(n) })
+  /* @__PURE__ */ r("div", { children: ke(n) })
 ] }), Ti = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
@@ -1295,25 +1295,25 @@ const pi = /* @__PURE__ */ a("div")({
         itemCount: e.length,
         width: s,
         height: l,
-        children: ({ index: d, style: h }) => /* @__PURE__ */ r(
+        children: ({ index: u, style: h }) => /* @__PURE__ */ r(
           Ni,
           {
             style: { ...h, maxHeight: 48 },
-            ...e[d],
-            openItemDetail: () => i(e[d].userId),
-            isCurrentUser: !!t && t === e[d].userId
+            ...e[u],
+            openItemDetail: () => i(e[u].userId),
+            isCurrentUser: !!t && t === e[u].userId
           },
-          e[d].userId
+          e[u].userId
         )
       }
     ) })
   }
 ) }), Di = ({ deepLink: e }) => {
-  const { data: t } = w(e.$store);
+  const { data: t } = w(e.$store), i = t == null ? void 0 : t.url, n = e.desktopLink;
   return /* @__PURE__ */ r(
     Fe,
     {
-      inviteLink: t == null ? void 0 : t.url,
+      inviteLink: i || n,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1391,7 +1391,7 @@ const pi = /* @__PURE__ */ a("div")({
   openQuestion: l,
   status: c
 }) => {
-  const m = Se[t], d = Ei[c];
+  const m = Se[t], u = Ei[c];
   return m ? /* @__PURE__ */ f(zi, { onClick: () => l == null ? void 0 : l(e), children: [
     /* @__PURE__ */ f($i, { children: [
       /* @__PURE__ */ f(xi, { children: [
@@ -1410,7 +1410,7 @@ const pi = /* @__PURE__ */ a("div")({
       ] }),
       /* @__PURE__ */ r(ji, { children: n || "" })
     ] }),
-    /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Li, { children: "Play" }) : d })
+    /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Li, { children: "Play" }) : u })
   ] }) : null;
 }, Qi = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1425,7 +1425,7 @@ const pi = /* @__PURE__ */ a("div")({
   questionId: t,
   ...i
 }) => /* @__PURE__ */ f(Qi, { children: [
-  /* @__PURE__ */ r($e, { questionId: t, ...i }),
+  /* @__PURE__ */ r(Le, { questionId: t, ...i }),
   e && /* @__PURE__ */ r(Ui, { onClick: () => e(t), children: "View Insight" })
 ] }), _i = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
@@ -1448,7 +1448,7 @@ const pi = /* @__PURE__ */ a("div")({
 }, Wi = ({ userSummary: e }) => {
   var t, i;
   const n = w(e.getStore());
-  return (t = n.data) != null && t.summary ? /* @__PURE__ */ r(ke, { ...n.data.summary, successRate: (i = n.data.percentage) == null ? void 0 : i.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+  return (t = n.data) != null && t.summary ? /* @__PURE__ */ r(we, { ...n.data.summary, successRate: (i = n.data.percentage) == null ? void 0 : i.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
 }, Vi = ({
   gamification: e
 }) => {
@@ -1517,11 +1517,11 @@ const pi = /* @__PURE__ */ a("div")({
     }), n && /* @__PURE__ */ r(De, {
       className: t,
       children: /* @__PURE__ */ f(Bi, {
-        children: [/* @__PURE__ */ r(xe, {
+        children: [/* @__PURE__ */ r(je, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
-          children: /* @__PURE__ */ r(ke, {
+          children: /* @__PURE__ */ r(we, {
             ...n,
             successRate: Hi(n)
           })