@streamlayer/react 0.30.4 → 0.30.6

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

@@ -25,7 +25,7 @@ const Xe = /* @__PURE__ */ a("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), ke = ({ type: e, close: t, label: n }) => {
+}), Oe = ({ type: e, close: t, label: n }) => {
   const s = e ? Se[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ I(Xe, { children: [
     /* @__PURE__ */ I(et, { children: [
@@ -128,11 +128,11 @@ const Xe = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1mqo824",
   propsAsIs: !1
-}), kt = /* @__PURE__ */ a("button")({
+}), Ot = /* @__PURE__ */ a("button")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), Ot = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Oe = ({
+}), kt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", ke = ({
   avatar: e,
   name: t,
   points: n,
@@ -145,7 +145,7 @@ const Xe = /* @__PURE__ */ a("div")({
   successRate: f
 }) => /* @__PURE__ */ I(mt, { children: [
   /* @__PURE__ */ r(ht, { children: /* @__PURE__ */ I(ft, { children: [
-    /* @__PURE__ */ I(kt, { children: [
+    /* @__PURE__ */ I(Ot, { children: [
       e && /* @__PURE__ */ r(gt, { alt: "avatar", src: e }),
       !e && /* @__PURE__ */ r(jt, { children: ze(t || "") })
     ] }),
@@ -153,7 +153,7 @@ const Xe = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ r(vt, { children: t }),
       /* @__PURE__ */ I(yt, { children: [
         /* @__PURE__ */ I(At, { children: [
-          /* @__PURE__ */ r(Nt, { alt: "rank-icon", src: Ot }),
+          /* @__PURE__ */ r(Nt, { alt: "rank-icon", src: kt }),
           /* @__PURE__ */ I(Tt, { children: [
             xe(n),
             /* @__PURE__ */ r(Dt, { children: "PTS" })
@@ -511,7 +511,7 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
   name: "PointsUnits",
   class: "pe5g05h",
   propsAsIs: !1
-}), kn = ({ title: e, points: t, isPlayingTimer: n, isTimer: s, onTimerExpired: i }) => /* @__PURE__ */ I(Nn, { children: [
+}), On = ({ title: e, points: t, isPlayingTimer: n, isTimer: s, onTimerExpired: i }) => /* @__PURE__ */ I(Nn, { children: [
   /* @__PURE__ */ I(An, { children: [
     e && /* @__PURE__ */ r(Tn, { children: e }),
     t !== void 0 && /* @__PURE__ */ I($, { children: [
@@ -523,7 +523,7 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
     ] })
   ] }),
   s && /* @__PURE__ */ r(yn, { isPlaying: n, onTimerExpired: i })
-] }), On = ({ openedQuestion: e, vote: t, close: n }) => {
+] }), kn = ({ openedQuestion: e, vote: t, close: n }) => {
   var s;
   const i = e.subject, c = e.type, l = (s = e.options) == null ? void 0 : s.options, [m, d] = L(!1), [f, A] = L(!1), [v, g] = L(""), T = e == null ? void 0 : e.id, D = q(
     async (N) => {
@@ -569,8 +569,8 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
         questionStatus: e.status
       }
     ),
-    /* @__PURE__ */ r(
-      kn,
+    e.type !== x.PREDICTION && /* @__PURE__ */ r(
+      On,
       {
         title: m ? "Time expired" : "To win",
         points: m ? void 0 : 100,
@@ -585,7 +585,7 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
         description: "Watch for additional enhanced stream interactive experience."
       }
     ) : /* @__PURE__ */ I($, { children: [
-      /* @__PURE__ */ r(Yt, { children: i }),
+      /* @__PURE__ */ r(Yt, { "data-isPrediction": e.type === x.PREDICTION, children: i }),
       /* @__PURE__ */ r(Wt, { children: h.map((N) => /* @__PURE__ */ r(ln, { ...N }, N.id)) })
     ] })
   ] }) }) });
@@ -609,57 +609,62 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
   name: "DateWrap",
   class: "dd3lh3p",
   propsAsIs: !1
-}), $e = ({ created: e, title: t, instantView: n }) => {
-  const s = B(() => {
+}), Ln = /* @__PURE__ */ a("img")({
+  name: "Image",
+  class: "i1gfjeu5",
+  propsAsIs: !1
+}), $e = ({ created: e, image: t, title: n, instantView: s }) => {
+  const i = B(() => {
     if (e) {
-      const i = new Date(e);
-      if (Ye(i))
+      const l = new Date(e);
+      if (Ye(l))
         return {
-          date: We(i),
-          time: Fe(i)
+          date: We(l),
+          time: Fe(l)
         };
     }
     return null;
-  }, [e]);
+  }, [e]), c = (s == null ? void 0 : s.image) || t;
   return /* @__PURE__ */ I(wn, { children: [
-    s && /* @__PURE__ */ I(En, { children: [
-      s.date,
+    i && /* @__PURE__ */ I(En, { children: [
+      i.date,
       " · ",
-      s.time
+      i.time
     ] }),
-    (n == null ? void 0 : n.video) && /* @__PURE__ */ r(Ve, { source: n.video.url, poster: n.video.thumbnailUrl }),
+    (s == null ? void 0 : s.video) && /* @__PURE__ */ r(Ve, { source: s.video.url, poster: s.video.thumbnailUrl }),
+    c && /* @__PURE__ */ r(Ln, { src: c }),
     /* @__PURE__ */ I(Cn, { children: [
-      /* @__PURE__ */ r(bn, { children: (n == null ? void 0 : n.heading) || t }),
-      /* @__PURE__ */ r($n, { children: n == null ? void 0 : n.body })
+      /* @__PURE__ */ r(bn, { children: (s == null ? void 0 : s.heading) || n }),
+      /* @__PURE__ */ r($n, { children: s == null ? void 0 : s.body })
     ] })
   ] });
-}, Ln = /* @__PURE__ */ a("div")({
+}, Rn = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1euiow",
   propsAsIs: !1
-}), Rn = /* @__PURE__ */ a("a")({
+}), Qn = /* @__PURE__ */ a("a")({
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), Qn = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Ln, { children: [
+}), Un = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Rn, { children: [
   /* @__PURE__ */ r($e, { instantView: e, ...t }),
-  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Rn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
+  (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Qn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ r(j, { name: "icon-external-link" })
   ] })
-] }), Un = /* @__PURE__ */ a("div")({
+] }), _n = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
-}), _n = ({
+}), qn = ({
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Qn, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Un, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
-}, qn = ({
+}, Pn = ({
   extendedQuestion: e,
   vote: t,
   close: n
@@ -668,12 +673,12 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
     loading: s,
     data: i
   } = e;
-  return !s && i ? /* @__PURE__ */ r(On, {
+  return !s && i ? /* @__PURE__ */ r(kn, {
     vote: t,
     close: n,
     openedQuestion: i
   }) : null;
-}, Pn = ({
+}, Yn = ({
   gamification: e
 }) => {
   var t;
@@ -681,37 +686,37 @@ const In = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], fn = [10, 10,
   if (!n)
     return null;
   const i = n.type;
-  return /* @__PURE__ */ I(Un, {
-    children: [/* @__PURE__ */ r(ke, {
+  return /* @__PURE__ */ I(_n, {
+    children: [/* @__PURE__ */ r(Oe, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
-    }), i === "question" && /* @__PURE__ */ r(qn, {
+    }), i === "question" && /* @__PURE__ */ r(Pn, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
       extendedQuestion: s
-    }), i !== "question" && /* @__PURE__ */ r(_n, {
+    }), i !== "question" && /* @__PURE__ */ r(qn, {
       openedQuestion: n
     })]
   });
-}, Yn = /* @__PURE__ */ a("div")({
+}, Wn = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), Wn = /* @__PURE__ */ a("div")({
+}), Fn = /* @__PURE__ */ a("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), Fn = /* @__PURE__ */ a("button")({
+}), Vn = /* @__PURE__ */ a("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ a("span")({
+}), Bn = /* @__PURE__ */ a("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
-const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Fn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Vn, { children: e }) }), Bn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Yn, { children: /* @__PURE__ */ I(Wn, { "data-position": e === "home" ? "left" : "right", children: [
+const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Vn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Bn, { children: e }) }), Hn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Wn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -748,25 +753,25 @@ function ne(e, t) {
     return s.__proto__ = i, s;
   }, ne(e, t);
 }
-function Hn(e, t) {
+function Gn(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
 }
 var Me = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function Gn(e, t) {
+function Zn(e, t) {
   return !!(e === t || Me(e) && Me(t));
 }
-function Zn(e, t) {
+function Jn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (var n = 0; n < e.length; n++)
-    if (!Gn(e[n], t[n]))
+    if (!Zn(e[n], t[n]))
       return !1;
   return !0;
 }
 function K(e, t) {
-  t === void 0 && (t = Zn);
+  t === void 0 && (t = Jn);
   var n, s = [], i, c = !1;
   function l() {
     for (var m = [], d = 0; d < arguments.length; d++)
@@ -775,7 +780,7 @@ function K(e, t) {
   }
   return l;
 }
-var Jn = typeof performance == "object" && typeof performance.now == "function", ve = Jn ? function() {
+var Kn = typeof performance == "object" && typeof performance.now == "function", ve = Kn ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -783,7 +788,7 @@ var Jn = typeof performance == "object" && typeof performance.now == "function",
 function ye(e) {
   cancelAnimationFrame(e.id);
 }
-function Kn(e, t) {
+function Xn(e, t) {
   var n = ve();
   function s() {
     ve() - n >= t ? e.call(null) : i.id = requestAnimationFrame(s);
@@ -811,13 +816,13 @@ function Ae(e) {
   }
   return b;
 }
-var Xn = 150, es = function(t, n) {
+var es = 150, ts = function(t, n) {
   return t;
 };
-function ts(e) {
+function ns(e) {
   var t, n = e.getItemOffset, s = e.getEstimatedTotalSize, i = e.getItemSize, c = e.getOffsetForIndexAndAlignment, l = e.getStartIndexForOffset, m = e.getStopIndexForStartIndex, d = e.initInstanceProps, f = e.shouldResetStyleCacheOnItemSizeChange, A = e.validateProps;
   return t = /* @__PURE__ */ function(v) {
-    Hn(g, v);
+    Gn(g, v);
     function g(D) {
       var o;
       return o = v.call(this, D) || this, o._instanceProps = d(o.props, ge(o)), o._outerRef = void 0, o._resetIsScrollingTimeoutId = null, o.state = {
@@ -844,14 +849,14 @@ function ts(e) {
         if (y.hasOwnProperty(u))
           S = y[u];
         else {
-          var z = n(o.props, u, o._instanceProps), k = i(o.props, u, o._instanceProps), O = h === "horizontal" || N === "horizontal", P = h === "rtl", Y = O ? z : 0;
+          var z = n(o.props, u, o._instanceProps), O = i(o.props, u, o._instanceProps), k = h === "horizontal" || N === "horizontal", P = h === "rtl", Y = k ? z : 0;
           y[u] = S = {
             position: "absolute",
             left: P ? void 0 : Y,
             right: P ? 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;
@@ -896,7 +901,7 @@ function ts(e) {
         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._resetIsScrollingDebounced = function() {
-        o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Kn(o._resetIsScrolling, Xn);
+        o._resetIsScrollingTimeoutId !== null && ye(o._resetIsScrollingTimeoutId), o._resetIsScrollingTimeoutId = Xn(o._resetIsScrolling, es);
       }, o._resetIsScrolling = function() {
         o._resetIsScrollingTimeoutId = null, o.setState({
           isScrolling: !1
@@ -906,7 +911,7 @@ function ts(e) {
       }, o;
     }
     g.getDerivedStateFromProps = function(o, u) {
-      return ns(o, u), A(o), null;
+      return ss(o, u), A(o), null;
     };
     var T = g.prototype;
     return T.scrollTo = function(o) {
@@ -961,12 +966,12 @@ function ts(e) {
     }, T.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, T.render = function() {
-      var o = this.props, u = 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, P = O === void 0 ? es : O, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, ie = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Pe = re[1], oe = [];
+      var o = this.props, u = 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, P = k === void 0 ? ts : k, Y = o.layout, Ee = o.outerElementType, Le = o.outerTagName, Re = o.style, Qe = o.useIsScrolling, Ue = o.width, ie = this.state.isScrolling, G = h === "horizontal" || Y === "horizontal", _e = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), qe = re[0], Pe = re[1], oe = [];
       if (z > 0)
         for (var R = qe; R <= Pe; R++)
           oe.push(Z(u, {
-            data: k,
-            key: P(R, k),
+            data: O,
+            key: P(R, O),
             index: R,
             isScrolling: Qe ? ie : void 0,
             style: this._getItemStyle(R)
@@ -1003,15 +1008,15 @@ function ts(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() {
       var o = this.props, u = o.itemCount, p = o.overscanCount, h = this.state, M = h.isScrolling, N = h.scrollDirection, y = h.scrollOffset;
       if (u === 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(u - 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(u - 1, z + k)), S, z];
     }, g;
   }(je), t.defaultProps = {
     direction: "ltr",
@@ -1021,9 +1026,9 @@ function ts(e) {
     useIsScrolling: !1
   }, t;
 }
-var ns = function(t, n) {
+var ss = function(t, n) {
   t.children, t.direction, t.height, t.layout, t.innerTagName, t.outerTagName, t.width, n.instance;
-}, ss = /* @__PURE__ */ ts({
+}, is = /* @__PURE__ */ ns({
   getItemOffset: function(t, n) {
     var s = t.itemSize;
     return n * s;
@@ -1071,11 +1076,11 @@ var ns = function(t, n) {
     t.itemSize;
   }
 });
-function is(e) {
+function rs(e) {
   var t = e.lastRenderedStartIndex, n = e.lastRenderedStopIndex, s = e.startIndex, i = e.stopIndex;
   return !(s > n || i < t);
 }
-function rs(e) {
+function os(e) {
   for (var t = e.isItemLoaded, n = e.itemCount, s = e.minimumBatchSize, i = e.startIndex, c = e.stopIndex, l = [], m = null, d = null, f = i; f <= c; f++) {
     var A = t(f);
     A ? d !== null && (l.push(m, d), m = d = null) : (d = f, m === null && (m = f));
@@ -1095,10 +1100,10 @@ function rs(e) {
     }
   return l;
 }
-var os = function(e, t) {
+var as = function(e, t) {
   if (!(e instanceof t))
     throw new TypeError("Cannot call a class as a function");
-}, as = function() {
+}, ls = function() {
   function e(t, n) {
     for (var s = 0; s < n.length; s++) {
       var i = n[s];
@@ -1108,7 +1113,7 @@ var os = function(e, t) {
   return function(t, n, s) {
     return n && e(t.prototype, n), s && e(t, s), t;
   };
-}(), ls = function(e, t) {
+}(), cs = function(e, t) {
   if (typeof t != "function" && t !== null)
     throw new TypeError("Super expression must either be null or a function, not " + typeof t);
   e.prototype = Object.create(t && t.prototype, {
@@ -1123,11 +1128,11 @@ var os = 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;
-}, cs = function(e) {
-  ls(t, e);
+}, ds = function(e) {
+  cs(t, e);
   function t() {
     var n, s, i, c;
-    os(this, t);
+    as(this, t);
     for (var l = arguments.length, m = Array(l), d = 0; d < l; d++)
       m[d] = arguments[d];
     return c = (s = (i = Te(this, (n = t.__proto__ || Object.getPrototypeOf(t)).call.apply(n, [this].concat(m))), i), i._lastRenderedStartIndex = -1, i._lastRenderedStopIndex = -1, i._memoizedUnloadedRanges = [], i._onItemsRendered = function(f) {
@@ -1137,7 +1142,7 @@ var os = function(e, t) {
       i._listRef = f;
     }, s), Te(i, c);
   }
-  return as(t, [{
+  return ls(t, [{
     key: "resetloadMoreItemsCache",
     value: function() {
       var s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
@@ -1159,7 +1164,7 @@ var os = function(e, t) {
   }, {
     key: "_ensureRowsLoaded",
     value: function(s, i) {
-      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, v = A === void 0 ? 15 : A, g = rs({
+      var c = this.props, l = c.isItemLoaded, m = c.itemCount, d = c.minimumBatchSize, f = d === void 0 ? 10 : d, A = c.threshold, v = A === void 0 ? 15 : A, g = os({
         isItemLoaded: l,
         itemCount: m,
         minimumBatchSize: f,
@@ -1176,7 +1181,7 @@ var os = function(e, t) {
       for (var i = this, c = this.props.loadMoreItems || this.props.loadMoreRows, l = function(f) {
         var A = s[f], v = s[f + 1], g = c(A, v);
         g != null && g.then(function() {
-          if (is({
+          if (rs({
             lastRenderedStartIndex: i._lastRenderedStartIndex,
             lastRenderedStopIndex: i._lastRenderedStopIndex,
             startIndex: A,
@@ -1192,39 +1197,39 @@ var os = function(e, t) {
     }
   }]), t;
 }(je);
-const ds = /* @__PURE__ */ a("div")({
+const us = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), us = /* @__PURE__ */ a("div")({
+}), ps = /* @__PURE__ */ a("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), ps = /* @__PURE__ */ a("img")({
+}), ms = /* @__PURE__ */ a("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), ms = /* @__PURE__ */ a("div")({
+}), hs = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), hs = /* @__PURE__ */ a("div")({
+}), Is = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), Is = /* @__PURE__ */ a("div")({
+}), fs = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), fs = /* @__PURE__ */ a("span")({
+}), gs = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), gs = () => j, Ms = /* @__PURE__ */ a(gs())({
+}), Ms = () => j, vs = /* @__PURE__ */ a(Ms())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
-}), vs = ({
+}), ys = ({
   rank: e,
   avatar: t,
   name: n,
@@ -1232,33 +1237,33 @@ const ds = /* @__PURE__ */ a("div")({
   isCurrentUser: i,
   openItemDetail: c,
   style: l
-}) => /* @__PURE__ */ I(ds, { onClick: c, style: l, children: [
-  /* @__PURE__ */ r(us, { children: e || 0 }),
-  /* @__PURE__ */ I(hs, { children: [
-    t ? /* @__PURE__ */ r(ps, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(ms, { children: ze(n || "") }),
-    /* @__PURE__ */ I(Is, { children: [
-      /* @__PURE__ */ r(fs, { children: n || "" }),
-      i && /* @__PURE__ */ r(Ms, { name: "icon-star" })
+}) => /* @__PURE__ */ I(us, { onClick: c, style: l, children: [
+  /* @__PURE__ */ r(ps, { children: e || 0 }),
+  /* @__PURE__ */ I(Is, { children: [
+    t ? /* @__PURE__ */ r(ms, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ r(hs, { children: ze(n || "") }),
+    /* @__PURE__ */ I(fs, { children: [
+      /* @__PURE__ */ r(gs, { children: n || "" }),
+      i && /* @__PURE__ */ r(vs, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ r("div", { children: xe(s) })
-] }), ys = /* @__PURE__ */ a("div")({
+] }), Ns = /* @__PURE__ */ a("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
   propsAsIs: !1
-}), Ns = ({
+}), As = ({
   items: e,
   currentUserId: t,
   openItemDetail: n,
   fetchMore: s
 }) => /* @__PURE__ */ r(Be, { children: ({ width: i, height: c }) => /* @__PURE__ */ r(
-  cs,
+  ds,
   {
     isItemLoaded: (l) => l < e.length,
     itemCount: e.length + 1,
     loadMoreItems: s,
-    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(ys, { children: /* @__PURE__ */ r(
-      ss,
+    children: ({ onItemsRendered: l, ref: m }) => /* @__PURE__ */ r(Ns, { children: /* @__PURE__ */ r(
+      is,
       {
         itemSize: 56,
         onItemsRendered: l,
@@ -1267,7 +1272,7 @@ const ds = /* @__PURE__ */ a("div")({
         width: i,
         height: c,
         children: ({ index: d, style: f }) => /* @__PURE__ */ r(
-          vs,
+          ys,
           {
             style: { ...f, maxHeight: 48 },
             ...e[d],
@@ -1279,7 +1284,7 @@ const ds = /* @__PURE__ */ a("div")({
       }
     ) })
   }
-) }), As = ({ deepLink: e }) => {
+) }), Ts = ({ deepLink: e }) => {
   const { data: t } = w(e.$store);
   return /* @__PURE__ */ r(
     He,
@@ -1301,59 +1306,59 @@ const ds = /* @__PURE__ */ a("div")({
       inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
     }
   );
-}, Ts = ({ gamification: e }) => {
+}, Ds = ({ gamification: e }) => {
   const { data: t } = w(e.leaderboardList.$store);
   return t != null && t.length ? /* @__PURE__ */ r(
-    Ns,
+    As,
     {
       fetchMore: e.leaderboardList.fetchMore,
       items: t,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }
-  ) : /* @__PURE__ */ r(As, { deepLink: e.deepLink });
-}, Ds = /* @__PURE__ */ a("div")({
+  ) : /* @__PURE__ */ r(Ts, { deepLink: e.deepLink });
+}, Ss = /* @__PURE__ */ a("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
   propsAsIs: !1
-}), Ss = /* @__PURE__ */ a("div")({
+}), zs = /* @__PURE__ */ a("div")({
   name: "QuestionCaption",
   class: "q2sl39u",
   propsAsIs: !1
-}), zs = /* @__PURE__ */ a("div")({
+}), xs = /* @__PURE__ */ a("div")({
   name: "QuestionBody",
   class: "qd5h0uc",
   propsAsIs: !1
-}), xs = /* @__PURE__ */ a("div")({
+}), js = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), js = () => j, V = /* @__PURE__ */ a(js())({
+}), Os = () => j, V = /* @__PURE__ */ a(Os())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
-}), ks = () => j, Os = /* @__PURE__ */ a(ks())({
+}), ks = () => j, ws = /* @__PURE__ */ a(ks())({
   name: "QuestionTypeIcon",
   class: "qxlt78s",
   propsAsIs: !0
-}), ws = /* @__PURE__ */ a("div")({
+}), Cs = /* @__PURE__ */ a("div")({
   name: "QuestionTypeLabel",
   class: "qmg0vkx",
   propsAsIs: !1
-}), Cs = /* @__PURE__ */ a("div")({
+}), bs = /* @__PURE__ */ a("div")({
   name: "QuestionContent",
   class: "q1uz5j1g",
   propsAsIs: !1
-}), bs = /* @__PURE__ */ a("button")({
+}), $s = /* @__PURE__ */ a("button")({
   name: "PlayButton",
   class: "p1pba9p1",
   propsAsIs: !1
-}), $s = {
+}), Es = {
   [W.LOST]: /* @__PURE__ */ r(V, { name: "icon-cross" }),
   [W.WON]: /* @__PURE__ */ r(V, { name: "icon-check" }),
   [W.UNSET]: /* @__PURE__ */ r(V, { name: "icon-arrow" }),
   [W.DNP]: /* @__PURE__ */ r(V, { name: "icon-arrow" })
-}, Es = ({
+}, Ls = ({
   questionId: e,
   questionType: t,
   questionStatus: n,
@@ -1362,58 +1367,58 @@ const ds = /* @__PURE__ */ a("div")({
   openQuestion: c,
   status: l
 }) => {
-  const m = Se[t], d = $s[l];
-  return m ? /* @__PURE__ */ I(Ds, { onClick: () => c == null ? void 0 : c(e), children: [
-    /* @__PURE__ */ I(Cs, { children: [
-      /* @__PURE__ */ I(Ss, { children: [
-        /* @__PURE__ */ r(Os, { name: m.iconName }),
-        /* @__PURE__ */ I(ws, { children: [
+  const m = Se[t], d = Es[l];
+  return m ? /* @__PURE__ */ I(Ss, { onClick: () => c == null ? void 0 : c(e), children: [
+    /* @__PURE__ */ I(bs, { children: [
+      /* @__PURE__ */ I(zs, { children: [
+        /* @__PURE__ */ r(ws, { name: m.iconName }),
+        /* @__PURE__ */ I(Cs, { children: [
           m.label,
           t === x.TRIVIA && n === _.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ r(zs, { children: s || "" })
+      /* @__PURE__ */ r(xs, { children: s || "" })
     ] }),
-    /* @__PURE__ */ r(xs, { children: i ? /* @__PURE__ */ r(bs, { children: "Play" }) : d })
+    /* @__PURE__ */ r(js, { children: i ? /* @__PURE__ */ r($s, { children: "Play" }) : d })
   ] }) : null;
-}, Ls = /* @__PURE__ */ a("div")({
+}, Rs = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
-}), Rs = /* @__PURE__ */ a("button")({
+}), Qs = /* @__PURE__ */ a("button")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), Qs = ({
+}), Us = ({
   openInsight: e,
   questionId: t,
   ...n
-}) => /* @__PURE__ */ I(Ls, { children: [
+}) => /* @__PURE__ */ I(Rs, { children: [
   /* @__PURE__ */ r($e, { questionId: t, ...n }),
-  e && /* @__PURE__ */ r(Rs, { onClick: () => e(t), children: "View Insight" })
-] }), Us = /* @__PURE__ */ a("div")({
+  e && /* @__PURE__ */ r(Qs, { onClick: () => e(t), children: "View Insight" })
+] }), _s = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), _s = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Us, { children: e == null ? void 0 : e.map((n) => {
+}), qs = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(_s, { children: e == null ? void 0 : e.map((n) => {
   var s, i;
   if (n.type === "question" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "question") {
     const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(Es, { openQuestion: t, ...c }, c.questionId);
+    return /* @__PURE__ */ r(Ls, { openQuestion: t, ...c }, c.questionId);
   }
   if (n.type === "insight" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "insight") {
     const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(Qs, { openInsight: t, ...c }, c.questionId);
+    return /* @__PURE__ */ r(Us, { openInsight: t, ...c }, c.questionId);
   }
   return null;
-}) }), qs = ({ store: e, openQuestion: t }) => {
+}) }), Ps = ({ store: e, openQuestion: t }) => {
   const n = w(e);
-  return n != null && n.data ? /* @__PURE__ */ r(_s, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
-}, Ps = ({ userSummary: e }) => {
+  return n != null && n.data ? /* @__PURE__ */ r(qs, { openQuestion: t, questions: n.data }) : /* @__PURE__ */ r("div", { children: "wait questions..." });
+}, Ys = ({ userSummary: e }) => {
   var t, n;
   const s = w(e.getStore());
-  return (t = s.data) != null && t.summary ? /* @__PURE__ */ r(Oe, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
-}, Ys = ({
+  return (t = s.data) != null && t.summary ? /* @__PURE__ */ r(ke, { ...s.data.summary, successRate: (n = s.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ r("div", { children: "wait user..." });
+}, Ws = ({
   gamification: e
 }) => {
   const [t, n] = L(H.HOME);
@@ -1428,7 +1433,7 @@ const ds = /* @__PURE__ */ a("div")({
       style: {
         paddingBottom: "4px"
       },
-      children: /* @__PURE__ */ r(Bn, {
+      children: /* @__PURE__ */ r(Hn, {
         activePage: t,
         toggleActivePage: n
       })
@@ -1437,37 +1442,37 @@ const ds = /* @__PURE__ */ a("div")({
         style: {
           paddingTop: "12px"
         },
-        children: /* @__PURE__ */ r(Ps, {
+        children: /* @__PURE__ */ r(Ys, {
           userSummary: e.userSummary
         })
       }), /* @__PURE__ */ r(Ge, {
-        children: /* @__PURE__ */ r(qs, {
+        children: /* @__PURE__ */ r(Ps, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
         })
       })]
     }), t === H.LEADERBOARD && /* @__PURE__ */ r("div", {
       className: "c1bp9dj2",
-      children: /* @__PURE__ */ r(Ts, {
+      children: /* @__PURE__ */ r(Ds, {
         gamification: e
       })
     })]
   });
-}, Ws = () => Ze, De = /* @__PURE__ */ a(Ws())({
+}, Fs = () => Ze, De = /* @__PURE__ */ a(Fs())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
-}), Fs = /* @__PURE__ */ a("div")({
+}), Vs = /* @__PURE__ */ a("div")({
   name: "UserContainer",
   class: "u14zaal4",
   propsAsIs: !1
-}), Vs = ({
+}), Bs = ({
   correct: e,
   incorrect: t
 }) => {
   const n = e + t;
   return n === 0 ? 0 : Math.round(e / n * 100);
-}, Zs = ({
+}, Js = ({
   gamification: e,
   className: t
 }) => {
@@ -1475,31 +1480,31 @@ const ds = /* @__PURE__ */ a("div")({
   return /* @__PURE__ */ I($, {
     children: [n && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ r(Pn, {
+      children: /* @__PURE__ */ r(Yn, {
         gamification: e
       })
     }), s && /* @__PURE__ */ r(De, {
       className: t,
-      children: /* @__PURE__ */ I(Fs, {
-        children: [/* @__PURE__ */ r(ke, {
+      children: /* @__PURE__ */ I(Vs, {
+        children: [/* @__PURE__ */ r(Oe, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ r(ee, {
-          children: /* @__PURE__ */ r(Oe, {
+          children: /* @__PURE__ */ r(ke, {
             ...s,
-            successRate: Vs(s)
+            successRate: Bs(s)
           })
         })]
       })
     }), /* @__PURE__ */ r(se, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ r(Ys, {
+      children: /* @__PURE__ */ r(Ws, {
         gamification: e
       })
     })]
   });
 };
 export {
-  Zs as default
+  Js as default
 };