@streamlayer/react 0.31.2 → 0.31.4

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

@@ -1,6 +1,6 @@
 import { jsxs as I, jsx as r, Fragment as $ } from "react/jsx-runtime";
-import { s as a, i as j, o as Se, Q as x, a as _, b as Q, m as Ye, E, r as ie, w as We, u as w, A as Fe, O as Ve, P as W, c as ee, n as Be, d as He } from "./masters.js";
-import U, { useRef as C, useState as L, useCallback as P, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
+import { s as a, n as j, Q as x, o as Se, a as P, b as Q, m as Ye, E, r as ie, w as We, u as w, A as Ve, O as Fe, P as W, c as ee, d as Be, e as He } from "./masters.js";
+import U, { useRef as C, useState as L, useCallback as _, useEffect as Ge, useLayoutEffect as Ze, useMemo as B, createElement as Z, PureComponent as ze } from "react";
 const Je = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1vwopgc",
@@ -29,7 +29,14 @@ const Je = /* @__PURE__ */ a("div")({
   const i = e ? Se[e] : { label: n, iconName: void 0 };
   return /* @__PURE__ */ I(Je, { children: [
     /* @__PURE__ */ I(Ke, { children: [
-      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(et, { name: i.iconName }),
+      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ r(
+        et,
+        {
+          "data-type-trivia": e === x.TRIVIA,
+          "data-type-poll": e === x.POLL,
+          name: i.iconName
+        }
+      ),
       (i == null ? void 0 : i.label) && /* @__PURE__ */ r(tt, { children: i.label })
     ] }),
     /* @__PURE__ */ r(nt, { onClick: t, children: /* @__PURE__ */ r(st, { name: "icon-cross" }) })
@@ -68,7 +75,7 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t8s05oq",
   propsAsIs: !1
-}), F = ({ indicator: e, title: t }) => /* @__PURE__ */ I(ut, { children: [
+}), V = ({ indicator: e, title: t }) => /* @__PURE__ */ I(ut, { children: [
   /* @__PURE__ */ r(pt, { children: e }),
   /* @__PURE__ */ r(mt, { children: t })
 ] }), ht = /* @__PURE__ */ a("div")({
@@ -181,10 +188,10 @@ const Je = /* @__PURE__ */ a("div")({
       /* @__PURE__ */ r(le, { indicator: s || 0, title: "Global rank" })
     ] }),
     /* @__PURE__ */ I(jt, { children: [
-      /* @__PURE__ */ r(F, { indicator: c || 0, title: "Win streak" }),
-      /* @__PURE__ */ r(F, { indicator: l || 0, title: "Correct" }),
-      /* @__PURE__ */ r(F, { indicator: m || 0, title: "Incorrect" }),
-      /* @__PURE__ */ r(F, { indicator: `${f || 0}%`, title: "Succ. rate" })
+      /* @__PURE__ */ r(V, { indicator: c || 0, title: "Win streak" }),
+      /* @__PURE__ */ r(V, { indicator: l || 0, title: "Correct" }),
+      /* @__PURE__ */ r(V, { indicator: m || 0, title: "Incorrect" }),
+      /* @__PURE__ */ r(V, { indicator: `${f || 0}%`, title: "Succ. rate" })
     ] })
   ] })
 ] }), Ct = /* @__PURE__ */ a("div")({
@@ -227,11 +234,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "FeedbackDescription",
   class: "fzfk69z",
   propsAsIs: !1
-}), _t = /* @__PURE__ */ a("div")({
+}), Pt = /* @__PURE__ */ a("div")({
   name: "FeedbackText",
   class: "fx87qaj",
   propsAsIs: !1
-}), Pt = ({
+}), _t = ({
   feedbackMessages: e,
   questionVotedCorrectly: t,
   questionVoted: n,
@@ -240,15 +247,15 @@ const Je = /* @__PURE__ */ a("div")({
   questionStatus: c
 }) => {
   const l = n && (i === x.TRIVIA || i === x.PREDICTION);
-  if (!l && c !== _.RESOLVED)
+  if (!l && c !== P.RESOLVED)
     return null;
   const m = i === x.PREDICTION && !s, u = t ? "correct" : "incorrect", f = t ? e.correctFeedback : e.incorrectFeedback;
   return /* @__PURE__ */ I(Lt, { "data-isPrediction": m, children: [
-    c === _.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ I($, { children: [
+    c === P.RESOLVED && i === x.TRIVIA && !n && /* @__PURE__ */ I($, { children: [
       /* @__PURE__ */ r(ce, { children: /* @__PURE__ */ r(j, { name: "questionExpired" }) }),
       /* @__PURE__ */ I("div", { children: [
         /* @__PURE__ */ r(de, { children: /* @__PURE__ */ r(J, { children: "Question Expired" }) }),
-        /* @__PURE__ */ r(_t, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
+        /* @__PURE__ */ r(Pt, { children: "You can still answer to see if you're correct, but no points are awarded for expired questions." })
       ] })
     ] }),
     l && m && /* @__PURE__ */ I($, { children: [
@@ -275,11 +282,11 @@ const Je = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "t1hq58md",
   propsAsIs: !1
-}), Ft = /* @__PURE__ */ a("div")({
+}), Vt = /* @__PURE__ */ a("div")({
   name: "Options",
   class: "o1c8nxcx",
   propsAsIs: !1
-}), Vt = /* @__PURE__ */ a("button")({
+}), Ft = /* @__PURE__ */ a("button")({
   name: "ButtonContainer",
   class: "b1b6dl8t",
   propsAsIs: !1
@@ -349,7 +356,7 @@ const Je = /* @__PURE__ */ a("div")({
   correct: n,
   hasCorrectAnswer: i,
   questionStatus: s
-}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === _.RESOLVED && n : !1, cn = (e) => {
+}) => e === x.TRIVIA ? t && n : e === x.PREDICTION ? t && n && i || s === P.RESOLVED && n : !1, cn = (e) => {
   var t;
   const {
     // option props
@@ -369,9 +376,9 @@ const Je = /* @__PURE__ */ a("div")({
     questionType: A,
     correct: D,
     hasCorrectAnswer: o
-  } = e, d = an(e), p = ln({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = u || v === _.RESOLVED && A === x.PREDICTION;
+  } = e, d = an(e), p = ln({ questionType: A, questionVoted: u, correct: D, hasCorrectAnswer: o, questionStatus: v }), h = u || v === P.RESOLVED && A === x.PREDICTION;
   return /* @__PURE__ */ I(
-    Vt,
+    Ft,
     {
       value: n,
       "data-selected": m,
@@ -405,7 +412,7 @@ var pe = typeof window > "u" ? Ge : Ze, dn = ({ isPlaying: e, duration: t, start
     m(z ? t : y), z || (v.current = requestAnimationFrame(D));
   }, o = () => {
     v.current && cancelAnimationFrame(v.current), A.current && clearTimeout(A.current), g.current = null;
-  }, d = P((p) => {
+  }, d = _((p) => {
     o(), u.current = 0;
     let h = typeof p == "number" ? p : n;
     f.current = h, m(h), e && (v.current = requestAnimationFrame(D));
@@ -469,9 +476,9 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
     remainingTime: u
   }) => /* @__PURE__ */ r(Mn, {
     children: u
-  }), l = P(() => {
+  }), l = _(() => {
     n == null || n(), s(yn);
-  }, [n, s]), m = P((u) => {
+  }, [n, s]), m = _((u) => {
     u === 10 && s(Ie);
   }, [s]);
   return /* @__PURE__ */ r(be, {
@@ -537,7 +544,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   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, T] = L(!1), [v, g] = L(""), A = 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 = _(
     async (N) => {
       if (A) {
         const y = N.currentTarget.value;
@@ -545,7 +552,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       }
     },
     [A, g, t]
-  ), o = P(() => {
+  ), o = _(() => {
     u(!0), setTimeout(n, 3e3);
   }, [n]), d = B(
     () => e == null ? void 0 : e.answers.find((N) => N.youVoted === !0),
@@ -571,7 +578,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   }) : [], [p, m, f, e, d, D, v]), M = l && (l.case === "trivia" || l.case === "prediction") ? l.value : void 0;
   return /* @__PURE__ */ r(ie, { "data-question-header": "true", children: /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ I(Yt, { children: [
     M && /* @__PURE__ */ r(
-      Pt,
+      _t,
       {
         feedbackMessages: M,
         questionVoted: !!d,
@@ -601,7 +608,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       }
     ) : /* @__PURE__ */ I($, { children: [
       /* @__PURE__ */ r(Wt, { "data-isPrediction": e.type === x.PREDICTION, children: s }),
-      /* @__PURE__ */ r(Ft, { children: h.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
+      /* @__PURE__ */ r(Vt, { children: h.map((N) => /* @__PURE__ */ r(cn, { ...N }, N.id)) })
     ] })
   ] }) }) });
 }, Cn = /* @__PURE__ */ a("div")({
@@ -661,13 +668,13 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   name: "WebLinkBtn",
   class: "w19zie3h",
   propsAsIs: !1
-}), _n = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Qn, { children: [
+}), Pn = ({ instantView: e, ...t }) => /* @__PURE__ */ I(Qn, { children: [
   /* @__PURE__ */ r($e, { instantView: e, ...t }),
   (e == null ? void 0 : e.webLink) && /* @__PURE__ */ I(Un, { href: e == null ? void 0 : e.webLink.url, target: "_blank", children: [
     "Explore more of the Masters History",
     /* @__PURE__ */ r(j, { name: "icon-external-link" })
   ] })
-] }), Pn = /* @__PURE__ */ a("div")({
+] }), _n = /* @__PURE__ */ a("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
@@ -675,7 +682,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   openedQuestion: e
 }) => {
   var t;
-  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(_n, {
+  return ((t = e == null ? void 0 : e.attributes) == null ? void 0 : t.attributes.case) === "insight" ? /* @__PURE__ */ r(Pn, {
     created: e.attributes.created,
     ...e.attributes.attributes.value
   }) : null;
@@ -701,7 +708,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   if (!n)
     return null;
   const s = n.type;
-  return /* @__PURE__ */ I(Pn, {
+  return /* @__PURE__ */ I(_n, {
     children: [/* @__PURE__ */ r(xe, {
       close: e.closeQuestion,
       type: ((t = n.attributes) == null ? void 0 : t.type) || x.UNSET
@@ -713,11 +720,11 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
       openedQuestion: n
     })]
   });
-}, Fn = /* @__PURE__ */ a("div")({
+}, Vn = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), Vn = /* @__PURE__ */ a("div")({
+}), Fn = /* @__PURE__ */ a("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
@@ -731,7 +738,7 @@ const fn = [E.PRIMARY_GREEN1, E.SECONDARY_RED1, E.SECONDARY_RED1], gn = [10, 10,
   propsAsIs: !1
 });
 var H = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(H || {});
-const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Fn, { children: /* @__PURE__ */ I(Vn, { "data-position": e === "home" ? "left" : "right", children: [
+const fe = ({ title: e, active: t, onClick: n }) => /* @__PURE__ */ r(Bn, { onClick: n, "data-selected": t, children: /* @__PURE__ */ r(Hn, { children: e }) }), Gn = ({ activePage: e = "home", toggleActivePage: t }) => /* @__PURE__ */ r(Vn, { children: /* @__PURE__ */ I(Fn, { "data-position": e === "home" ? "left" : "right", children: [
   /* @__PURE__ */ r(fe, { title: "Home", active: e === "home", onClick: () => t(
     "home"
     /* HOME */
@@ -981,9 +988,9 @@ function ii(e) {
     }, A.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && ye(this._resetIsScrollingTimeoutId);
     }, 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 = [];
+      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", Pe = G ? this._onScrollHorizontal : this._onScrollVertical, re = this._getRangeToRender(), _e = re[0], qe = re[1], oe = [];
       if (z > 0)
-        for (var R = Pe; R <= qe; R++)
+        for (var R = _e; R <= qe; R++)
           oe.push(Z(d, {
             data: O,
             key: q(R, O),
@@ -994,7 +1001,7 @@ function ii(e) {
       var ae = i(this.props, this._instanceProps);
       return Z(Ee || Le || "div", {
         className: p,
-        onScroll: _e,
+        onScroll: Pe,
         ref: this._outerRefSetter,
         style: te({
           position: "relative",
@@ -1271,7 +1278,7 @@ const pi = /* @__PURE__ */ a("div")({
   currentUserId: t,
   openItemDetail: n,
   fetchMore: i
-}) => /* @__PURE__ */ r(Fe, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ r(Ve, { children: ({ width: s, height: c }) => /* @__PURE__ */ r(
   ui,
   {
     isItemLoaded: (l) => l < e.length,
@@ -1302,7 +1309,7 @@ const pi = /* @__PURE__ */ a("div")({
 ) }), Di = ({ deepLink: e }) => {
   const { data: t } = w(e.$store);
   return /* @__PURE__ */ r(
-    Ve,
+    Fe,
     {
       inviteLink: t == null ? void 0 : t.url,
       socialLinks: [
@@ -1348,7 +1355,7 @@ const pi = /* @__PURE__ */ a("div")({
   name: "QuestionAction",
   class: "q105uluy",
   propsAsIs: !1
-}), ki = () => j, V = /* @__PURE__ */ a(ki())({
+}), ki = () => j, F = /* @__PURE__ */ a(ki())({
   name: "QuestionActionIcon",
   class: "q1fa0b9h",
   propsAsIs: !0
@@ -1369,10 +1376,10 @@ const pi = /* @__PURE__ */ a("div")({
   class: "p1pba9p1",
   propsAsIs: !1
 }), Li = {
-  [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" })
+  [W.LOST]: /* @__PURE__ */ r(F, { name: "incorrectVoted" }),
+  [W.WON]: /* @__PURE__ */ r(F, { name: "icon-check" }),
+  [W.UNSET]: /* @__PURE__ */ r(F, { name: "icon-arrow" }),
+  [W.DNP]: /* @__PURE__ */ r(F, { name: "icon-arrow" })
 }, Ri = ({
   questionId: e,
   questionType: t,
@@ -1386,10 +1393,17 @@ const pi = /* @__PURE__ */ a("div")({
   return m ? /* @__PURE__ */ I(zi, { onClick: () => c == null ? void 0 : c(e), children: [
     /* @__PURE__ */ I($i, { children: [
       /* @__PURE__ */ I(xi, { children: [
-        /* @__PURE__ */ r(Ci, { name: m.iconName }),
+        /* @__PURE__ */ r(
+          Ci,
+          {
+            "data-type-trivia": t === x.TRIVIA,
+            "data-type-poll": t === x.POLL,
+            name: m.iconName
+          }
+        ),
         /* @__PURE__ */ I(bi, { children: [
           m.label,
-          t === x.TRIVIA && n === _.RESOLVED && " • Expired"
+          t === x.TRIVIA && n === P.RESOLVED && " • Expired"
         ] })
       ] }),
       /* @__PURE__ */ r(ji, { children: i || "" })
@@ -1404,18 +1418,18 @@ const pi = /* @__PURE__ */ a("div")({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !1
-}), _i = ({
+}), Pi = ({
   openInsight: e,
   questionId: t,
   ...n
 }) => /* @__PURE__ */ I(Qi, { children: [
   /* @__PURE__ */ r($e, { questionId: t, ...n }),
   e && /* @__PURE__ */ r(Ui, { onClick: () => e(t), children: "View Insight" })
-] }), Pi = /* @__PURE__ */ a("div")({
+] }), _i = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
-}), qi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(Pi, { children: e == null ? void 0 : e.map((n) => {
+}), qi = ({ questions: e, openQuestion: t }) => /* @__PURE__ */ r(_i, { children: e == null ? void 0 : e.map((n) => {
   var i, s;
   if (n.type === "question" && ((i = n.attributes) == null ? void 0 : i.attributes.case) === "question") {
     const c = n.attributes.attributes.value;
@@ -1423,7 +1437,7 @@ const pi = /* @__PURE__ */ a("div")({
   }
   if (n.type === "insight" && ((s = n.attributes) == null ? void 0 : s.attributes.case) === "insight") {
     const c = n.attributes.attributes.value;
-    return /* @__PURE__ */ r(_i, { openInsight: t, ...c }, c.questionId);
+    return /* @__PURE__ */ r(Pi, { openInsight: t, ...c }, c.questionId);
   }
   return null;
 }) }), Yi = ({ store: e, openQuestion: t }) => {
@@ -1433,7 +1447,7 @@ const pi = /* @__PURE__ */ a("div")({
   var t, n;
   const i = w(e.getStore());
   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 = ({
+}, Vi = ({
   gamification: e
 }) => {
   const [t, n] = L(H.HOME);
@@ -1473,7 +1487,7 @@ const pi = /* @__PURE__ */ a("div")({
       })
     })]
   });
-}, Vi = () => He, De = /* @__PURE__ */ a(Vi())({
+}, Fi = () => He, De = /* @__PURE__ */ a(Fi())({
   name: "OpenedContainer",
   class: "oar61gl",
   propsAsIs: !0
@@ -1514,7 +1528,7 @@ const pi = /* @__PURE__ */ a("div")({
     }), /* @__PURE__ */ r(ie, {
       className: t,
       "data-nav": "true",
-      children: /* @__PURE__ */ r(Fi, {
+      children: /* @__PURE__ */ r(Vi, {
         gamification: e
       })
     })]

package/lib/dist/es/index.js

@@ -1,4 +1,4 @@
-import { M as s, e as m, S as o, f as S } from "./masters.js";
+import { M as s, f as m, S as o, g as S } from "./masters.js";
 import "react/jsx-runtime";
 import "react";
 export {