@streamlayer/react 1.8.6 → 1.9.0

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

@@ -1,121 +1,123 @@
-import { jsx as s, jsxs as f, Fragment as b } from "react/jsx-runtime";
-import { C as y, M as x, s as k, u as d, T as L, S as D, a as M, p as $, k as T, O as A, m as g, l as E, c as F, b as P, d as R, e as V, f as O, n as Q, g as q } from "./masters.js";
-import { useRef as K, useState as w, useEffect as I, useTransition as U } from "react";
-const j = (o, t, e) => {
+import { jsx as s, jsxs as g, Fragment as k } from "react/jsx-runtime";
+import { C as y, M as $, s as I, u as l, T as L, S as M, a as D, p as T, k as E, O as A, m as h, l as F, c as O, b as P, d as R, e as V, f as Q, n as q, g as H } from "./masters.js";
+import { useRef as K, useState as w, useEffect as v, useTransition as U } from "react";
+const j = (e, t, o) => {
   const r = t >= y.lg && t < y.xl ? 75 : 52;
-  o.current && window.scrollTo({
-    top: o.current.offsetTop - r,
-    ...e
+  e.current && window.scrollTo({
+    top: e.current.offsetTop - r,
+    ...o
   });
-}, B = /* @__PURE__ */ k("div")({
+}, B = /* @__PURE__ */ I("div")({
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
   propsAsIs: !1
-}), H = ({
-  deepLink: o
+}), W = ({
+  deepLink: e
 }) => /* @__PURE__ */ s(B, {
-  children: /* @__PURE__ */ s(x, {
-    inviteLink: o,
+  children: /* @__PURE__ */ s($, {
+    inviteLink: e,
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-}), _ = /* @__PURE__ */ k("div")({
+}), _ = /* @__PURE__ */ I("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
 }), z = ({
-  gamification: o,
+  gamification: e,
   scrollNode: t,
-  scrollStore: e
+  scrollStore: o
 }) => {
   const r = K(null), {
     data: n,
     hasMore: i,
-    loading: l,
-    key: u
-  } = d(o.leaderboardList.$store), {
+    loading: c,
+    key: p
+  } = l(e.leaderboardList.$store), {
     data: a
-  } = d(o.deepLink.$store), [p, m] = L(r);
-  return !n.length && !l ? /* @__PURE__ */ s(H, {
+  } = l(e.deepLink.$store), [d, m] = L(r);
+  return !n.length && !c ? /* @__PURE__ */ s(W, {
     deepLink: a
-  }) : /* @__PURE__ */ f(b, {
-    children: [/* @__PURE__ */ s(D, {
+  }) : /* @__PURE__ */ g(k, {
+    children: [/* @__PURE__ */ s(M, {
       items: n,
       scrollNode: t,
-      scrollStore: e,
-      fetchMore: o.leaderboardList.fetchMore,
+      scrollStore: o,
+      fetchMore: e.leaderboardList.fetchMore,
       hasMore: i,
-      openItemDetail: o.openUser,
-      currentUserId: o.currentUserId.get()
-    }, u), a && /* @__PURE__ */ s(_, {
+      openItemDetail: e.openUser,
+      currentUserId: e.currentUserId.get()
+    }, p), a && /* @__PURE__ */ s(_, {
       ref: r,
-      children: /* @__PURE__ */ s(M, {
-        onClick: () => p(a),
+      children: /* @__PURE__ */ s(D, {
+        onClick: () => d(a),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
     }), m]
   });
-}, J = ({ store: o, openQuestion: t }) => {
-  const { sdk: e } = $(), r = d(o);
-  return /* @__PURE__ */ s(T, { openQuestion: t, questions: r.data, controlVideo: e == null ? void 0 : e.controlVideoPlayer });
-}, W = ({ userSummary: o }) => {
+}, G = ({ store: e, openQuestion: t }) => {
+  const { sdk: o } = T(), r = l(e);
+  return /* @__PURE__ */ s(E, { openQuestion: t, questions: r.data, controlVideo: o == null ? void 0 : o.controlVideoPlayer });
+}, J = ({ userSummary: e }) => {
   var t;
-  const [e, r] = w(void 0);
-  return I(() => {
-    const n = o.$store.subscribe((i) => {
+  const [o, r] = w(void 0);
+  return v(() => {
+    const n = e.$store.subscribe((i) => {
       i && r(i);
     });
     return () => {
       n();
     };
-  }, [o]), /* @__PURE__ */ s(A, { loading: !(e != null && e.summary), ...e == null ? void 0 : e.summary, successRate: (t = e == null ? void 0 : e.percentage) == null ? void 0 : t.correct });
-}, G = ({ gamification: o, className: t, scrollStore: e, scrollNode: r, appNode: n, style: i, responsiveStore: l }) => {
-  const { tabsShown: u } = d(e, { keys: ["tabsShown"] }), [a, p] = w(g.HOME), [, m] = U(), { sdkInDesktopView: v, screen: N } = d(l, { keys: ["sdkInDesktopView"] }), C = (c) => {
-    m(() => {
-      var S;
-      p(c), v === !1 && (((S = n.current) == null ? void 0 : S.getBoundingClientRect().y) || 0) < 0 && j(n, N.size, { behavior: "instant" });
+  }, [e]), /* @__PURE__ */ s(A, { loading: !(o != null && o.summary), ...o == null ? void 0 : o.summary, successRate: (t = o == null ? void 0 : o.percentage) == null ? void 0 : t.correct });
+}, X = ({ gamification: e, className: t, scrollStore: o, scrollNode: r, appNode: n, style: i, responsiveStore: c }) => {
+  const { tabsShown: p } = l(o, { keys: ["tabsShown"] }), a = l(e.friendsTabEnabled), [d, m] = w(h.HOME), [, N] = U(), { sdkInDesktopView: S, screen: x } = l(c, { keys: ["sdkInDesktopView"] }), C = (u) => {
+    N(() => {
+      var b;
+      m(u), S === !1 && (((b = n.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && j(n, x.size, { behavior: "instant" });
     });
   };
-  I(() => e.subscribe((c) => {
-    if (c.scrollPosition === 0) {
-      e.setKey("tabsShown", !0);
+  v(() => o.subscribe((u) => {
+    if (u.scrollPosition === 0) {
+      o.setKey("tabsShown", !0);
       return;
     }
-    l.get().sdkInDesktopView ? e.setKey("tabsShown", c.scrollDirection === "backward") : e.setKey("tabsShown", c.scrollDirection === "forward");
-  }), [e, l]);
-  let h = "0px";
-  return v ? h = u ? "0px" : "calc(0px - var(--header-height))" : h = u ? "var(--header-height)" : "0px", /* @__PURE__ */ f(E, { className: F(t, "SL-Tabs"), style: i, children: [
-    /* @__PURE__ */ s(
+    c.get().sdkInDesktopView ? o.setKey("tabsShown", u.scrollDirection === "backward") : o.setKey("tabsShown", u.scrollDirection === "forward");
+  }), [o, c]), v(() => {
+    a || m(h.HOME);
+  }, [a]);
+  let f = "0px";
+  return S ? f = p ? "0px" : "calc(0px - var(--header-height))" : f = p ? "var(--header-height)" : "0px", /* @__PURE__ */ g(F, { className: O(t, "SL-Tabs"), style: i, children: [
+    a && /* @__PURE__ */ s(
       P,
       {
         style: {
-          top: h
+          top: f
         },
-        children: /* @__PURE__ */ s(R, { activePage: a, toggleActivePage: C })
+        children: /* @__PURE__ */ s(R, { activePage: d, toggleActivePage: C })
       }
     ),
-    a === g.HOME && /* @__PURE__ */ f(b, { children: [
-      /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(O, { children: /* @__PURE__ */ s(W, { userSummary: o.userSummary }) }) }),
-      /* @__PURE__ */ s(Q, { style: { flex: 1 }, children: /* @__PURE__ */ s(J, { openQuestion: o.openQuestion, store: o.feedList.getStore() }) })
+    d === h.HOME && /* @__PURE__ */ g(k, { children: [
+      /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(J, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ s(q, { style: { flex: 1 }, children: /* @__PURE__ */ s(G, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    a === g.LEADERBOARD && /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(z, { scrollStore: e, scrollNode: r, gamification: o }) })
+    d === h.LEADERBOARD && /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(z, { scrollStore: o, scrollNode: r, gamification: e }) })
   ] });
-}, ee = ({
-  gamification: o,
+}, oe = ({
+  gamification: e,
   scrollStore: t,
-  className: e,
+  className: o,
   appNode: r,
   scrollNode: n,
   responsiveStore: i
-}) => /* @__PURE__ */ s(G, {
+}) => /* @__PURE__ */ s(X, {
   appNode: r,
   scrollStore: t,
   scrollNode: n,
-  className: e,
-  gamification: o,
+  className: o,
+  gamification: e,
   responsiveStore: i
 });
 export {
-  ee as default
+  oe as default
 };