@streamlayer/react 1.3.0 → 1.3.1

package/lib/es/index2.js

@@ -2,11 +2,11 @@ var fe = Object.defineProperty;
 var ke = (e, s, n) => s in e ? fe(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n;
 var m = (e, s, n) => ke(e, typeof s != "symbol" ? s + "" : s, n);
 import { C, e as G, Q as x, S as w } from "./useStreamLayerApp2.js";
-import { a4 as P, u, F as ye, s as h, T as re, i as Ne, p as be, b as Se, N as Ie, k as Ee, M as Ae, g as Ce, S as we, C as $e, h as De, O as le, m as q, l as Le, j as Te, n as Oe, o as de, q as xe, r as Re, t as Ve, v as M, w as Pe, x as ce, y as U, z as qe, A as H, I as O, c as pe, D as _e, E as Fe, G as Qe, e as Ke, H as R, J as j, K as Me, P as Ue, R as ze, a as ue, V as We, W as Be, L as _, _ as Ge, f as F, $ as He, a0 as je, X as Xe, Y as Ye, Z as Ze, a5 as Je, a2 as he, a3 as X } from "./provider.js";
+import { a4 as P, u, F as ye, s as h, T as ae, i as Ne, p as be, b as Se, N as Ie, k as Ee, M as Ae, f as Ce, S as we, C as $e, g as De, O as le, m as q, l as Le, h as Te, j as Oe, n as de, o as xe, q as Re, r as Ve, t as M, w as Pe, x as ce, y as U, z as qe, A as H, I as O, c as pe, D as _e, E as Fe, G as Qe, e as Ke, H as R, J as j, K as Me, P as Ue, R as ze, a as ue, V as We, W as Be, L as _, _ as Ge, v as F, $ as He, a0 as je, X as Xe, Y as Ye, Z as Ze, a5 as Je, a2 as he, a3 as X } from "./provider.js";
 import { jsx as t, jsxs as g, Fragment as L } from "react/jsx-runtime";
 import { createContext as es, useContext as z, useRef as D, useState as E, useEffect as k, useTransition as ss, lazy as ns, useMemo as $, Suspense as ts, forwardRef as os, useLayoutEffect as is, useCallback as V } from "react";
 window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
-function as(e) {
+function rs(e) {
   return e instanceof DOMException && // everything except Firefox
   (e.code === 22 || // Firefox
   e.code === 1014 || // test name field too, because code might not be present
@@ -14,7 +14,7 @@ function as(e) {
   e.name === "QuotaExceededError" || // Firefox
   e.name === "NS_ERROR_DOM_QUOTA_REACHED");
 }
-class rs {
+class as {
   constructor(s = "main", n = window.localStorage) {
     m(this, "delimiter", ":");
     m(this, "prefix");
@@ -28,8 +28,8 @@ class rs {
       const n = s.pop() || "", o = this.generateKey(s);
       try {
         this.storage.setItem(o, n);
-      } catch (a) {
-        as(a) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
+      } catch (r) {
+        rs(r) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
       }
     });
     m(this, "read", (...s) => {
@@ -53,7 +53,7 @@ var I;
 (function(e) {
   e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
 })(I || (I = {}));
-class ls extends rs {
+class ls extends as {
   constructor() {
     super("user");
     // Schema
@@ -116,10 +116,10 @@ const ds = {
   sdk: s,
   children: n,
   className: o,
-  noWait: a
+  noWait: r
 }) => {
-  const r = u(e.status), l = u(s.sdkStore.slStreamId);
-  if (!a) {
+  const a = u(e.status), l = u(s.sdkStore.slStreamId);
+  if (!r) {
     if (l != null && l.loading && !l.data)
       return /* @__PURE__ */ t(Q, {
         className: o,
@@ -130,7 +130,7 @@ const ds = {
         className: o,
         children: "Event is forbidden..."
       });
-    if (r !== ye.Ready)
+    if (a !== ye.Ready)
       return /* @__PURE__ */ t(Q, {
         className: o,
         children: "Wait feature..."
@@ -164,12 +164,12 @@ const ds = {
 }) => {
   const {
     loading: o,
-    data: a
+    data: r
   } = e;
-  return a ? /* @__PURE__ */ t(Ie, {
+  return r ? /* @__PURE__ */ t(Ie, {
     vote: s,
     close: n,
-    openedQuestion: a,
+    openedQuestion: r,
     isLoading: !!o
   }) : /* @__PURE__ */ t(Ee, {});
 }, vs = ({
@@ -178,16 +178,16 @@ const ds = {
   className: n,
   hideHeader: o
 }) => {
-  var a, r, l;
+  var r, a, l;
   const d = u(e.openedQuestion.$store), i = u(e.openedQuestion.$extendedStore);
   if (!d)
     return null;
   const c = d.type;
   return /* @__PURE__ */ g(ps, {
     className: n,
-    children: [!o && /* @__PURE__ */ t(re, {
+    children: [!o && /* @__PURE__ */ t(ae, {
       close: e.closeQuestion,
-      type: ((a = d.attributes) == null ? void 0 : a.type) || x.UNSET
+      type: ((r = d.attributes) == null ? void 0 : r.type) || x.UNSET
     }), c === "question" && /* @__PURE__ */ t(hs, {
       vote: e.submitAnswer,
       close: e.closeQuestion,
@@ -195,7 +195,7 @@ const ds = {
     }), c !== "question" && /* @__PURE__ */ t(us, {
       openedQuestion: d
     }), !s && /* @__PURE__ */ t(Ne, {
-      sponsorLogo: (l = (r = i.data) == null ? void 0 : r.sponsorship) == null ? void 0 : l.logo
+      sponsorLogo: (l = (a = i.data) == null ? void 0 : a.sponsorship) == null ? void 0 : l.logo
     })]
   });
 }, ms = /* @__PURE__ */ h("div")({
@@ -220,22 +220,22 @@ const ds = {
   scrollStore: n
 }) => {
   const o = D(null), {
-    data: a,
-    hasMore: r,
+    data: r,
+    hasMore: a,
     loading: l,
     key: d
   } = u(e.leaderboardList.$store), {
     data: i
   } = u(e.deepLink.$store), [c, p] = Ce(o);
-  return !a.length && !l ? /* @__PURE__ */ t(gs, {
+  return !r.length && !l ? /* @__PURE__ */ t(gs, {
     deepLink: i
   }) : /* @__PURE__ */ g(L, {
     children: [/* @__PURE__ */ t(we, {
-      items: a,
+      items: r,
       scrollNode: s,
       scrollStore: n,
       fetchMore: e.leaderboardList.fetchMore,
-      hasMore: r,
+      hasMore: a,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
     }, d), i && /* @__PURE__ */ t(fs, {
@@ -254,18 +254,18 @@ const ds = {
   var s;
   const [n, o] = E(void 0);
   return k(() => {
-    const a = e.$store.subscribe((r) => {
-      r && o(r);
+    const r = e.$store.subscribe((a) => {
+      a && o(a);
     });
     return () => {
-      a();
+      r();
     };
   }, [e]), /* @__PURE__ */ t(le, { loading: !(n != null && n.summary), ...n == null ? void 0 : n.summary, successRate: (s = n == null ? void 0 : n.percentage) == null ? void 0 : s.correct });
-}, bs = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: a, style: r, responsiveStore: l }) => {
+}, bs = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: r, style: a, responsiveStore: l }) => {
   const { tabsShown: d } = u(n, { keys: ["tabsShown"] }), [i, c] = E(q.HOME), [, p] = ss(), { sdkInDesktopView: v, screen: f } = u(l, { keys: ["sdkInDesktopView"] }), N = (S) => {
     p(() => {
       var y;
-      c(S), v === !1 && (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, f.size, { behavior: "instant" });
+      c(S), v === !1 && (((y = r.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(r, f.size, { behavior: "instant" });
     });
   };
   k(() => n.subscribe((S) => {
@@ -276,7 +276,7 @@ const ds = {
     l.get().sdkInDesktopView ? n.setKey("tabsShown", S.scrollDirection === "backward") : n.setKey("tabsShown", S.scrollDirection === "forward");
   }), [n, l]);
   let b = "0px";
-  return v ? b = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : b = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ g(Le, { className: s, style: r, children: [
+  return v ? b = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : b = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ g(Le, { className: s, style: a, children: [
     /* @__PURE__ */ t(
       Te,
       {
@@ -311,22 +311,22 @@ const ds = {
   scrollStore: s,
   className: n,
   appNode: o,
-  scrollNode: a,
-  responsiveStore: r
+  scrollNode: r,
+  responsiveStore: a
 }) => /* @__PURE__ */ t(bs, {
   appNode: o,
   scrollStore: s,
-  scrollNode: a,
+  scrollNode: r,
   className: n,
   gamification: e,
-  responsiveStore: r
+  responsiveStore: a
 }), As = ({
   gamification: e,
   className: s,
   appNode: n,
   responsiveStore: o
 }) => {
-  const a = u(e.openedQuestion.$store), r = u(e.openedUser), {
+  const r = u(e.openedQuestion.$store), a = u(e.openedUser), {
     sdkInDesktopView: l
   } = u(o, {
     keys: ["sdkInDesktopView"]
@@ -334,27 +334,27 @@ const ds = {
     hiding: d,
     onAnimationEnd: i
   } = Pe();
-  if (!n.current || !a && !r)
+  if (!n.current || !r && !a)
     return null;
-  const c = a ? /* @__PURE__ */ t(oe, {
+  const c = r ? /* @__PURE__ */ t(oe, {
     className: s,
     hiding: d,
     onAnimationEnd: i,
     children: /* @__PURE__ */ t(vs, {
       gamification: e
     })
-  }) : r ? /* @__PURE__ */ t(oe, {
+  }) : a ? /* @__PURE__ */ t(oe, {
     className: s,
     hiding: d,
     onAnimationEnd: i,
     children: /* @__PURE__ */ g(Is, {
-      children: [/* @__PURE__ */ t(re, {
+      children: [/* @__PURE__ */ t(ae, {
         label: "Friend's Rank",
         close: e.closeUser
       }), /* @__PURE__ */ t(de, {
         children: /* @__PURE__ */ t(le, {
-          ...r,
-          successRate: Es(r)
+          ...a,
+          successRate: Es(a)
         })
       })]
     })
@@ -364,18 +364,18 @@ const ds = {
     useContainer: !l,
     children: c
   });
-}, Cs = ns(() => import("./gamification-feature.js")), ws = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: a, scrollNode: r, responsiveStore: l }) => {
+}, Cs = ns(() => import("./gamification-feature.js")), ws = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: r, scrollNode: a, responsiveStore: l }) => {
   const d = $(() => s && s.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ t(cs, { className: n, sdk: e, feature: s, children: /* @__PURE__ */ t(
     Cs,
     {
-      appNode: a,
+      appNode: r,
       scrollStore: o,
-      scrollNode: r,
+      scrollNode: a,
       className: n,
       responsiveStore: l,
       gamification: s
     }
-  ) }) : null, [e, s, n, l, o, r, a]);
+  ) }) : null, [e, s, n, l, o, a, r]);
   return /* @__PURE__ */ t(
     ts,
     {
@@ -399,10 +399,10 @@ const ds = {
   sdk: e,
   className: s
 }, n) => {
-  const o = u(e.sdkStore.organizationSettings), a = u(e.sdkStore.streamSettings), r = u(e.getActiveFeature()), l = $(() => {
-    const i = (a == null ? void 0 : a.data) || (o == null ? void 0 : o.data);
+  const o = u(e.sdkStore.organizationSettings), r = u(e.sdkStore.streamSettings), a = u(e.getActiveFeature()), l = $(() => {
+    const i = (r == null ? void 0 : r.data) || (o == null ? void 0 : o.data);
     return i != null && i.overlays ? i.overlays : [];
-  }, [o, a]), d = $(() => [...l.filter(({
+  }, [o, r]), d = $(() => [...l.filter(({
     enableSdkButton: i,
     type: c
   }) => c === w.GAMES || i).map((i) => ({
@@ -424,20 +424,20 @@ const ds = {
         id: "Channels",
         onClick: () => e.closeFeature(),
         label: "Channels",
-        active: r === 0
+        active: a === 0
       }, "Channels"), ...d.map((i) => i.id === w.GAMES ? /* @__PURE__ */ t(O, {
         ...i,
-        active: i.id === r,
+        active: i.id === a,
         label: "StreamLayer +",
         id: "featuredGroups",
         icon: /* @__PURE__ */ t(Ls, {
           name: "icon-btn-feature-groups",
-          "data-selected": i.id === r
+          "data-selected": i.id === a
         })
       }, i.id) : /* @__PURE__ */ t(O, {
         ...i,
         icon: void 0,
-        active: i.id === r
+        active: i.id === a
       }, i.id))]
     }), !d.length && /* @__PURE__ */ t(H, {
       children: [/* @__PURE__ */ t(O, {
@@ -487,11 +487,11 @@ const ds = {
   class: "a1h1bk90",
   propsAsIs: !1
 }), ie = ({ close: e, action: s, onboarding: n }) => {
-  var o, a, r, l, d, i, c, p;
+  var o, r, a, l, d, i, c, p;
   return /* @__PURE__ */ g(Os, { children: [
     /* @__PURE__ */ t(xs, { onClick: e, children: /* @__PURE__ */ t(Vs, { name: "icon-cross" }) }),
-    ((a = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : a.sponsorLogo) && /* @__PURE__ */ g(Ps, { children: [
-      /* @__PURE__ */ t(qs, { alt: "sponsor-logo", src: (l = (r = n == null ? void 0 : n.titleCard) == null ? void 0 : r.media) == null ? void 0 : l.sponsorLogo }),
+    ((r = (o = n == null ? void 0 : n.titleCard) == null ? void 0 : o.media) == null ? void 0 : r.sponsorLogo) && /* @__PURE__ */ g(Ps, { children: [
+      /* @__PURE__ */ t(qs, { alt: "sponsor-logo", src: (l = (a = n == null ? void 0 : n.titleCard) == null ? void 0 : a.media) == null ? void 0 : l.sponsorLogo }),
       /* @__PURE__ */ t(_s, { children: "PRESENTS" })
     ] }),
     ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title) && /* @__PURE__ */ t(Fs, { children: (i = n == null ? void 0 : n.titleCard) == null ? void 0 : i.title }),
@@ -524,7 +524,7 @@ const ds = {
   name: "OnboardingNotificationContainer",
   class: "o1vnouv7",
   propsAsIs: !0
-}), ae = /* @__PURE__ */ h("div")({
+}), re = /* @__PURE__ */ h("div")({
   name: "InnerContainer",
   class: "i59uefw",
   propsAsIs: !1
@@ -533,17 +533,17 @@ const ds = {
   onboardingOpts: s,
   notification: n,
   gamification: o,
-  loading: a,
-  sdk: r
+  loading: r,
+  sdk: a
 }) => {
   var l, d, i, c, p, v, f;
   const N = u(o.friends.getStore()), [b, S] = E(void 0), y = $(() => {
     var A, T;
-    const B = r.getInviter();
+    const B = a.getInviter();
     return B ? (T = (A = N.data) == null ? void 0 : A.find(({
       slId: ge
     }) => ge === B)) == null ? void 0 : T.name : "";
-  }, [N.data, r]);
+  }, [N.data, a]);
   return k(() => {
     const A = e.$store.subscribe((T) => {
       T && S(T.data);
@@ -553,7 +553,7 @@ const ds = {
     };
   }, [e.$store]), /* @__PURE__ */ t(Ms, {
     children: /* @__PURE__ */ t(Fe, {
-      loading: a,
+      loading: r,
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -579,7 +579,7 @@ const ds = {
         (A = n.close) == null || A.call(n);
       },
       gamification: o,
-      sdk: r,
+      sdk: a,
       inviterName: y
     })
   });
@@ -588,8 +588,8 @@ const ds = {
   notification: s,
   saveHeight: n,
   style: o,
-  appNode: a,
-  sdkInDesktopView: r,
+  appNode: r,
+  sdkInDesktopView: a,
   responsiveStore: l
 }) => {
   const d = D(null), i = s.data.onboarding, [c, p] = E(i == null ? void 0 : i.instantOpen), v = e.getFeature(w.GAMES), f = $(() => K == null ? void 0 : K.map(({
@@ -607,9 +607,9 @@ const ds = {
     loading: b,
     throttled: S
   } = _e(f);
-  return c && v && i && a.current && !S ? /* @__PURE__ */ t(ce, {
-    container: a,
-    useContainer: !r,
+  return c && v && i && r.current && !S ? /* @__PURE__ */ t(ce, {
+    container: r,
+    useContainer: !a,
     children: /* @__PURE__ */ t(Ws, {
       notification: s,
       setOpened: p,
@@ -617,11 +617,11 @@ const ds = {
       onboardingOpts: i,
       deepLink: v.deepLink,
       loading: b,
-      renderToNode: a,
+      renderToNode: r,
       sdk: e
     })
   }) : /* @__PURE__ */ g(L, {
-    children: [/* @__PURE__ */ t(ae, {
+    children: [/* @__PURE__ */ t(re, {
       ref: d,
       style: {
         position: "absolute",
@@ -637,12 +637,12 @@ const ds = {
     }), /* @__PURE__ */ t(zs, {
       style: o,
       hiding: s.hiding,
-      children: /* @__PURE__ */ t(ae, {
+      children: /* @__PURE__ */ t(re, {
         children: /* @__PURE__ */ t(ie, {
           close: s.close,
           action: () => {
             var y;
-            p(!0), (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, N.size, {
+            p(!0), (((y = r.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(r, N.size, {
               behavior: "smooth"
             });
           },
@@ -672,7 +672,7 @@ const ds = {
   class: "p1lha68t",
   propsAsIs: !0
 }), en = (e) => {
-  const [s, n] = E(0), o = D(null), a = V((l) => {
+  const [s, n] = E(0), o = D(null), r = V((l) => {
     o.current = l;
   }, []);
   k(() => {
@@ -680,17 +680,17 @@ const ds = {
     const d = (l = o.current) == null ? void 0 : l.getBoundingClientRect();
     d && n(d.height);
   }, [e]);
-  const r = V((l) => {
+  const a = V((l) => {
     n(l);
   }, []);
-  return [a, s, r];
+  return [r, s, a];
 }, sn = ({
   sdk: e,
   notification: s,
   appNode: n,
   responsiveStore: o
 }) => {
-  var a, r;
+  var r, a;
   const {
     sdkInDesktopView: l
   } = u(o, {
@@ -719,7 +719,7 @@ const ds = {
         })
       }), /* @__PURE__ */ t(Ys, {}, s.id)]
     })]
-  }) : s.type === R.QUESTION_RESOLVED && (r = (a = s.data) == null ? void 0 : a.question) != null && r.predictionResult ? /* @__PURE__ */ t(Me, {
+  }) : s.type === R.QUESTION_RESOLVED && (a = (r = s.data) == null ? void 0 : r.question) != null && a.predictionResult ? /* @__PURE__ */ t(Me, {
     style: {
       height: s.hiding ? 0 : c
     },
@@ -743,14 +743,14 @@ const ds = {
   setPill: s,
   appNode: n,
   headerNode: o,
-  scrollNode: a,
-  responsiveStore: r,
+  scrollNode: r,
+  responsiveStore: a,
   scrollStore: l
 }) => {
   var d, i;
   const {
     screen: c
-  } = u(r, {
+  } = u(a, {
     keys: ["screen"]
   }), {
     tabsShown: p,
@@ -759,14 +759,14 @@ const ds = {
     keys: ["tabsShown", "scrollPosition"]
   });
   k(() => {
-    r.get().sdkInDesktopView ? v < 50 && s(null) : v > -50 && s(null);
-  }, [v, r, s]);
-  const f = r.get().sdkInDesktopView ? n : o;
+    a.get().sdkInDesktopView ? v < 50 && s(null) : v > -50 && s(null);
+  }, [v, a, s]);
+  const f = a.get().sdkInDesktopView ? n : o;
   return !e || !f.current ? null : Ue.createPortal(/* @__PURE__ */ t(Js, {
     title: e.type === R.QUESTION_RESOLVED ? "Prediction result" : `New ${((i = ze[(d = e.data) == null ? void 0 : d.questionType]) == null ? void 0 : i.label) || "notification"}`,
     onClick: () => {
       var N;
-      r.get().sdkInDesktopView ? (N = a.current) == null || N.scrollTo({
+      a.get().sdkInDesktopView ? (N = r.current) == null || N.scrollTo({
         top: 0,
         behavior: "smooth"
       }) : M(n, c.size, {
@@ -780,8 +780,8 @@ const ds = {
   headerNode: s,
   scrollNode: n,
   responsiveStore: o,
-  appNode: a,
-  scrollStore: r
+  appNode: r,
+  scrollStore: a
 }) => {
   const [l] = E(e.getNotificationsStore()), d = u(l), [i, c] = E(null), p = $(() => e.getActiveNotification(), [e, d]);
   return k(() => {
@@ -794,30 +794,30 @@ const ds = {
     });
   }, [p]), k(() => {
     p && (o.get().sdkInDesktopView || o.get().sdkInView) && (!o.get().sdkInDesktopView && o.get().sdkInView && c(p), o.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      r.get().scrollPosition !== 0 && c(p);
+      a.get().scrollPosition !== 0 && c(p);
     }));
   }, [p]), k(() => {
     p || c(null);
   }, [p]), /* @__PURE__ */ g(L, {
     children: [!i && p && /* @__PURE__ */ t(sn, {
       headerNode: s,
-      appNode: a,
+      appNode: r,
       sdk: e,
       notification: p,
       responsiveStore: o
     }), i && /* @__PURE__ */ t(tn, {
       pill: i,
       setPill: c,
-      appNode: a,
+      appNode: r,
       notification: p,
       headerNode: s,
       scrollNode: n,
-      scrollStore: r,
+      scrollStore: a,
       responsiveStore: o
     })]
   });
-}, an = (e) => {
-  const s = D(""), [n, o] = E(!1), a = u(e.status), r = u(e.sdkStore.slStreamId), l = u(e.userId()), d = u(e.getActiveFeature()), i = a === "ready" && !!r.data;
+}, rn = (e) => {
+  const s = D(""), [n, o] = E(!1), r = u(e.status), a = u(e.sdkStore.slStreamId), l = u(e.userId()), d = u(e.getActiveFeature()), i = r === "ready" && !!a.data;
   k(() => {
     const v = e.getFeature(w.GAMES);
     v && (v.closeQuestion(), v.closeUser());
@@ -857,24 +857,24 @@ const ds = {
     deactivate: p,
     isLogged: !!l
   };
-}, rn = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: a, responsiveStore: r }) => {
+}, an = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: r, responsiveStore: a }) => {
   const [, l] = je(e);
   return /* @__PURE__ */ t(
     ws,
     {
       className: s,
-      scrollNode: a,
+      scrollNode: r,
       appNode: o,
       scrollStore: n,
       feature: l,
-      responsiveStore: r,
+      responsiveStore: a,
       sdk: e
     }
   );
 }, ln = ({ sdk: e, className: s, appNode: n, responsiveStore: o }) => {
-  const a = u(e.featuresList.getStore());
-  return a ? Array.from(a, (r) => {
-    const l = e.getFeature(r);
+  const r = u(e.featuresList.getStore());
+  return r ? Array.from(r, (a) => {
+    const l = e.getFeature(a);
     return l ? /* @__PURE__ */ t(
       $s,
       {
@@ -884,19 +884,19 @@ const ds = {
         responsiveStore: o,
         sdk: e
       },
-      r
+      a
     ) : null;
   }) : null;
 }, dn = ({ sdk: e, event: s }) => {
-  const n = D(null), o = D(null), [a] = We(n), [r, l] = Be(n, a), { sdkEnabled: d, sdkReady: i, activateEventWithId: c, deactivate: p, isLogged: v } = an(e);
+  const n = D(null), o = D(null), [r] = We(n), [a, l] = Be(n, r), { sdkEnabled: d, sdkReady: i, activateEventWithId: c, deactivate: p, isLogged: v } = rn(e);
   k(() => {
     s ? (e.createEventSession(s), c(s)) : p();
-  }, [s, c, p, e]), _(n, { enabled: d, event: "click", listener: Xe }), _(r, {
+  }, [s, c, p, e]), _(n, { enabled: d, event: "click", listener: Xe }), _(a, {
     enabled: d,
     event: "scrollend",
     listener: Ye,
     useDomNode: !0
-  }), _(r, {
+  }), _(a, {
     enabled: d,
     event: "click",
     listener: Ze,
@@ -907,30 +907,30 @@ const ds = {
     import("./gamification-feature.js");
   }, []), /* @__PURE__ */ t(ve.Provider, { value: f, children: /* @__PURE__ */ g(Ge, { ref: n, children: [
     d && /* @__PURE__ */ t(Ts, { className: F, sdk: e, ref: o }),
-    /* @__PURE__ */ g(He, { className: "sl-hide-on-modal", ref: r, "data-nav": d.toString(), children: [
+    /* @__PURE__ */ g(He, { className: "sl-hide-on-modal", ref: a, "data-nav": d.toString(), children: [
       i && /* @__PURE__ */ t(
         on,
         {
           sdk: e,
-          scrollNode: r,
+          scrollNode: a,
           headerNode: o,
           appNode: n,
           scrollStore: l,
-          responsiveStore: a
+          responsiveStore: r
         }
       ),
       i && /* @__PURE__ */ t(
-        rn,
+        an,
         {
           scrollStore: l,
-          responsiveStore: a,
-          scrollNode: r,
+          responsiveStore: r,
+          scrollNode: a,
           appNode: n,
           className: F,
           sdk: e
         }
       ),
-      i && /* @__PURE__ */ t(ln, { responsiveStore: a, appNode: n, className: F, sdk: e })
+      i && /* @__PURE__ */ t(ln, { responsiveStore: r, appNode: n, className: F, sdk: e })
     ] }),
     d && !v && /* @__PURE__ */ t(
       "div",
@@ -951,7 +951,7 @@ const ds = {
 };
 export {
   gn as E,
-  an as F,
+  rn as F,
   kn as S,
   cn as d,
   fn as u

package/lib/es/masters2.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as L, Fragment as E } from "react/jsx-runtime";
-import { u as C, F as r2, s as u, T as j, i as i2, p as a2, b as l2, N as d2, k as c2, M as p2, g as u2, S as C2, C as v2, h as h2, O as K, m as x, l as m2, j as g2, n as L2, o as X, q as f2, r as S2, t as y2, v as U, w as k2, x as J, y as _, I as e2, c as P, z as N2, A as b2, B as z, D as A2, E as I2, G as $2, e as E2, H as T, J as q, K as V2, P as w2, R as R2, a as H2, U as Q, V as T2, W as x2, L as F, X as F2, Y as D2, Z as M2, _ as O2, f as D, $ as U2, a0 as _2, a1 as P2, a2 as B2, a3 as G2 } from "./provider.js";
+import { u as C, F as r2, s as u, T as j, i as i2, p as a2, b as l2, N as d2, k as c2, M as p2, f as u2, S as C2, C as v2, g as h2, O as K, m as x, l as m2, h as g2, j as L2, n as X, o as f2, q as S2, r as y2, t as U, w as k2, x as J, y as _, I as e2, c as P, z as N2, A as b2, B as z, D as A2, E as I2, G as $2, e as E2, H as T, J as q, K as V2, P as w2, R as R2, a as H2, U as Q, V as T2, W as x2, L as F, X as F2, Y as D2, Z as M2, _ as O2, v as D, $ as U2, a0 as _2, a1 as P2, a2 as B2, a3 as G2 } from "./provider.js";
 import { createContext as z2, useContext as s2, useRef as $, useState as b, useEffect as k, useTransition as q2, lazy as Q2, useMemo as H, Suspense as Z2, forwardRef as Y2, useLayoutEffect as W2, useCallback as R, Component as j2 } from "react";
 import { Q as K2, S as I } from "./useStreamLayerApp2.js";
 const M = /* @__PURE__ */ u("div")({

package/lib/es/points.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useState as p, useEffect as u } from "react";
-import { s as t, c as m, f as d, d as f, u as S, F as y } from "./provider.js";
-import { u as v, d as h } from "./index2.js";
+import { s as t, c as m, v as d, d as S, u as f, F as v } from "./provider.js";
+import { u as y, d as h } from "./index2.js";
 import { S as g } from "./useStreamLayerApp2.js";
 const A = /* @__PURE__ */ t("div")({
   name: "PointsContainer",
@@ -31,7 +31,7 @@ const A = /* @__PURE__ */ t("div")({
   /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(k, { name: "icon-trophy" }) }),
   /* @__PURE__ */ a(b, { children: [
     /* @__PURE__ */ r(x, { children: "Total points" }),
-    /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(f, { value: s }) })
+    /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(S, { value: s }) })
   ] })
 ] }), L = ({ gamification: s }) => {
   const e = s.userSummary.$store, [i, l] = p(0);
@@ -44,15 +44,15 @@ const A = /* @__PURE__ */ t("div")({
       c();
     };
   }, [e]), /* @__PURE__ */ r(F, { points: i, onClick: () => {
-    s.status.get() === y.Suspended && s.openFeature();
+    s.status.get() === v.Suspended && s.openFeature();
   } });
 }, $ = ({ sdk: s }) => {
-  if (!S(s.featuresList.getStore()))
+  if (!f(s.featuresList.getStore()))
     return null;
   const e = s.getFeature(g.GAMES);
   return e ? /* @__PURE__ */ r(L, { gamification: e }) : null;
 }, K = () => {
-  const s = v();
+  const s = y();
   return s ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r($, { sdk: s }) }) }) : null;
 };
 export {