@streamlayer/react 0.31.11 → 0.32.0

package/lib/es/gamification-feature.js

@@ -1,10 +1,10 @@
 import { jsxs as m, jsx as s, Fragment as b } from "react/jsx-runtime";
 import { s as r, n as O } from "./index4.js";
 import { useStore as k } from "@nanostores/react";
-import { o as Ne, r as te, w as $e, A as Re, O as Qe, a as K, n as Ue, d as _e } from "./masters2.js";
+import { o as Ne, r as te, w as Re, A as Qe, O as Ue, a as K, n as _e, d as Pe } from "./masters2.js";
 import { QuestionType as z, QuestionStatus as L, QuestionImages as R, PickHistoryStatus as _ } from "@streamlayer/sdk-web-types";
 import { useState as V, useCallback as F, useMemo as Y, createElement as H, PureComponent as ye } from "react";
-import { d as Pe } from "./index3.js";
+import { d as Ae } from "./index3.js";
 import "react-countup";
 import { CountdownCircleTimer as qe } from "react-countdown-circle-timer";
 import { E } from "./index2.js";
@@ -36,7 +36,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "CloseIcon",
   class: "cvsl7l3",
   propsAsIs: !0
-}), Ae = ({ type: e, close: t, label: n }) => {
+}), Te = ({ type: e, close: t, label: n }) => {
   const i = e ? Ne[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ m(Ye, { children: [
     /* @__PURE__ */ m(We, { children: [
@@ -52,7 +52,7 @@ const Ye = /* @__PURE__ */ r("div")({
     ] }),
     /* @__PURE__ */ s(He, { onClick: t, children: /* @__PURE__ */ s(Ge, { name: "icon-cross" }) })
   ] });
-}, Te = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), De = (e) => e ? e.toLocaleString("en-US") : "0", Je = (e) => e.toLocaleDateString("en-US", {
+}, De = (e) => e.split(/\s+/).map((t) => t[0]).join("").toUpperCase(), Se = (e) => e ? e.toLocaleString("en-US") : "0", Je = (e) => e.toLocaleDateString("en-US", {
   weekday: "short",
   month: "short",
   day: "numeric"
@@ -157,7 +157,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "UserAccountBtn",
   class: "uxareh6",
   propsAsIs: !1
-}), Tt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", Se = ({
+}), Tt = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=", ze = ({
   avatar: e,
   name: t,
   points: n,
@@ -172,7 +172,7 @@ const Ye = /* @__PURE__ */ r("div")({
   /* @__PURE__ */ s(at, { children: /* @__PURE__ */ m(ct, { children: [
     /* @__PURE__ */ m(At, { children: [
       e && /* @__PURE__ */ s(dt, { alt: "avatar", src: e }),
-      !e && /* @__PURE__ */ s(yt, { children: Te(t || "") })
+      !e && /* @__PURE__ */ s(yt, { children: De(t || "") })
     ] }),
     /* @__PURE__ */ m(ut, { children: [
       /* @__PURE__ */ s(pt, { children: t }),
@@ -180,7 +180,7 @@ const Ye = /* @__PURE__ */ r("div")({
         /* @__PURE__ */ m(ht, { children: [
           /* @__PURE__ */ s(It, { alt: "rank-icon", src: Tt }),
           /* @__PURE__ */ m(gt, { children: [
-            De(n),
+            Se(n),
             /* @__PURE__ */ s(ft, { children: "PTS" })
           ] })
         ] }),
@@ -317,15 +317,15 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "IconWrap",
   class: "i19tpfua",
   propsAsIs: !1
-}), ze = /* @__PURE__ */ r("img")({
+}), xe = /* @__PURE__ */ r("img")({
   name: "Icon",
   class: "i1tubmma",
   propsAsIs: !1
-}), Yt = () => ze, Wt = /* @__PURE__ */ r(Yt())({
+}), Yt = () => xe, Wt = /* @__PURE__ */ r(Yt())({
   name: "IconDefault",
   class: "i1grrgwj",
   propsAsIs: !0
-}), Vt = () => ze, Ft = /* @__PURE__ */ r(Vt())({
+}), Vt = () => xe, Ft = /* @__PURE__ */ r(Vt())({
   name: "IconCircle",
   class: "ibemyq8",
   propsAsIs: !0
@@ -404,7 +404,7 @@ const Ye = /* @__PURE__ */ r("div")({
           /* @__PURE__ */ s(Bt, { children: o }),
           M && /* @__PURE__ */ m(Ht, { children: [
             d && /* @__PURE__ */ s(Jt, { name: "selected" }),
-            /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Pe, { value: u, suffix: "%" }) })
+            /* @__PURE__ */ s(Zt, { children: /* @__PURE__ */ s(Ae, { value: u, suffix: "%" }) })
           ] })
         ] })
       ]
@@ -483,7 +483,7 @@ const Ye = /* @__PURE__ */ r("div")({
     t !== void 0 && o !== z.POLL && /* @__PURE__ */ m(b, { children: [
       /* @__PURE__ */ s(pn, { name: "icon-trophy" }),
       /* @__PURE__ */ m(mn, { children: [
-        /* @__PURE__ */ s(In, { children: t }),
+        /* @__PURE__ */ s(In, { children: /* @__PURE__ */ s(Ae, { value: t }) }),
         /* @__PURE__ */ s(hn, { children: "PTS" })
       ] })
     ] })
@@ -539,7 +539,7 @@ const Ye = /* @__PURE__ */ r("div")({
       gn,
       {
         title: h ? "Time expired" : e.type === z.POLL ? "Time remaining" : "To win",
-        points: h ? void 0 : 100,
+        points: h ? void 0 : l != null && l.correct ? l == null ? void 0 : l.points : 0,
         onTimerExpired: a,
         questionType: e.type,
         isTimer: !t,
@@ -582,7 +582,7 @@ const Ye = /* @__PURE__ */ r("div")({
   name: "Image",
   class: "i1gfjeu5",
   propsAsIs: !1
-}), xe = ({ created: e, image: t, title: n, instantView: i }) => {
+}), Oe = ({ created: e, image: t, title: n, instantView: i }) => {
   const o = Y(() => {
     if (e) {
       const p = new Date(e);
@@ -600,7 +600,7 @@ const Ye = /* @__PURE__ */ r("div")({
       " · ",
       o.time
     ] }),
-    (i == null ? void 0 : i.video) && /* @__PURE__ */ s($e, { source: i.video.url, poster: i.video.thumbnailUrl }),
+    (i == null ? void 0 : i.video) && /* @__PURE__ */ s(Re, { source: i.video.url, poster: i.video.thumbnailUrl }),
     u && /* @__PURE__ */ s(Tn, { src: u }),
     /* @__PURE__ */ m(vn, { children: [
       /* @__PURE__ */ s(Nn, { children: (i == null ? void 0 : i.heading) || n }),
@@ -616,7 +616,7 @@ const Ye = /* @__PURE__ */ r("div")({
   class: "w19zie3h",
   propsAsIs: !1
 }), zn = ({ instantView: e, ...t }) => /* @__PURE__ */ m(Dn, { children: [
-  /* @__PURE__ */ s(xe, { instantView: e, ...t }),
+  /* @__PURE__ */ s(Oe, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ m(Sn, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ s(O, { name: "icon-external-link" })
@@ -657,7 +657,7 @@ const Ye = /* @__PURE__ */ r("div")({
     return null;
   const o = n.type;
   return /* @__PURE__ */ m(xn, {
-    children: [/* @__PURE__ */ s(Ae, {
+    children: [/* @__PURE__ */ s(Te, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || z.UNSET
     }), o === "question" && /* @__PURE__ */ s(jn, {
@@ -936,30 +936,30 @@ function Yn(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && he(this._resetIsScrollingTimeoutId);
     }, A.render = function() {
-      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, Oe = a.outerElementType, je = a.outerTagName, Ce = a.style, ke = a.useIsScrolling, we = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", be = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Le = se[0], Ee = se[1], ie = [];
+      var a = this.props, l = a.children, d = a.className, g = a.direction, M = a.height, v = a.innerRef, f = a.innerElementType, S = a.innerTagName, x = a.itemCount, j = a.itemData, C = a.itemKey, Q = C === void 0 ? qn : C, U = a.layout, je = a.outerElementType, Ce = a.outerTagName, ke = a.style, we = a.useIsScrolling, be = a.width, ne = this.state.isScrolling, B = g === "horizontal" || U === "horizontal", Le = B ? this._onScrollHorizontal : this._onScrollVertical, se = this._getRangeToRender(), Ee = se[0], $e = se[1], ie = [];
       if (x > 0)
-        for (var $ = Le; $ <= Ee; $++)
+        for (var $ = Ee; $ <= $e; $++)
           ie.push(H(l, {
             data: j,
             key: Q($, j),
             index: $,
-            isScrolling: ke ? ne : void 0,
+            isScrolling: we ? ne : void 0,
             style: this._getItemStyle($)
           }));
       var oe = i(this.props, this._instanceProps);
-      return H(Oe || je || "div", {
+      return H(je || Ce || "div", {
         className: d,
-        onScroll: be,
+        onScroll: Le,
         ref: this._outerRefSetter,
         style: X({
           position: "relative",
           height: M,
-          width: we,
+          width: be,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
           direction: g
-        }, Ce)
+        }, ke)
       }, H(f || S || "div", {
         children: ie,
         ref: v,
@@ -1210,13 +1210,13 @@ const Kn = /* @__PURE__ */ r("div")({
 }) => /* @__PURE__ */ m(Kn, { onClick: u, style: p, children: [
   /* @__PURE__ */ s(Xn, { children: e || 0 }),
   /* @__PURE__ */ m(ns, { children: [
-    t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: Te(n || "") }),
+    t ? /* @__PURE__ */ s(es, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ s(ts, { children: De(n || "") }),
     /* @__PURE__ */ m(ss, { children: [
       /* @__PURE__ */ s(is, { children: n || "" }),
       o && /* @__PURE__ */ s(rs, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: De(i) })
+  /* @__PURE__ */ s("div", { children: Se(i) })
 ] }), ls = /* @__PURE__ */ r("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",
@@ -1226,7 +1226,7 @@ const Kn = /* @__PURE__ */ r("div")({
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i
-}) => /* @__PURE__ */ s(Re, { children: ({ width: o, height: u }) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ s(Qe, { children: ({ width: o, height: u }) => /* @__PURE__ */ s(
   Jn,
   {
     isItemLoaded: (p) => p < e.length,
@@ -1255,11 +1255,11 @@ const Kn = /* @__PURE__ */ r("div")({
     ) })
   }
 ) }), ds = ({ deepLink: e }) => {
-  const { data: t } = k(e.$store);
+  const { data: t } = k(e.$store), n = t == null ? void 0 : t.url, i = e.desktopLink;
   return /* @__PURE__ */ s(
-    Qe,
+    Ue,
     {
-      inviteLink: t == null ? void 0 : t.url,
+      inviteLink: n || i,
       socialLinks: [
         {
           icon: "icon-facebook",
@@ -1371,7 +1371,7 @@ const Kn = /* @__PURE__ */ r("div")({
   questionId: t,
   ...n
 }) => /* @__PURE__ */ m(Ds, { children: [
-  /* @__PURE__ */ s(xe, { questionId: t, ...n }),
+  /* @__PURE__ */ s(Oe, { questionId: t, ...n }),
   e && /* @__PURE__ */ s(Ss, { onClick: () => e(t), children: "View Insight" })
 ] }), xs = /* @__PURE__ */ r("div")({
   name: "QuestionsContainer",
@@ -1394,7 +1394,7 @@ const Kn = /* @__PURE__ */ r("div")({
 }, Cs = ({ userSummary: e }) => {
   var t, n;
   const i = k(e.getStore());
-  return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(Se, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
+  return (t = i.data) != null && t.summary ? /* @__PURE__ */ s(ze, { ...i.data.summary, successRate: (n = i.data.percentage) == null ? void 0 : n.correct }) : /* @__PURE__ */ s("div", { children: "wait user..." });
 }, ks = ({
   gamification: e
 }) => {
@@ -1422,7 +1422,7 @@ const Kn = /* @__PURE__ */ r("div")({
         children: /* @__PURE__ */ s(Cs, {
           userSummary: e.userSummary
         })
-      }), /* @__PURE__ */ s(Ue, {
+      }), /* @__PURE__ */ s(_e, {
         children: /* @__PURE__ */ s(js, {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore()
@@ -1435,7 +1435,7 @@ const Kn = /* @__PURE__ */ r("div")({
       })
     })]
   });
-}, ws = () => _e, ve = /* @__PURE__ */ r(ws())({
+}, ws = () => Pe, ve = /* @__PURE__ */ r(ws())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
@@ -1463,11 +1463,11 @@ const Kn = /* @__PURE__ */ r("div")({
     }), i && /* @__PURE__ */ s(ve, {
       className: t,
       children: /* @__PURE__ */ m(bs, {
-        children: [/* @__PURE__ */ s(Ae, {
+        children: [/* @__PURE__ */ s(Te, {
           label: "Friend's Rank",
           close: e.closeUser
         }), /* @__PURE__ */ s(K, {
-          children: /* @__PURE__ */ s(Se, {
+          children: /* @__PURE__ */ s(ze, {
             ...i,
             successRate: Ls(i)
           })