@streamlayer/react 1.17.1 → 1.18.0

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

@@ -1,5 +1,5 @@
-import { jsx as s, jsxs as p, Fragment as S } from "react/jsx-runtime";
-import { A as C, s as t, k as b, f as M, I as D, a as L, b as T, c as E, M as P, u as m, T as R, p as F, d 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, i as K } from "./masters.js";
+import { jsx as s, jsxs as p, Fragment as $ } from "react/jsx-runtime";
+import { A as C, s as t, B as b, f as M, I as D, a as L, b as T, c as E, M as P, u as m, T as R, p as F, k as z, z as B, d as U, l as O, e as j, S as q, m as H, g as V, n as Q, h as K } from "./masters.js";
 import { useCallback as W, useRef as _, useState as y, useEffect as f } from "react";
 const G = (e, n, a) => {
   const r = n >= C.lg && n < C.xl ? 75 : 52;
@@ -25,13 +25,13 @@ const G = (e, n, a) => {
   propsAsIs: !1
 });
 var v = /* @__PURE__ */ ((e) => (e.HOME = "home", e.LEADERBOARD = "leaderboard", e))(v || {});
-const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-a": "intr", onClick: a, "data-selected": n, children: /* @__PURE__ */ s(Z, { "data-a": "intr", children: e }) }), ee = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ p(X, { "data-position": e === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ s($, { title: "Home", active: e === "home", onClick: () => n(
+const S = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-a": "intr", onClick: a, "data-selected": n, children: /* @__PURE__ */ s(Z, { "data-a": "intr", children: e }) }), ee = ({ activePage: e = "home", toggleActivePage: n }) => /* @__PURE__ */ s(J, { children: /* @__PURE__ */ p(X, { "data-position": e === "home" ? "left" : "right", children: [
+  /* @__PURE__ */ s(S, { title: "Home", active: e === "home", onClick: () => n(
     "home"
     /* HOME */
   ) }),
   /* @__PURE__ */ s(
-    $,
+    S,
     {
       title: "Friends",
       active: e === "leaderboard",
@@ -166,7 +166,7 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
   name: "InviteFriendsContainer",
   class: "i1c9dygq",
   propsAsIs: !1
-}), $e = ({
+}), Se = ({
   deepLink: e
 }) => /* @__PURE__ */ s(Ce, {
   children: /* @__PURE__ */ s(P, {
@@ -174,7 +174,7 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-}), Se = /* @__PURE__ */ t("div")({
+}), $e = /* @__PURE__ */ t("div")({
   name: "InviteLinkContainer",
   class: "i1odbhm4",
   propsAsIs: !1
@@ -191,9 +191,9 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
   } = m(e.leaderboardList.$store), {
     data: l
   } = m(e.deepLink.$store), [u, I] = R(r);
-  return !o.length && !d ? /* @__PURE__ */ s($e, {
+  return !o.length && !d ? /* @__PURE__ */ s(Se, {
     deepLink: l
-  }) : /* @__PURE__ */ p(S, {
+  }) : /* @__PURE__ */ p($, {
     children: [/* @__PURE__ */ s(ke, {
       items: o,
       scrollNode: n,
@@ -202,7 +202,7 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
       hasMore: i,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }, c), l && /* @__PURE__ */ s(Se, {
+    }, c), l && /* @__PURE__ */ s($e, {
       ref: r,
       children: /* @__PURE__ */ s(le, {
         "data-a": "intr",
@@ -225,9 +225,9 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
     return () => {
       o();
     };
-  }, [e]), /* @__PURE__ */ s(U, { loading: !(a != null && a.summary), ...a == null ? void 0 : a.summary, successRate: (n = a == null ? void 0 : a.percentage) == null ? void 0 : n.correct });
+  }, [e]), /* @__PURE__ */ s(B, { loading: !(a != null && a.summary), ...a == null ? void 0 : a.summary, successRate: (n = a == null ? void 0 : a.percentage) == null ? void 0 : n.correct });
 }, xe = ({ gamification: e, className: n, scrollStore: a, scrollNode: r, appNode: o, style: i, responsiveStore: d }) => {
-  const { tabsShown: c } = m(a, { keys: ["tabsShown"] }), l = m(e.friendsTabEnabled), [u, I] = y(v.HOME), [, N] = O(), { sdkInDesktopView: A, screen: w } = m(d, { keys: ["sdkInDesktopView"] }), x = (h) => {
+  const { tabsShown: c } = m(a, { keys: ["tabsShown"] }), l = m(e.friendsTabEnabled), [u, I] = y(v.HOME), [, N] = U(), { sdkInDesktopView: A, screen: w } = m(d, { keys: ["sdkInDesktopView"] }), x = (h) => {
     N(() => {
       var k;
       I(h), A === !1 && (((k = o.current) == null ? void 0 : k.getBoundingClientRect().y) || 0) < 0 && G(o, w.size, { behavior: "instant" });
@@ -243,9 +243,9 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
     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(n, "SL-Tabs"), style: i, children: [
+  return A ? g = c ? "0px" : "calc(0px - var(--header-height))" : g = c ? "var(--header-height)" : "0px", /* @__PURE__ */ p(O, { className: j(n, "SL-Tabs", "sl-hide-on-modal"), style: i, children: [
     l && /* @__PURE__ */ s(
-      B,
+      q,
       {
         style: {
           top: g
@@ -253,7 +253,7 @@ const $ = ({ title: e, active: n, onClick: a }) => /* @__PURE__ */ s(Y, { "data-
         children: /* @__PURE__ */ s(ee, { activePage: u, toggleActivePage: x })
       }
     ),
-    u === v.HOME && /* @__PURE__ */ p(S, { children: [
+    u === v.HOME && /* @__PURE__ */ p($, { children: [
       /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(we, { userSummary: e.userSummary }) }) }),
       /* @__PURE__ */ s(Q, { style: { flex: 1 }, children: /* @__PURE__ */ s(Ne, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),

package/lib/dist/es/index.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import { B as s, o, q as m, t as S, j as L, r as i } from "./masters.js";
+import { i as s, o, q as m, t as S, j as i, r as L } from "./masters.js";
 import "react";
 export {
   s as BetPackStandalone,
   o as MastersStreamLayerProvider,
   m as MastersStreamLayerSDKReact,
   S as StreamLayerLogin,
-  L as StreamLayerSDKPoints,
-  i as useStreamLayer
+  i as StreamLayerSDKPoints,
+  L as useStreamLayer
 };