@streamlayer/react 1.3.1 → 1.3.3

package/lib/es/index2.js

@@ -1,12 +1,12 @@
 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 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 { C, h 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, 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, a 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, c 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 rs(e) {
+function as(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 rs(e) {
   e.name === "QuotaExceededError" || // Firefox
   e.name === "NS_ERROR_DOM_QUOTA_REACHED");
 }
-class as {
+class rs {
   constructor(s = "main", n = window.localStorage) {
     m(this, "delimiter", ":");
     m(this, "prefix");
@@ -28,8 +28,8 @@ class as {
       const n = s.pop() || "", o = this.generateKey(s);
       try {
         this.storage.setItem(o, n);
-      } catch (r) {
-        rs(r) && this.storage === window.sessionStorage && (window.sessionStorage.removeItem("slstreamlogs"), this.storage.setItem(o, n));
+      } catch (a) {
+        as(a) && 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 as {
+class ls extends rs {
   constructor() {
     super("user");
     // Schema
@@ -116,10 +116,10 @@ const ds = {
   sdk: s,
   children: n,
   className: o,
-  noWait: r
+  noWait: a
 }) => {
-  const a = u(e.status), l = u(s.sdkStore.slStreamId);
-  if (!r) {
+  const r = u(e.status), l = u(s.sdkStore.slStreamId);
+  if (!a) {
     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 (a !== ye.Ready)
+    if (r !== ye.Ready)
       return /* @__PURE__ */ t(Q, {
         className: o,
         children: "Wait feature..."
@@ -164,12 +164,12 @@ const ds = {
 }) => {
   const {
     loading: o,
-    data: r
+    data: a
   } = e;
-  return r ? /* @__PURE__ */ t(Ie, {
+  return a ? /* @__PURE__ */ t(Ie, {
     vote: s,
     close: n,
-    openedQuestion: r,
+    openedQuestion: a,
     isLoading: !!o
   }) : /* @__PURE__ */ t(Ee, {});
 }, vs = ({
@@ -178,16 +178,16 @@ const ds = {
   className: n,
   hideHeader: o
 }) => {
-  var r, a, l;
+  var a, r, 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(ae, {
+    children: [!o && /* @__PURE__ */ t(re, {
       close: e.closeQuestion,
-      type: ((r = d.attributes) == null ? void 0 : r.type) || x.UNSET
+      type: ((a = d.attributes) == null ? void 0 : a.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 = (a = i.data) == null ? void 0 : a.sponsorship) == null ? void 0 : l.logo
+      sponsorLogo: (l = (r = i.data) == null ? void 0 : r.sponsorship) == null ? void 0 : l.logo
     })]
   });
 }, ms = /* @__PURE__ */ h("div")({
@@ -220,22 +220,22 @@ const ds = {
   scrollStore: n
 }) => {
   const o = D(null), {
-    data: r,
-    hasMore: a,
+    data: a,
+    hasMore: r,
     loading: l,
     key: d
   } = u(e.leaderboardList.$store), {
     data: i
   } = u(e.deepLink.$store), [c, p] = Ce(o);
-  return !r.length && !l ? /* @__PURE__ */ t(gs, {
+  return !a.length && !l ? /* @__PURE__ */ t(gs, {
     deepLink: i
   }) : /* @__PURE__ */ g(L, {
     children: [/* @__PURE__ */ t(we, {
-      items: r,
+      items: a,
       scrollNode: s,
       scrollStore: n,
       fetchMore: e.leaderboardList.fetchMore,
-      hasMore: a,
+      hasMore: r,
       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 r = e.$store.subscribe((a) => {
-      a && o(a);
+    const a = e.$store.subscribe((r) => {
+      r && o(r);
     });
     return () => {
-      r();
+      a();
     };
   }, [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: r, style: a, responsiveStore: l }) => {
+}, bs = ({ gamification: e, className: s, scrollStore: n, scrollNode: o, appNode: a, style: r, 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 = r.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(r, f.size, { behavior: "instant" });
+      c(S), v === !1 && (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, 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: a, 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: r, children: [
     /* @__PURE__ */ t(
       Te,
       {
@@ -311,22 +311,22 @@ const ds = {
   scrollStore: s,
   className: n,
   appNode: o,
-  scrollNode: r,
-  responsiveStore: a
+  scrollNode: a,
+  responsiveStore: r
 }) => /* @__PURE__ */ t(bs, {
   appNode: o,
   scrollStore: s,
-  scrollNode: r,
+  scrollNode: a,
   className: n,
   gamification: e,
-  responsiveStore: a
+  responsiveStore: r
 }), As = ({
   gamification: e,
   className: s,
   appNode: n,
   responsiveStore: o
 }) => {
-  const r = u(e.openedQuestion.$store), a = u(e.openedUser), {
+  const a = u(e.openedQuestion.$store), r = u(e.openedUser), {
     sdkInDesktopView: l
   } = u(o, {
     keys: ["sdkInDesktopView"]
@@ -334,27 +334,27 @@ const ds = {
     hiding: d,
     onAnimationEnd: i
   } = Pe();
-  if (!n.current || !r && !a)
+  if (!n.current || !a && !r)
     return null;
-  const c = r ? /* @__PURE__ */ t(oe, {
+  const c = a ? /* @__PURE__ */ t(oe, {
     className: s,
     hiding: d,
     onAnimationEnd: i,
     children: /* @__PURE__ */ t(vs, {
       gamification: e
     })
-  }) : a ? /* @__PURE__ */ t(oe, {
+  }) : r ? /* @__PURE__ */ t(oe, {
     className: s,
     hiding: d,
     onAnimationEnd: i,
     children: /* @__PURE__ */ g(Is, {
-      children: [/* @__PURE__ */ t(ae, {
+      children: [/* @__PURE__ */ t(re, {
         label: "Friend's Rank",
         close: e.closeUser
       }), /* @__PURE__ */ t(de, {
         children: /* @__PURE__ */ t(le, {
-          ...a,
-          successRate: Es(a)
+          ...r,
+          successRate: Es(r)
         })
       })]
     })
@@ -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: r, scrollNode: a, responsiveStore: l }) => {
+}, Cs = ns(() => import("./gamification-feature.js")), ws = ({ sdk: e, feature: s, className: n, scrollStore: o, appNode: a, scrollNode: r, 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: r,
+      appNode: a,
       scrollStore: o,
-      scrollNode: a,
+      scrollNode: r,
       className: n,
       responsiveStore: l,
       gamification: s
     }
-  ) }) : null, [e, s, n, l, o, a, r]);
+  ) }) : null, [e, s, n, l, o, r, a]);
   return /* @__PURE__ */ t(
     ts,
     {
@@ -399,10 +399,10 @@ const ds = {
   sdk: e,
   className: s
 }, n) => {
-  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);
+  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);
     return i != null && i.overlays ? i.overlays : [];
-  }, [o, r]), d = $(() => [...l.filter(({
+  }, [o, a]), 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: a === 0
+        active: r === 0
       }, "Channels"), ...d.map((i) => i.id === w.GAMES ? /* @__PURE__ */ t(O, {
         ...i,
-        active: i.id === a,
+        active: i.id === r,
         label: "StreamLayer +",
         id: "featuredGroups",
         icon: /* @__PURE__ */ t(Ls, {
           name: "icon-btn-feature-groups",
-          "data-selected": i.id === a
+          "data-selected": i.id === r
         })
       }, i.id) : /* @__PURE__ */ t(O, {
         ...i,
         icon: void 0,
-        active: i.id === a
+        active: i.id === r
       }, 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, r, a, l, d, i, c, p;
+  var o, a, r, l, d, i, c, p;
   return /* @__PURE__ */ g(Os, { children: [
     /* @__PURE__ */ t(xs, { onClick: e, children: /* @__PURE__ */ t(Vs, { name: "icon-cross" }) }),
-    ((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 }),
+    ((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 }),
       /* @__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
-}), re = /* @__PURE__ */ h("div")({
+}), ae = /* @__PURE__ */ h("div")({
   name: "InnerContainer",
   class: "i59uefw",
   propsAsIs: !1
@@ -533,17 +533,17 @@ const ds = {
   onboardingOpts: s,
   notification: n,
   gamification: o,
-  loading: r,
-  sdk: a
+  loading: a,
+  sdk: r
 }) => {
   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 = a.getInviter();
+    const B = r.getInviter();
     return B ? (T = (A = N.data) == null ? void 0 : A.find(({
       slId: ge
     }) => ge === B)) == null ? void 0 : T.name : "";
-  }, [N.data, a]);
+  }, [N.data, r]);
   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: r,
+      loading: a,
       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: a,
+      sdk: r,
       inviterName: y
     })
   });
@@ -588,8 +588,8 @@ const ds = {
   notification: s,
   saveHeight: n,
   style: o,
-  appNode: r,
-  sdkInDesktopView: a,
+  appNode: a,
+  sdkInDesktopView: r,
   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 && r.current && !S ? /* @__PURE__ */ t(ce, {
-    container: r,
-    useContainer: !a,
+  return c && v && i && a.current && !S ? /* @__PURE__ */ t(ce, {
+    container: a,
+    useContainer: !r,
     children: /* @__PURE__ */ t(Ws, {
       notification: s,
       setOpened: p,
@@ -617,11 +617,11 @@ const ds = {
       onboardingOpts: i,
       deepLink: v.deepLink,
       loading: b,
-      renderToNode: r,
+      renderToNode: a,
       sdk: e
     })
   }) : /* @__PURE__ */ g(L, {
-    children: [/* @__PURE__ */ t(re, {
+    children: [/* @__PURE__ */ t(ae, {
       ref: d,
       style: {
         position: "absolute",
@@ -637,12 +637,12 @@ const ds = {
     }), /* @__PURE__ */ t(zs, {
       style: o,
       hiding: s.hiding,
-      children: /* @__PURE__ */ t(re, {
+      children: /* @__PURE__ */ t(ae, {
         children: /* @__PURE__ */ t(ie, {
           close: s.close,
           action: () => {
             var y;
-            p(!0), (((y = r.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(r, N.size, {
+            p(!0), (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, N.size, {
               behavior: "smooth"
             });
           },
@@ -672,7 +672,7 @@ const ds = {
   class: "p1lha68t",
   propsAsIs: !0
 }), en = (e) => {
-  const [s, n] = E(0), o = D(null), r = V((l) => {
+  const [s, n] = E(0), o = D(null), a = 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 a = V((l) => {
+  const r = V((l) => {
     n(l);
   }, []);
-  return [r, s, a];
+  return [a, s, r];
 }, sn = ({
   sdk: e,
   notification: s,
   appNode: n,
   responsiveStore: o
 }) => {
-  var r, a;
+  var a, r;
   const {
     sdkInDesktopView: l
   } = u(o, {
@@ -719,7 +719,7 @@ const ds = {
         })
       }), /* @__PURE__ */ t(Ys, {}, s.id)]
     })]
-  }) : s.type === R.QUESTION_RESOLVED && (a = (r = s.data) == null ? void 0 : r.question) != null && a.predictionResult ? /* @__PURE__ */ t(Me, {
+  }) : s.type === R.QUESTION_RESOLVED && (r = (a = s.data) == null ? void 0 : a.question) != null && r.predictionResult ? /* @__PURE__ */ t(Me, {
     style: {
       height: s.hiding ? 0 : c
     },
@@ -743,14 +743,14 @@ const ds = {
   setPill: s,
   appNode: n,
   headerNode: o,
-  scrollNode: r,
-  responsiveStore: a,
+  scrollNode: a,
+  responsiveStore: r,
   scrollStore: l
 }) => {
   var d, i;
   const {
     screen: c
-  } = u(a, {
+  } = u(r, {
     keys: ["screen"]
   }), {
     tabsShown: p,
@@ -759,14 +759,14 @@ const ds = {
     keys: ["tabsShown", "scrollPosition"]
   });
   k(() => {
-    a.get().sdkInDesktopView ? v < 50 && s(null) : v > -50 && s(null);
-  }, [v, a, s]);
-  const f = a.get().sdkInDesktopView ? n : o;
+    r.get().sdkInDesktopView ? v < 50 && s(null) : v > -50 && s(null);
+  }, [v, r, s]);
+  const f = r.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;
-      a.get().sdkInDesktopView ? (N = r.current) == null || N.scrollTo({
+      r.get().sdkInDesktopView ? (N = a.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: r,
-  scrollStore: a
+  appNode: a,
+  scrollStore: r
 }) => {
   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(() => {
-      a.get().scrollPosition !== 0 && c(p);
+      r.get().scrollPosition !== 0 && c(p);
     }));
   }, [p]), k(() => {
     p || c(null);
   }, [p]), /* @__PURE__ */ g(L, {
     children: [!i && p && /* @__PURE__ */ t(sn, {
       headerNode: s,
-      appNode: r,
+      appNode: a,
       sdk: e,
       notification: p,
       responsiveStore: o
     }), i && /* @__PURE__ */ t(tn, {
       pill: i,
       setPill: c,
-      appNode: r,
+      appNode: a,
       notification: p,
       headerNode: s,
       scrollNode: n,
-      scrollStore: a,
+      scrollStore: r,
       responsiveStore: o
     })]
   });
-}, 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;
+}, 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;
   k(() => {
     const v = e.getFeature(w.GAMES);
     v && (v.closeQuestion(), v.closeUser());
@@ -857,24 +857,24 @@ const ds = {
     deactivate: p,
     isLogged: !!l
   };
-}, an = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: r, responsiveStore: a }) => {
+}, rn = ({ sdk: e, className: s, scrollStore: n, appNode: o, scrollNode: a, responsiveStore: r }) => {
   const [, l] = je(e);
   return /* @__PURE__ */ t(
     ws,
     {
       className: s,
-      scrollNode: r,
+      scrollNode: a,
       appNode: o,
       scrollStore: n,
       feature: l,
-      responsiveStore: a,
+      responsiveStore: r,
       sdk: e
     }
   );
 }, ln = ({ sdk: e, className: s, appNode: n, responsiveStore: o }) => {
-  const r = u(e.featuresList.getStore());
-  return r ? Array.from(r, (a) => {
-    const l = e.getFeature(a);
+  const a = u(e.featuresList.getStore());
+  return a ? Array.from(a, (r) => {
+    const l = e.getFeature(r);
     return l ? /* @__PURE__ */ t(
       $s,
       {
@@ -884,19 +884,19 @@ const ds = {
         responsiveStore: o,
         sdk: e
       },
-      a
+      r
     ) : null;
   }) : null;
 }, dn = ({ sdk: e, event: s }) => {
-  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);
+  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);
   k(() => {
     s ? (e.createEventSession(s), c(s)) : p();
-  }, [s, c, p, e]), _(n, { enabled: d, event: "click", listener: Xe }), _(a, {
+  }, [s, c, p, e]), _(n, { enabled: d, event: "click", listener: Xe }), _(r, {
     enabled: d,
     event: "scrollend",
     listener: Ye,
     useDomNode: !0
-  }), _(a, {
+  }), _(r, {
     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: a, "data-nav": d.toString(), children: [
+    /* @__PURE__ */ g(He, { className: "sl-hide-on-modal", ref: r, "data-nav": d.toString(), children: [
       i && /* @__PURE__ */ t(
         on,
         {
           sdk: e,
-          scrollNode: a,
+          scrollNode: r,
           headerNode: o,
           appNode: n,
           scrollStore: l,
-          responsiveStore: r
+          responsiveStore: a
         }
       ),
       i && /* @__PURE__ */ t(
-        an,
+        rn,
         {
           scrollStore: l,
-          responsiveStore: r,
-          scrollNode: a,
+          responsiveStore: a,
+          scrollNode: r,
           appNode: n,
           className: F,
           sdk: e
         }
       ),
-      i && /* @__PURE__ */ t(ln, { responsiveStore: r, appNode: n, className: F, sdk: e })
+      i && /* @__PURE__ */ t(ln, { responsiveStore: a, appNode: n, className: F, sdk: e })
     ] }),
     d && !v && /* @__PURE__ */ t(
       "div",
@@ -951,7 +951,7 @@ const ds = {
 };
 export {
   gn as E,
-  rn as F,
+  an 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, 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 { 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, a 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, c 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,6 +1,6 @@
 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, v as d, d as S, u as f, F as v } from "./provider.js";
+import { useState as u, useEffect as c } from "react";
+import { s as t, a 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")({
@@ -34,14 +34,14 @@ const A = /* @__PURE__ */ t("div")({
     /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(S, { value: s }) })
   ] })
 ] }), L = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [i, l] = p(0);
-  return u(() => {
-    const c = e.subscribe((n) => {
+  const e = s.userSummary.$store, [i, l] = u(0);
+  return c(() => {
+    const p = e.subscribe((n) => {
       var o;
       (o = n == null ? void 0 : n.summary) != null && o.points && l(n.summary.points);
     });
     return () => {
-      c();
+      p();
     };
   }, [e]), /* @__PURE__ */ r(F, { points: i, onClick: () => {
     s.status.get() === v.Suspended && s.openFeature();