@streamlayer/react 0.31.1 → 0.31.3

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

@@ -34,7 +34,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(), ke = (e) => e ? e.toLocaleString("en-US") : "0", rt = (e) => e.toLocaleDateString("en-US", {
+}, 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", {
   weekday: "short",
   month: "short",
   day: "numeric"
@@ -103,11 +103,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
-}), At = /* @__PURE__ */ a("img")({
+}), Tt = /* @__PURE__ */ a("img")({
   name: "TrophyIcon",
   class: "t1el3mrn",
   propsAsIs: !1
-}), Tt = /* @__PURE__ */ a("div")({
+}), At = /* @__PURE__ */ a("div")({
   name: "Rts",
   class: "r2vgnxv",
   propsAsIs: !1
@@ -131,15 +131,15 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Statistics",
   class: "s1knfgqt",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ a("div")({
+}), Ot = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1mqo824",
   propsAsIs: !1
-}), Ot = /* @__PURE__ */ a("button")({
+}), kt = /* @__PURE__ */ a("button")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Oe = ({
+}), wt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", ke = ({
   avatar: e,
   name: t,
   points: n,
@@ -152,17 +152,17 @@ const Je = /* @__PURE__ */ a("div")({
   successRate: f
 }) => /* @__PURE__ */ I(ht, { children: [
   /* @__PURE__ */ r(It, { children: /* @__PURE__ */ I(gt, { children: [
-    /* @__PURE__ */ I(Ot, { children: [
+    /* @__PURE__ */ I(kt, { children: [
       e && /* @__PURE__ */ r(Mt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ r(kt, { children: je(t || "") })
+      !e && /* @__PURE__ */ r(Ot, { children: je(t || "") })
     ] }),
     /* @__PURE__ */ I(vt, { children: [
       /* @__PURE__ */ r(yt, { children: t }),
       /* @__PURE__ */ I(Nt, { children: [
-        /* @__PURE__ */ I(Tt, { children: [
-          /* @__PURE__ */ r(At, { alt: "rank-icon", src: wt }),
+        /* @__PURE__ */ I(At, { children: [
+          /* @__PURE__ */ r(Tt, { alt: "rank-icon", src: wt }),
           /* @__PURE__ */ I(Dt, { children: [
-            ke(n),
+            Oe(n),
             /* @__PURE__ */ r(St, { children: "PTS" })
           ] })
         ] }),
@@ -363,20 +363,20 @@ const Je = /* @__PURE__ */ a("div")({
     questionVoted: u,
     // ToDo: Figure out why imageMode is not in the response, and delete default value
     imageMode: f,
-    answerTimeExpired: A,
+    answerTimeExpired: T,
     questionStatus: v,
     isLoading: g,
-    questionType: T,
+    questionType: A,
     correct: D,
     hasCorrectAnswer: o
-  } = e, d = an(e), p = ln({ questionType: T, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = u || v === _.RESOLVED && T === x.PREDICTION;
+  } = e, d = an(e), p = ln({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = u || v === _.RESOLVED && A === x.PREDICTION;
   return /* @__PURE__ */ I(
     Vt,
     {
       value: n,
       "data-selected": m,
       "data-answerState": d,
-      disabled: u || g || A,
+      disabled: u || g || T,
       onClick: l,
       children: [
         h && /* @__PURE__ */ r(Bt, { "data-answerState": d, style: { width: `${c}%` } }),
@@ -393,7 +393,7 @@ const Je = /* @__PURE__ */ a("div")({
   );
 };
 var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, startAt: n = 0, updateInterval: i = 0, onComplete: s, onUpdate: c }) => {
-  let [l, m] = L(n), u = C(0), f = C(n), A = C(n * -1e3), v = C(null), g = C(null), T = C(null), D = (p) => {
+  let [l, m] = L(n), u = C(0), f = C(n), T = C(n * -1e3), v = C(null), g = C(null), A = C(null), D = (p) => {
     let h = p / 1e3;
     if (g.current === null) {
       g.current = h, v.current = requestAnimationFrame(D);
@@ -404,7 +404,7 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     let y = f.current + (i === 0 ? N : (N / i | 0) * i), S = f.current + N, z = typeof t == "number" && S >= t;
     m(z ? t : y), z || (v.current = requestAnimationFrame(D));
   }, o = () => {
-    v.current && cancelAnimationFrame(v.current), T.current && clearTimeout(T.current), g.current = null;
+    v.current && cancelAnimationFrame(v.current), A.current && clearTimeout(A.current), g.current = null;
   }, d = P((p) => {
     o(), u.current = 0;
     let h = typeof p == "number" ? p : n;
@@ -412,9 +412,9 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
   }, [e, n]);
   return pe(() => {
     if (c == null || c(l), t && l >= t) {
-      A.current += t * 1e3;
-      let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (s == null ? void 0 : s(A.current / 1e3)) || {};
-      p && (T.current = setTimeout(() => d(M), h * 1e3));
+      T.current += t * 1e3;
+      let { shouldRepeat: p = !1, delay: h = 0, newStartAt: M } = (s == null ? void 0 : s(T.current / 1e3)) || {};
+      p && (A.current = setTimeout(() => d(M), h * 1e3));
     }
   }, [l, t]), pe(() => (e && (v.current = requestAnimationFrame(D)), o), [e, t, i]), { elapsedTime: l, reset: d };
 }, un = (e, t, n) => {
@@ -433,27 +433,27 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
   let { colors: i, colorsTime: s, isSmoothColorTransition: c = !0 } = e;
   if (typeof i == "string")
     return i;
-  let l = (n = s == null ? void 0 : s.findIndex((g, T) => g >= t && t >= s[T + 1])) != null ? n : -1;
+  let l = (n = s == null ? void 0 : s.findIndex((g, A) => g >= t && t >= s[A + 1])) != null ? n : -1;
   if (!s || l === -1)
     return i[0];
   if (!c)
     return i[l];
-  let m = s[l] - t, u = s[l] - s[l + 1], f = he(i[l]), A = he(i[l + 1]), v = !!e.isGrowing;
-  return `rgb(${f.map((g, T) => Ce(m, g, A[T] - g, u, v) | 0).join(",")})`;
+  let m = s[l] - t, u = s[l] - s[l + 1], f = he(i[l]), T = he(i[l + 1]), v = !!e.isGrowing;
+  return `rgb(${f.map((g, A) => Ce(m, g, T[A] - g, u, v) | 0).join(",")})`;
 }, In = (e) => {
-  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: A, onUpdate: v } = e, g = C(), T = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, T, f), { elapsedTime: d } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (h) => {
+  let { duration: t, initialRemainingTime: n, updateInterval: i, size: s = 180, strokeWidth: c = 12, trailStrokeWidth: l, isPlaying: m = !1, isGrowing: u = !1, rotation: f = "clockwise", onComplete: T, onUpdate: v } = e, g = C(), A = Math.max(c, l ?? 0), { path: D, pathLength: o } = un(s, A, f), { elapsedTime: d } = dn({ isPlaying: m, duration: t, startAt: me(t, n), updateInterval: i, onUpdate: typeof v == "function" ? (h) => {
     let M = Math.ceil(t - h);
     M !== g.current && (g.current = M, v(M));
-  } : void 0, onComplete: typeof A == "function" ? (h) => {
+  } : void 0, onComplete: typeof T == "function" ? (h) => {
     var M;
-    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (M = A(h)) != null ? M : {};
+    let { shouldRepeat: N, delay: y, newInitialRemainingTime: S } = (M = T(h)) != null ? M : {};
     if (N)
       return { shouldRepeat: N, delay: y, newStartAt: me(t, S) };
   } : void 0 }), p = t - d;
   return { elapsedTime: d, path: D, pathLength: o, remainingTime: Math.ceil(p), rotation: f, size: s, stroke: hn(e, p), strokeDashoffset: Ce(d, 0, o, t, u), strokeWidth: c };
 }, be = (e) => {
-  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: u, remainingTime: f, elapsedTime: A, size: v, strokeWidth: g } = In(e);
-  return U.createElement("div", { style: pn(v) }, U.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), U.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: u })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: f, elapsedTime: A, color: m })));
+  let { children: t, strokeLinecap: n, trailColor: i, trailStrokeWidth: s } = e, { path: c, pathLength: l, stroke: m, strokeDashoffset: u, remainingTime: f, elapsedTime: T, size: v, strokeWidth: g } = In(e);
+  return U.createElement("div", { style: pn(v) }, U.createElement("svg", { viewBox: `0 0 ${v} ${v}`, width: v, height: v, xmlns: "http://www.w3.org/2000/svg" }, U.createElement("path", { d: c, fill: "none", stroke: i ?? "#d9d9d9", strokeWidth: s ?? g }), U.createElement("path", { d: c, fill: "none", stroke: m, strokeLinecap: n ?? "round", strokeWidth: g, strokeDasharray: l, strokeDashoffset: u })), typeof t == "function" && U.createElement("div", { style: mn }, t({ remainingTime: f, elapsedTime: T, color: m })));
 };
 be.displayName = "CountdownCircleTimer";
 const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10, 0], Mn = /* @__PURE__ */ a("div")({
@@ -487,11 +487,11 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     onUpdate: m,
     children: c
   });
-}, An = /* @__PURE__ */ a("div")({
+}, Tn = /* @__PURE__ */ a("div")({
   name: "WinBarContainer",
   class: "wie6cqo",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ a("div")({
+}), An = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "cgizw4u",
   propsAsIs: !1
@@ -511,39 +511,40 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   name: "PointsCount",
   class: "po9i64o",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ a("span")({
+}), On = /* @__PURE__ */ a("span")({
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), On = ({
+}), kn = ({
   title: e,
   points: t,
   isPlayingTimer: n,
   isTimer: i,
-  timerDuration: s,
-  onTimerExpired: c
-}) => /* @__PURE__ */ I(An, { children: [
-  /* @__PURE__ */ I(Tn, { children: [
+  questionType: s,
+  timerDuration: c,
+  onTimerExpired: l
+}) => /* @__PURE__ */ I(Tn, { children: [
+  /* @__PURE__ */ I(An, { children: [
     e && /* @__PURE__ */ r(Dn, { children: e }),
-    t !== void 0 && /* @__PURE__ */ I($, { children: [
+    t !== void 0 && s !== x.POLL && /* @__PURE__ */ I($, { children: [
       /* @__PURE__ */ r(zn, { name: "icon-trophy" }),
       /* @__PURE__ */ I(xn, { children: [
         /* @__PURE__ */ r(jn, { children: t }),
-        /* @__PURE__ */ r(kn, { children: "PTS" })
+        /* @__PURE__ */ r(On, { children: "PTS" })
       ] })
     ] })
   ] }),
-  i && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: c, duration: s })
+  i && /* @__PURE__ */ r(Nn, { isPlaying: n, onTimerExpired: l, duration: c })
 ] }), wn = ({ openedQuestion: e, vote: t, close: n }) => {
   var i;
-  const s = e.subject, c = e.type, l = (i = e.options) == null ? void 0 : i.options, [m, u] = L(!1), [f, A] = L(!1), [v, g] = L(""), T = e == null ? void 0 : e.id, D = P(
+  const s = e.subject, c = e.type, l = (i = e.options) == null ? void 0 : i.options, [m, u] = L(!1), [f, T] = L(!1), [v, g] = L(""), A = e == null ? void 0 : e.id, D = P(
     async (N) => {
-      if (T) {
+      if (A) {
         const y = N.currentTarget.value;
-        g(y), A(!0), await t(T, y), A(!1);
+        g(y), T(!0), await t(A, y), T(!1);
       }
     },
-    [T, g, t]
+    [A, g, t]
   ), o = P(() => {
     u(!0), setTimeout(n, 3e3);
   }, [n]), d = B(
@@ -581,11 +582,12 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       }
     ),
     e.type !== x.PREDICTION && /* @__PURE__ */ r(
-      On,
+      kn,
       {
-        title: m ? "Time expired" : "To win",
+        title: m ? "Time expired" : e.type === x.POLL ? "Time remaining" : "To win",
         points: m ? void 0 : 100,
         onTimerExpired: o,
+        questionType: e.type,
         isTimer: !0,
         isPlayingTimer: !d,
         timerDuration: d ? 0 : 30
@@ -820,7 +822,7 @@ function Ne(e) {
   return X;
 }
 var b = null;
-function Ae(e) {
+function Te(e) {
   if (e === void 0 && (e = !1), b === null || e) {
     var t = document.createElement("div"), n = t.style;
     n.width = "50px", n.height = "50px", n.overflow = "scroll", n.direction = "rtl";
@@ -833,7 +835,7 @@ var ti = 150, ni = function(t, n) {
   return t;
 };
 function ii(e) {
-  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
+  var t, n = e.getItemOffset, i = e.getEstimatedTotalSize, s = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, u = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, T = e.validateProps;
   return t = /* @__PURE__ */ function(v) {
     Zn(g, v);
     function g(D) {
@@ -862,14 +864,14 @@ function ii(e) {
         if (y.hasOwnProperty(d))
           S = y[d];
         else {
-          var z = n(o.props, d, o._instanceProps), k = s(o.props, d, o._instanceProps), O = h === "horizontal" || N === "horizontal", q = h === "rtl", Y = O ? z : 0;
+          var z = n(o.props, d, o._instanceProps), O = s(o.props, d, o._instanceProps), k = h === "horizontal" || N === "horizontal", q = h === "rtl", Y = k ? z : 0;
           y[d] = S = {
             position: "absolute",
             left: q ? void 0 : Y,
             right: q ? Y : void 0,
-            top: O ? 0 : z,
-            height: O ? "100%" : k,
-            width: O ? k : "100%"
+            top: k ? 0 : z,
+            height: k ? "100%" : O,
+            width: k ? O : "100%"
           };
         }
         return S;
@@ -882,7 +884,7 @@ function ii(e) {
             return null;
           var S = o.props.direction, z = M;
           if (S === "rtl")
-            switch (Ae()) {
+            switch (Te()) {
               case "negative":
                 z = -M;
                 break;
@@ -924,10 +926,10 @@ function ii(e) {
       }, o;
     }
     g.getDerivedStateFromProps = function(o, d) {
-      return si(o, d), A(o), null;
+      return si(o, d), T(o), null;
     };
-    var T = g.prototype;
-    return T.scrollTo = function(o) {
+    var A = g.prototype;
+    return A.scrollTo = function(o) {
       o = Math.max(0, o), this.setState(function(d) {
         return d.scrollOffset === o ? null : {
           scrollDirection: d.scrollOffset < o ? "forward" : "backward",
@@ -935,7 +937,7 @@ function ii(e) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, T.scrollToItem = function(o, d) {
+    }, A.scrollToItem = function(o, d) {
       d === void 0 && (d = "auto");
       var p = this.props, h = p.itemCount, M = p.layout, N = this.state.scrollOffset;
       o = Math.max(0, Math.min(o, h - 1));
@@ -945,20 +947,20 @@ function ii(e) {
         M === "vertical" ? y = S.scrollWidth > S.clientWidth ? Ne() : 0 : y = S.scrollHeight > S.clientHeight ? Ne() : 0;
       }
       this.scrollTo(c(this.props, o, d, N, this._instanceProps, y));
-    }, T.componentDidMount = function() {
+    }, A.componentDidMount = function() {
       var o = this.props, d = o.direction, p = o.initialScrollOffset, h = o.layout;
       if (typeof p == "number" && this._outerRef != null) {
         var M = this._outerRef;
         d === "horizontal" || h === "horizontal" ? M.scrollLeft = p : M.scrollTop = p;
       }
       this._callPropsCallbacks();
-    }, T.componentDidUpdate = function() {
+    }, A.componentDidUpdate = function() {
       var o = this.props, d = o.direction, p = o.layout, h = this.state, M = h.scrollOffset, N = h.scrollUpdateWasRequested;
       if (N && this._outerRef != null) {
         var y = this._outerRef;
         if (d === "horizontal" || p === "horizontal")
           if (d === "rtl")
-            switch (Ae()) {
+            switch (Te()) {
               case "negative":
                 y.scrollLeft = -M;
                 break;
@@ -976,15 +978,15 @@ function ii(e) {
           y.scrollTop = M;
       }
       this._callPropsCallbacks();
-    }, T.componentWillUnmount = function() {
+    }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
-    }, T.render = function() {
-      var o = this.props, d = o.children, p = o.className, h = o.direction, M = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, z = o.itemCount, k = o.itemData, O = o.itemKey, q = O === void 0 ? ni : O, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Pe = re[0], qe = re[1], oe = [];
+    }, A.render = function() {
+      var o = this.props, d = o.children, p = o.className, h = o.direction, M = o.height, N = o.innerRef, y = o.innerElementType, S = o.innerTagName, z = o.itemCount, O = o.itemData, k = o.itemKey, q = k === void 0 ? ni : k, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, se = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), Pe = re[0], qe = re[1], oe = [];
       if (z > 0)
         for (var R = Pe; R <= qe; R++)
           oe.push(Z(d, {
-            data: k,
-            key: q(R, k),
+            data: O,
+            key: q(R, O),
             index: R,
             isScrolling: Qe ? se : void 0,
             style: this._getItemStyle(R)
@@ -1012,7 +1014,7 @@ function ii(e) {
           width: G ? ae : "100%"
         }
       }));
-    }, T._callPropsCallbacks = function() {
+    }, A._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var o = this.props.itemCount;
         if (o > 0) {
@@ -1021,15 +1023,15 @@ function ii(e) {
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var y = this.state, S = y.scrollDirection, z = y.scrollOffset, k = y.scrollUpdateWasRequested;
-        this._callOnScroll(S, z, k);
+        var y = this.state, S = y.scrollDirection, z = y.scrollOffset, O = y.scrollUpdateWasRequested;
+        this._callOnScroll(S, z, O);
       }
-    }, T._getRangeToRender = function() {
+    }, A._getRangeToRender = function() {
       var o = this.props, d = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, N = h.scrollDirection, y = h.scrollOffset;
       if (d === 0)
         return [0, 0, 0, 0];
-      var S = l(this.props, y, this._instanceProps), z = m(this.props, S, y, this._instanceProps), k = !M || N === "backward" ? Math.max(1, p) : 1, O = !M || N === "forward" ? Math.max(1, p) : 1;
-      return [Math.max(0, S - k), Math.max(0, Math.min(d - 1, z + O)), S, z];
+      var S = l(this.props, y, this._instanceProps), z = m(this.props, S, y, this._instanceProps), O = !M || N === "backward" ? Math.max(1, p) : 1, k = !M || N === "forward" ? Math.max(1, p) : 1;
+      return [Math.max(0, S - O), Math.max(0, Math.min(d - 1, z + k)), S, z];
     }, g;
   }(ze), t.defaultProps = {
     direction: "ltr",
@@ -1055,7 +1057,7 @@ var si = function(t, n) {
     return i * n;
   },
   getOffsetForIndexAndAlignment: function(t, n, i, s, c, l) {
-    var m = t.direction, u = t.height, f = t.itemCount, A = t.itemSize, v = t.layout, g = t.width, T = m === "horizontal" || v === "horizontal", D = T ? g : u, o = Math.max(0, f * A - D), d = Math.min(o, n * A), p = Math.max(0, n * A - D + A + l);
+    var m = t.direction, u = t.height, f = t.itemCount, T = t.itemSize, v = t.layout, g = t.width, A = m === "horizontal" || v === "horizontal", D = A ? g : u, o = Math.max(0, f * T - D), d = Math.min(o, n * T), p = Math.max(0, n * T - D + T + l);
     switch (i === "smart" && (s >= p - D && s <= d + D ? i = "auto" : i = "center"), i) {
       case "start":
         return d;
@@ -1075,10 +1077,10 @@ var si = function(t, n) {
     return Math.max(0, Math.min(i - 1, Math.floor(n / s)));
   },
   getStopIndexForStartIndex: function(t, n, i) {
-    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, u = t.layout, f = t.width, A = s === "horizontal" || u === "horizontal", v = n * m, g = A ? f : c, T = Math.ceil((g + i - v) / m);
+    var s = t.direction, c = t.height, l = t.itemCount, m = t.itemSize, u = t.layout, f = t.width, T = s === "horizontal" || u === "horizontal", v = n * m, g = T ? f : c, A = Math.ceil((g + i - v) / m);
     return Math.max(0, Math.min(
       l - 1,
-      n + T - 1
+      n + A - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -1095,8 +1097,8 @@ function oi(e) {
 }
 function ai(e) {
   for (var t = e.isItemLoaded, n = e.itemCount, i = e.minimumBatchSize, s = e.startIndex, c = e.stopIndex, l = [], m = null, u = null, f = s; f <= c; f++) {
-    var A = t(f);
-    A ? u !== null && (l.push(m, u), m = u = null) : (u = f, m === null && (m = f));
+    var T = t(f);
+    T ? u !== null && (l.push(m, u), m = u = null) : (u = f, m === null && (m = f));
   }
   if (u !== null) {
     for (var v = Math.min(Math.max(u, m + i - 1), n - 1), g = u + 1; g <= v && !t(g); g++)
@@ -1105,9 +1107,9 @@ function ai(e) {
   }
   if (l.length)
     for (; l[1] - l[0] + 1 < i && l[0] > 0; ) {
-      var T = l[0] - 1;
-      if (!t(T))
-        l[0] = T;
+      var A = l[0] - 1;
+      if (!t(A))
+        l[0] = A;
       else
         break;
     }
@@ -1137,7 +1139,7 @@ var li = function(e, t) {
       configurable: !0
     }
   }), t && (Object.setPrototypeOf ? Object.setPrototypeOf(e, t) : e.__proto__ = t);
-}, Te = function(e, t) {
+}, Ae = function(e, t) {
   if (!e)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return t && (typeof t == "object" || typeof t == "function") ? t : e;
@@ -1148,12 +1150,12 @@ var li = function(e, t) {
     li(this, t);
     for (var l = arguments.length, m = Array(l), u = 0; u < l; u++)
       m[u] = arguments[u];
-    return c = (i = (s = Te(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(f) {
-      var A = f.visibleStartIndex, v = f.visibleStopIndex;
-      s._lastRenderedStartIndex = A, s._lastRenderedStopIndex = v, s._ensureRowsLoaded(A, v);
+    return c = (i = (s = Ae(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), s), s._lastRenderedStartIndex = -1, s._lastRenderedStopIndex = -1, s._memoizedUnloadedRanges = [], s._onItemsRendered = function(f) {
+      var T = f.visibleStartIndex, v = f.visibleStopIndex;
+      s._lastRenderedStartIndex = T, s._lastRenderedStopIndex = v, s._ensureRowsLoaded(T, v);
     }, s._setRef = function(f) {
       s._listRef = f;
-    }, i), Te(s, c);
+    }, i), Ae(s, c);
   }
   return ci(t, [{
     key: "resetloadMoreItemsCache",
@@ -1177,32 +1179,32 @@ var li = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(i, s) {
-      var c = this.props, l = c.isItemLoaded, m = c.itemCount, u = c.minimumBatchSize, f = u === void 0 ? 10 : u, A = c.threshold, v = A === void 0 ? 15 : A, g = ai({
+      var c = this.props, l = c.isItemLoaded, m = c.itemCount, u = c.minimumBatchSize, f = u === void 0 ? 10 : u, T = c.threshold, v = T === void 0 ? 15 : T, g = ai({
         isItemLoaded: l,
         itemCount: m,
         minimumBatchSize: f,
         startIndex: Math.max(0, i - v),
         stopIndex: Math.min(m - 1, s + v)
       });
-      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(T, D) {
-        return g[D] !== T;
+      (this._memoizedUnloadedRanges.length !== g.length || this._memoizedUnloadedRanges.some(function(A, D) {
+        return g[D] !== A;
       })) && (this._memoizedUnloadedRanges = g, this._loadUnloadedRanges(g));
     }
   }, {
     key: "_loadUnloadedRanges",
     value: function(i) {
       for (var s = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
-        var A = i[f], v = i[f + 1], g = c(A, v);
+        var T = i[f], v = i[f + 1], g = c(T, v);
         g != null && g.then(function() {
           if (oi({
             lastRenderedStartIndex: s._lastRenderedStartIndex,
             lastRenderedStopIndex: s._lastRenderedStopIndex,
-            startIndex: A,
+            startIndex: T,
             stopIndex: v
           })) {
             if (s._listRef == null)
               return;
-            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(A, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
+            typeof s._listRef.resetAfterIndex == "function" ? s._listRef.resetAfterIndex(T, !0) : (typeof s._listRef._getItemStyleCache == "function" && s._listRef._getItemStyleCache(-1), s._listRef.forceUpdate());
           }
         });
       }, m = 0; m < i.length; m += 2)
@@ -1259,12 +1261,12 @@ const pi = /* @__PURE__ */ a("div")({
       s && /* @__PURE__ */ r(yi, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ r("div", { children: ke(i) })
-] }), Ai = /* @__PURE__ */ a("div")({
+  /* @__PURE__ */ r("div", { children: Oe(i) })
+] }), Ti = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), Ti = ({
+}), Ai = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
@@ -1275,7 +1277,7 @@ const pi = /* @__PURE__ */ a("div")({
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: i,
-    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ai, { children: /* @__PURE__ */ r(
+    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ti, { children: /* @__PURE__ */ r(
       ri,
       {
         itemSize: 56,
@@ -1322,7 +1324,7 @@ const pi = /* @__PURE__ */ a("div")({
 }, Si = ({ gamification: e }) => {
   const { data: t } = w(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ r(
-    Ti,
+    Ai,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
@@ -1342,11 +1344,11 @@ const pi = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), ki = /* @__PURE__ */ a("div")({
+}), Oi = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), Oi = () => j, V = /* @__PURE__ */ a(Oi())({
+}), ki = () => j, V = /* @__PURE__ */ a(ki())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
@@ -1392,7 +1394,7 @@ const pi = /* @__PURE__ */ a("div")({
       ] }),
       /* @__PURE__ */ r(ji, { children: i || "" })
     ] }),
-    /* @__PURE__ */ r(ki, { children: s ? /* @__PURE__ */ r(Ei, { children: "Play" }) : u })
+    /* @__PURE__ */ r(Oi, { children: s ? /* @__PURE__ */ r(Ei, { children: "Play" }) : u })
   ] }) : null;
 }, Qi = /* @__PURE__ */ a("div")({
   name: "Container",
@@ -1430,7 +1432,7 @@ const pi = /* @__PURE__ */ a("div")({
 }, Wi = ({ userSummary: e }) => {
   var t, n;
   const i = w(e.getStore());
-  return (t = i.data) != null && t.summary ? /* @__PURE__ */ r(Oe, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+  return (t = i.data) != null && t.summary ? /* @__PURE__ */ r(ke, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
 }, Fi = ({
   gamification: e
 }) => {
@@ -1503,7 +1505,7 @@ const pi = /* @__PURE__ */ a("div")({
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
-          children: /* @__PURE__ */ r(Oe, {
+          children: /* @__PURE__ */ r(ke, {
             ...i,
             successRate: Hi(i)
           })