@streamlayer/react 1.9.8 → 1.11.0

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

@@ -1,34 +1,34 @@
 import { jsx as s, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { N as y, M as $, s as I, u as l, T as L, S as M, C as D, p as T, k as E, O as A, m as h, l as F, c as O, a as P, b as R, d as V, e as Q, n as q, f as H } from "./masters.js";
-import { useRef as K, useState as N, useEffect as v, useTransition as U } from "react";
-const j = (e, t, o) => {
+import { A as y, M as $, s as I, u as l, T as L, S as M, C as D, p as T, k as E, O as A, m as h, a as F, l as O, c as P, b as R, d as V, e as Q, f as H, n as K, g as U } from "./masters.js";
+import { useRef as j, useState as w, useEffect as v } from "react";
+const q = (e, t, o) => {
   const r = t >= y.lg && t < y.xl ? 75 : 52;
   e.current && window.scrollTo({
     top: e.current.offsetTop - r,
     ...o
   });
-}, B = /* @__PURE__ */ I("div")({
+}, z = /* @__PURE__ */ I("div")({
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
   propsAsIs: !1
-}), W = ({
+}), B = ({
   deepLink: e
-}) => /* @__PURE__ */ s(B, {
+}) => /* @__PURE__ */ s(z, {
   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__ */ I("div")({
+}), W = /* @__PURE__ */ I("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
-}), z = ({
+}), _ = ({
   gamification: e,
   scrollNode: t,
   scrollStore: o
 }) => {
-  const r = K(null), {
+  const r = j(null), {
     data: n,
     hasMore: i,
     loading: c,
@@ -36,7 +36,7 @@ const j = (e, t, o) => {
   } = l(e.leaderboardList.$store), {
     data: a
   } = l(e.deepLink.$store), [d, m] = L(r);
-  return !n.length && !c ? /* @__PURE__ */ s(W, {
+  return !n.length && !c ? /* @__PURE__ */ s(B, {
     deepLink: a
   }) : /* @__PURE__ */ g(k, {
     children: [/* @__PURE__ */ s(M, {
@@ -47,7 +47,7 @@ const j = (e, t, o) => {
       hasMore: i,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }, p), a && /* @__PURE__ */ s(_, {
+    }, p), a && /* @__PURE__ */ s(W, {
       ref: r,
       children: /* @__PURE__ */ s(D, {
         onClick: () => d(a),
@@ -61,7 +61,7 @@ const j = (e, t, o) => {
   return /* @__PURE__ */ s(E, { openQuestion: t, questions: r.data, controlVideo: o == null ? void 0 : o.controlVideoPlayer });
 }, J = ({ userSummary: e }) => {
   var t;
-  const [o, r] = N(void 0);
+  const [o, r] = w(void 0);
   return v(() => {
     const n = e.$store.subscribe((i) => {
       i && r(i);
@@ -71,10 +71,10 @@ const j = (e, t, o) => {
     };
   }, [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] = N(h.HOME), [, w] = U(), { sdkInDesktopView: S, screen: x } = l(c, { keys: ["sdkInDesktopView"] }), C = (u) => {
-    w(() => {
+  const { tabsShown: p } = l(o, { keys: ["tabsShown"] }), a = l(e.friendsTabEnabled), [d, m] = w(h.HOME), [, N] = F(), { 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" });
+      m(u), S === !1 && (((b = n.current) == null ? void 0 : b.getBoundingClientRect().y) || 0) < 0 && q(n, x.size, { behavior: "instant" });
     });
   };
   v(() => o.subscribe((u) => {
@@ -87,21 +87,21 @@ const j = (e, t, o) => {
     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: [
+  return S ? f = p ? "0px" : "calc(0px - var(--header-height))" : f = p ? "var(--header-height)" : "0px", /* @__PURE__ */ g(O, { className: P(t, "SL-Tabs"), style: i, children: [
     a && /* @__PURE__ */ s(
-      P,
+      R,
       {
         style: {
           top: f
         },
-        children: /* @__PURE__ */ s(R, { activePage: d, toggleActivePage: C })
+        children: /* @__PURE__ */ s(V, { activePage: d, toggleActivePage: C })
       }
     ),
     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() }) })
+      /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(J, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ s(K, { style: { flex: 1 }, children: /* @__PURE__ */ s(G, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    d === h.LEADERBOARD && /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(z, { scrollStore: o, scrollNode: r, gamification: e }) })
+    d === h.LEADERBOARD && /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(_, { scrollStore: o, scrollNode: r, gamification: e }) })
   ] });
 }, oe = ({
   gamification: e,

package/lib/dist/es/index.js

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