@streamlayer/react 1.6.0 → 1.8.0

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

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

package/lib/dist/es/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "react";
 import { h as s, i as m, j as o, g as i } from "./masters.js";
+import "react";
 export {
   s as MastersStreamLayerProvider,
   m as MastersStreamLayerSDKReact,