@streamlayer/react 1.13.1 → 1.14.1

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

@@ -1,4 +1,4 @@
-import { A as f } from "./masters.js";
+import { G as f } from "./masters.js";
 export {
   f as default
 };

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

@@ -1,32 +1,32 @@
 import { jsx as s, jsxs as p, Fragment as S } from "react/jsx-runtime";
-import { a as C, s as r, Z as b, g as M, I as D, b as L, c as T, d as E, M as P, u as m, T as R, p as F, k as z, z as U, e as O, l as j, f as q, S as B, m as H, h as V, n as Q, C as K } from "./masters.js";
+import { A as C, s as a, u as b, f as M, I as D, a as L, b as T, c as E, M as P, d as m, T as R, p as F, k as z, z as U, e as O, l as j, g as q, S as B, m as H, h as V, n as Q, C as K } from "./masters.js";
 import { useCallback as W, useRef as _, useState as y, useEffect as f } from "react";
-const Z = (e, a, n) => {
-  const o = a >= C.lg && a < C.xl ? 75 : 52;
+const G = (e, r, n) => {
+  const o = r >= C.lg && r < C.xl ? 75 : 52;
   e.current && window.scrollTo({
     top: e.current.offsetTop - o,
     ...n
   });
-}, G = /* @__PURE__ */ r("div")({
+}, J = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c115qtkr",
   propsAsIs: !1
-}), J = /* @__PURE__ */ r("div")({
+}), X = /* @__PURE__ */ a("div")({
   name: "STabs",
   class: "sxnslc8",
   propsAsIs: !1
-}), X = /* @__PURE__ */ r("button")({
+}), Y = /* @__PURE__ */ a("button")({
   name: "Button",
   class: "b1umzux0",
   propsAsIs: !1
-}), Y = /* @__PURE__ */ r("span")({
+}), Z = /* @__PURE__ */ a("span")({
   name: "Title",
   class: "tspsaas",
   propsAsIs: !1
 });
 var v = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(v || {});
-const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClick: n, "data-selected": a, children: /* @__PURE__ */ s(Y, { children: e }) }), ee = ({ activePage: e = "home", toggleActivePage: a }) => /* @__PURE__ */ s(G, { children: /* @__PURE__ */ p(J, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s($, { title: "Home", active: e === "home", onClick: () => a(
+const $ = ({ title: e, active: r, onClick: n }) => /* @__PURE__ */ s(Y, { onClick: n, "data-selected": r, children: /* @__PURE__ */ s(Z, { children: e }) }), ee = ({ activePage: e = "home", toggleActivePage: r }) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ p(X, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s($, { title: "Home", active: e === "home", onClick: () => r(
     "home"
     /* HOME */
   ) }),
@@ -35,37 +35,37 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
     {
       title: "Friends",
       active: e === "leaderboard",
-      onClick: () => a(
+      onClick: () => r(
         "leaderboard"
         /* LEADERBOARD */
       )
     }
   )
-] }) }), se = /* @__PURE__ */ r("div")({
+] }) }), se = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), ne = () => b, ae = /* @__PURE__ */ r(ne())({
+}), ne = () => b, re = /* @__PURE__ */ a(ne())({
   name: "FriendsIcon",
   class: "f10ncfg2",
   propsAsIs: !0
-}), re = /* @__PURE__ */ r("div")({
+}), ae = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c1yc07bd",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ r("div")({
+}), oe = /* @__PURE__ */ a("div")({
   name: "Title",
   class: "tj6cq7w",
   propsAsIs: !1
-}), te = /* @__PURE__ */ r("div")({
+}), te = /* @__PURE__ */ a("div")({
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), ie = () => b, ce = /* @__PURE__ */ r(ie())({
+}), ie = () => b, ce = /* @__PURE__ */ a(ie())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), le = ({ title: e, description: a, onClick: n, className: o }) => {
+}), le = ({ title: e, description: r, onClick: n, className: o }) => {
   const [t] = M({
     type: "invitation",
     action: "sent",
@@ -74,48 +74,48 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
     }
   });
   return /* @__PURE__ */ p(se, { onClick: t(n), className: o, children: [
-    /* @__PURE__ */ s(ae, { name: "icon-friends" }),
-    /* @__PURE__ */ p(re, { children: [
+    /* @__PURE__ */ s(re, { name: "icon-friends" }),
+    /* @__PURE__ */ p(ae, { children: [
       /* @__PURE__ */ s(oe, { children: e }),
-      /* @__PURE__ */ s(te, { children: a })
+      /* @__PURE__ */ s(te, { children: r })
     ] }),
     /* @__PURE__ */ s(ce, { name: "icon-copy" })
   ] });
-}, de = /* @__PURE__ */ r("div")({
+}, de = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "culdu4a",
   propsAsIs: !1
-}), pe = /* @__PURE__ */ r("div")({
+}), pe = /* @__PURE__ */ a("div")({
   name: "Position",
   class: "pwf8e69",
   propsAsIs: !1
-}), me = /* @__PURE__ */ r("img")({
+}), me = /* @__PURE__ */ a("img")({
   name: "Avatar",
   class: "atf4yh4",
   propsAsIs: !1
-}), ue = /* @__PURE__ */ r("div")({
+}), ue = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), he = /* @__PURE__ */ r("div")({
+}), he = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), ve = /* @__PURE__ */ r("div")({
+}), ve = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), Ie = /* @__PURE__ */ r("span")({
+}), Ie = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), ge = () => b, fe = /* @__PURE__ */ r(ge())({
+}), ge = () => b, fe = /* @__PURE__ */ a(ge())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
 }), be = ({
   friendsRank: e,
-  avatar: a,
+  avatar: r,
   name: n,
   userId: o,
   points: t,
@@ -124,20 +124,20 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
 }) => /* @__PURE__ */ p(de, { "data-name": o, style: d, children: [
   /* @__PURE__ */ s(pe, { children: e || 0 }),
   /* @__PURE__ */ p(he, { children: [
-    a ? /* @__PURE__ */ s(me, { alt: "leaderboard-item-avatar", src: a }) : /* @__PURE__ */ s(ue, { children: L(n || "") }),
+    r ? /* @__PURE__ */ s(me, { alt: "leaderboard-item-avatar", src: r }) : /* @__PURE__ */ s(ue, { children: L(n || "") }),
     /* @__PURE__ */ p(ve, { children: [
       /* @__PURE__ */ s(Ie, { children: n || "" }),
       i && /* @__PURE__ */ s(fe, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ s("div", { children: T(t) })
-] }), Ae = /* @__PURE__ */ r("div")({
+] }), Ae = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16btbfp",
   propsAsIs: !1
 }), ke = ({
   items: e,
-  currentUserId: a,
+  currentUserId: r,
   openItemDetail: n,
   fetchMore: o,
   scrollNode: t,
@@ -157,11 +157,11 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
       onClick: d,
       children: e.map((c) => /* @__PURE__ */ s(be, {
         ...c,
-        isCurrentUser: !!a && a === c.userId
+        isCurrentUser: !!r && r === c.userId
       }, c.userId))
     })
   });
-}, Ce = /* @__PURE__ */ r("div")({
+}, Ce = /* @__PURE__ */ a("div")({
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
   propsAsIs: !1
@@ -173,13 +173,13 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-}), Se = /* @__PURE__ */ r("div")({
+}), Se = /* @__PURE__ */ a("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
 }), ye = ({
   gamification: e,
-  scrollNode: a,
+  scrollNode: r,
   scrollStore: n
 }) => {
   const o = _(null), {
@@ -195,7 +195,7 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
   }) : /* @__PURE__ */ p(S, {
     children: [/* @__PURE__ */ s(ke, {
       items: t,
-      scrollNode: a,
+      scrollNode: r,
       scrollStore: n,
       fetchMore: e.leaderboardList.fetchMore,
       hasMore: i,
@@ -210,11 +210,11 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
       })
     }), I]
   });
-}, Ne = ({ store: e, openQuestion: a }) => {
+}, Ne = ({ store: e, openQuestion: r }) => {
   const { sdk: n } = F(), o = m(e);
-  return /* @__PURE__ */ s(z, { openQuestion: a, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
+  return /* @__PURE__ */ s(z, { openQuestion: r, questions: o.data, controlVideo: n == null ? void 0 : n.controlVideoPlayer });
 }, we = ({ userSummary: e }) => {
-  var a;
+  var r;
   const [n, o] = y(void 0);
   return f(() => {
     const t = e.$store.subscribe((i) => {
@@ -223,12 +223,12 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
     return () => {
       t();
     };
-  }, [e]), /* @__PURE__ */ s(U, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (a = n == null ? void 0 : n.percentage) == null ? void 0 : a.correct });
-}, xe = ({ gamification: e, className: a, scrollStore: n, scrollNode: o, appNode: t, style: i, responsiveStore: d }) => {
+  }, [e]), /* @__PURE__ */ s(U, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (r = n == null ? void 0 : n.percentage) == null ? void 0 : r.correct });
+}, xe = ({ gamification: e, className: r, scrollStore: n, scrollNode: o, appNode: t, style: i, responsiveStore: d }) => {
   const { tabsShown: c } = m(n, { keys: ["tabsShown"] }), l = m(e.friendsTabEnabled), [u, I] = y(v.HOME), [, N] = O(), { sdkInDesktopView: A, screen: w } = m(d, { keys: ["sdkInDesktopView"] }), x = (h) => {
     N(() => {
       var k;
-      I(h), A === !1 && (((k = t.current) == null ? void 0 : k.getBoundingClientRect().y) || 0) < 0 && Z(t, w.size, { behavior: "instant" });
+      I(h), A === !1 && (((k = t.current) == null ? void 0 : k.getBoundingClientRect().y) || 0) < 0 && G(t, w.size, { behavior: "instant" });
     });
   };
   f(() => n.subscribe((h) => {
@@ -241,7 +241,7 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
     l || I(v.HOME);
   }, [l]);
   let g = "0px";
-  return A ? g = c ? "0px" : "calc(0px - var(--header-height))" : g = c ? "var(--header-height)" : "0px", /* @__PURE__ */ p(j, { className: q(a, "SL-Tabs"), style: i, children: [
+  return A ? g = c ? "0px" : "calc(0px - var(--header-height))" : g = c ? "var(--header-height)" : "0px", /* @__PURE__ */ p(j, { className: q(r, "SL-Tabs"), style: i, children: [
     l && /* @__PURE__ */ s(
       B,
       {
@@ -259,14 +259,14 @@ const $ = ({ title: e, active: a, onClick: n }) => /* @__PURE__ */ s(X, { onClic
   ] });
 }, Te = ({
   gamification: e,
-  scrollStore: a,
+  scrollStore: r,
   className: n,
   appNode: o,
   scrollNode: t,
   responsiveStore: i
 }) => /* @__PURE__ */ s(xe, {
   appNode: o,
-  scrollStore: a,
+  scrollStore: r,
   scrollNode: t,
   className: n,
   gamification: e,