@streamlayer/react 1.24.6 → 1.24.8

package/lib/es/index2.js

@@ -2,21 +2,18 @@ import { h as ye } from "./index7.js";
 import { jsx as o, jsxs as v, Fragment as R } from "react/jsx-runtime";
 import { u as f, F as Ne, s as p, b as Se, c as w, a as T, N as M } from "./feature.js";
 import { l as we, S as $e, m as Ae, d as Ce, n as Ee, C as Re, y as xe, a as Le, f as V, p as De, c as Te } from "./index13.js";
-import { M as Oe, b as _e, Q as Me, z as me, c as he, T as fe, I as Be, n as Ue, f as Pe, w as Q, a as Fe, p as ze } from "./index16.js";
+import { M as Oe, b as _e, Q as Me, z as me, c as he, T as fe, I as Ue, n as Be, f as Pe, w as Q, a as Fe, p as ze } from "./index16.js";
 import F from "lodash.throttle";
-import { useState as N, useEffect as I, useRef as E, PureComponent as Ve, useCallback as z, useMemo as $, Suspense as qe, lazy as je, forwardRef as ve, useLayoutEffect as Qe, useContext as K } from "react";
-import { A as L } from "./index9.js";
-import { f as ge, u as Ke, A as He, a as We } from "./analytics.js";
+import { useState as N, useEffect as I, useRef as E, PureComponent as Ve, useCallback as z, useMemo as $, Suspense as qe, lazy as je, forwardRef as ve, useLayoutEffect as Qe, useContext as H } from "react";
+import { A as L } from "./index8.js";
+import { f as ge, u as He, A as Ke, a as We } from "./analytics.js";
 import { m as O } from "./theme.js";
-import "nanostores";
 import { p as q, _ as Ge, e as Je } from "./Question.js";
 import { O as Ze } from "./index12.js";
-import { B as x } from "./index8.js";
-import { I as Xe, S as y, f as C, h as H, Q as U } from "./useStreamLayerApp2.js";
+import { H as x } from "./index5.js";
+import { I as Xe, S as y, g as C, j as K, Q as B } from "./useStreamLayerApp2.js";
 import Ye from "react-infinite-scroller";
-import { I as et, s as tt, e as st } from "./index11.js";
-import "uuid";
-import "@nanostores/query";
+import { I as et, s as tt, e as st } from "./index10.js";
 import "./storage.js";
 import "./index6.js";
 import { createPortal as nt } from "react-dom";
@@ -37,18 +34,18 @@ const J = Object.keys(L), Z = () => {
     name: t,
     size: L[t]
   };
-}, X = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, B = () => window.matchMedia("(orientation: landscape)").matches, it = (e) => {
+}, X = (e) => (e.current?.getBoundingClientRect().y || 0) < -68, U = () => window.matchMedia("(orientation: landscape)").matches, it = (e) => {
   const [t] = N(() => ge({
     screen: Z(),
     sdkInView: X(e),
-    sdkInDesktopView: B()
+    sdkInDesktopView: U()
   }));
   return I(() => {
     const s = F(() => {
       t.setKey("sdkInView", X(e));
     }, 200), a = F(() => {
       const n = Z();
-      t.setKey("screen", n), t.setKey("sdkInDesktopView", B());
+      t.setKey("screen", n), t.setKey("sdkInDesktopView", U());
     }, 200);
     return window.addEventListener("scroll", s), window.addEventListener("resize", a), () => {
       window.removeEventListener("scroll", s), window.removeEventListener("resize", a);
@@ -69,7 +66,7 @@ const J = Object.keys(L), Z = () => {
     })
   ), r = f(t);
   return I(() => {
-    const d = B() ? s.current : window;
+    const d = U() ? s.current : window;
     if (!d)
       return () => {
       };
@@ -78,7 +75,7 @@ const J = Object.keys(L), Z = () => {
       if (!c)
         return;
       let u = 0;
-      B() ? u = c.scrollTop : u = e.current?.getBoundingClientRect().y || 0;
+      U() ? u = c.scrollTop : u = e.current?.getBoundingClientRect().y || 0;
       const m = a.current - u;
       if (lt > Math.abs(m))
         return;
@@ -182,7 +179,7 @@ const Y = ({ title: e, active: t, onClick: s }) => /* @__PURE__ */ o(mt, { "data
   class: "awohrz6",
   propsAsIs: !0
 }), wt = ({ title: e, description: t, onClick: s, className: a }) => {
-  const [n] = Ke({
+  const [n] = He({
     type: "invitation",
     action: "sent",
     payload: {
@@ -348,7 +345,7 @@ const xt = /* @__PURE__ */ p("div")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
-}), Bt = () => x, Ut = /* @__PURE__ */ p(Bt())({
+}), Ut = () => x, Bt = /* @__PURE__ */ p(Ut())({
   name: "CurrentUserBadge",
   class: "c17uc4zr",
   propsAsIs: !0
@@ -366,7 +363,7 @@ const xt = /* @__PURE__ */ p("div")({
     t ? /* @__PURE__ */ o(Dt, { alt: "leaderboard-item-avatar", src: t }) : /* @__PURE__ */ o(Tt, { children: et(s || "") }),
     /* @__PURE__ */ v(_t, { children: [
       /* @__PURE__ */ o(Mt, { children: s || "" }),
-      r && /* @__PURE__ */ o(Ut, { name: "icon-star" })
+      r && /* @__PURE__ */ o(Bt, { name: "icon-star" })
     ] })
   ] }),
   /* @__PURE__ */ o("div", { children: tt(n) })
@@ -452,7 +449,7 @@ const xt = /* @__PURE__ */ p("div")({
       })
     }), m]
   });
-}, Kt = ({
+}, Ht = ({
   gamification: e,
   scrollNode: t,
   scrollStore: s
@@ -461,7 +458,7 @@ const xt = /* @__PURE__ */ p("div")({
   gamification: e,
   scrollNode: t,
   scrollStore: s
-}) : null, Ht = ({ store: e, openQuestion: t, withPickHistory: s }) => {
+}) : null, Kt = ({ store: e, openQuestion: t, withPickHistory: s }) => {
   const { sdk: a } = q(), n = f(e);
   return I(() => {
     s.set(!0);
@@ -505,7 +502,7 @@ const xt = /* @__PURE__ */ p("div")({
     c === D.HOME && /* @__PURE__ */ v(R, { children: [
       /* @__PURE__ */ o(Ae, { children: /* @__PURE__ */ o(Ce, { children: /* @__PURE__ */ o(Wt, { userSummary: e.userSummary }) }) }),
       /* @__PURE__ */ o(Ee, { style: { flex: 1 }, children: /* @__PURE__ */ o(
-        Ht,
+        Kt,
         {
           openQuestion: e.openQuestion,
           store: e.feedList.getStore(),
@@ -513,7 +510,7 @@ const xt = /* @__PURE__ */ p("div")({
         }
       ) })
     ] }),
-    c === D.LEADERBOARD && /* @__PURE__ */ o(Re, { children: /* @__PURE__ */ o(Kt, { scrollStore: s, scrollNode: a, gamification: e }) })
+    c === D.LEADERBOARD && /* @__PURE__ */ o(Re, { children: /* @__PURE__ */ o(Ht, { scrollStore: s, scrollNode: a, gamification: e }) })
   ] });
 }, Jt = () => V, te = /* @__PURE__ */ p(Jt())({
   name: "OpenedContainer",
@@ -529,7 +526,7 @@ const xt = /* @__PURE__ */ p("div")({
 }) => {
   const s = e + t;
   return s === 0 ? 0 : Math.round(e / s * 100);
-}, Dn = ({
+}, Rn = ({
   gamification: e,
   scrollStore: t,
   className: s,
@@ -667,7 +664,7 @@ var ne;
 T("grpc:stream");
 C.Unknown, C.Internal, C.DeadlineExceeded, C.ResourceExhausted, C.FailedPrecondition, C.Unavailable, C.DataLoss;
 T("grpc:retry");
-H(10, { description: "Number of attempts to retry" }), H(3e4, { description: "Max delay between retries in milliseconds" });
+K(10, { description: "Number of attempts to retry" }), K(3e4, { description: "Max delay between retries in milliseconds" });
 var S;
 (function(e) {
   e.SCHEMA = "schema", e.EXTERNAL_TOKEN = "eToken", e.TOKEN = "token";
@@ -723,7 +720,7 @@ var de;
 (function(e) {
   e.Unset = "unset", e.Required = "required", e.Optional = "optional", e.Completed = "completed", e.Disabled = "disabled", e.Unavailable = "unavailable";
 })(de || (de = {}));
-U.POLL, U.PREDICTION, U.TRIVIA;
+B.POLL, B.PREDICTION, B.TRIVIA;
 const rs = {
   [y.GAMES]: !0
 }, is = /* @__PURE__ */ p("div")({
@@ -908,7 +905,7 @@ const rs = {
   name: "Description",
   class: "d8uezec",
   propsAsIs: !1
-}), Bs = /* @__PURE__ */ p("button")({
+}), Us = /* @__PURE__ */ p("button")({
   name: "ActionButton",
   class: "a1h1bk90",
   propsAsIs: !1
@@ -920,7 +917,7 @@ const rs = {
   ] }),
   s?.titleCard?.title && /* @__PURE__ */ o(_s, { children: s?.titleCard?.title }),
   s?.titleCard?.subtitle && /* @__PURE__ */ o(Ms, { children: s?.titleCard?.subtitle }),
-  /* @__PURE__ */ o(Bs, { "data-a": "intr", onClick: t, children: "Play Now" })
+  /* @__PURE__ */ o(Us, { "data-a": "intr", onClick: t, children: "Play Now" })
 ] }), ke = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",
   tagline: "",
@@ -933,7 +930,7 @@ const rs = {
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",
   headline: "Win points and play against friends."
-}], Us = /* @__PURE__ */ p("div")({
+}], Bs = /* @__PURE__ */ p("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
   propsAsIs: !1
@@ -973,8 +970,8 @@ const rs = {
     return () => {
       m();
     };
-  }, [e.$store]), /* @__PURE__ */ v(Us, {
-    children: [/* @__PURE__ */ o(Ue, {
+  }, [e.$store]), /* @__PURE__ */ v(Bs, {
+    children: [/* @__PURE__ */ o(Be, {
       loading: n,
       rules: [{
         label: "Answer as many questions as you like.",
@@ -1026,7 +1023,7 @@ const rs = {
   const {
     loading: k,
     throttled: A
-  } = Be(h);
+  } = Ue(h);
   return c && m && i && n.current ? /* @__PURE__ */ o(fe, {
     container: n,
     useContainer: !r,
@@ -1079,7 +1076,7 @@ const rs = {
   name: "InnerContainer",
   class: "iqfywam",
   propsAsIs: !1
-}), Ks = () => be, Hs = /* @__PURE__ */ p(Ks())({
+}), Hs = () => be, Ks = /* @__PURE__ */ p(Hs())({
   name: "HiddenContainer",
   class: "hokmtod",
   propsAsIs: !0
@@ -1132,7 +1129,7 @@ const rs = {
   } = q(), [l, i, c] = Zs(t.id);
   let u = i;
   return n || (u = "auto"), t.type === M.QUESTION ? /* @__PURE__ */ v(R, {
-    children: [/* @__PURE__ */ o(Hs, {
+    children: [/* @__PURE__ */ o(Ks, {
       ref: l,
       children: /* @__PURE__ */ o(Q, {
         ...t
@@ -1312,7 +1309,7 @@ const rs = {
     activeFeature: h,
     isLogged: g
   } = sn(e), k = !!m;
-  He(r, {
+  Ke(r, {
     enabled: k,
     event: "click",
     listener: We
@@ -1376,13 +1373,13 @@ const rs = {
       })]
     })
   });
-}, Tn = ({ event: e, topNavigation: t, theme: s, muted: a, withSidebarNotification: n = !0 }) => {
-  const { sdk: r, status: d } = K(W), l = at(), i = rt(), { event: c } = K(W);
+}, xn = ({ event: e, topNavigation: t, theme: s, muted: a, withSidebarNotification: n = !0 }) => {
+  const { sdk: r, status: d } = H(W), l = at(), i = rt(), { event: c } = H(W);
   if (d === G.UNSET)
     throw new Error("Wrap app in `StreamLayerProvider`");
   return d === G.CONNECTED ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: "wait" }) : r === null ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : !l.app && !l.appNotification && !l.appSidebar || !l.app && !l.appSidebar && l.appNotification && !n ? null : /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(ye, { customTheme: s ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ o(an, { sdk: r, muted: a, event: c?.current || e, topNavigation: t }) }) });
 };
 export {
-  Dn as B,
-  Tn as D
+  Rn as B,
+  xn as D
 };

package/lib/es/index3.js

@@ -1,6 +1,36 @@
-import { E as e } from "./feature.js";
-import "nanostores";
-const s = new e();
+import { E as s } from "./feature.js";
+var a = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function c(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var n = e.default;
+  if (typeof n == "function") {
+    var t = function o() {
+      var r = !1;
+      try {
+        r = this instanceof o;
+      } catch {
+      }
+      return r ? Reflect.construct(n, arguments, this.constructor) : n.apply(this, arguments);
+    };
+    t.prototype = n.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var r = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, r.get ? r : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+const l = new s();
 export {
-  s as e
+  f as a,
+  a as c,
+  l as e,
+  c as g
 };

package/lib/es/index4.js

@@ -2,10 +2,10 @@ import { jsx as P, jsxs as F } from "react/jsx-runtime";
 import { s as _, u as Se, a as mt, c as Ee } from "./feature.js";
 import $, { forwardRef as Ae, useRef as D, useState as W, useEffect as X, useLayoutEffect as ht, createContext as je, useMemo as He, useCallback as Re, memo as gt } from "react";
 import vt from "lodash.throttle";
-import { B as te } from "./index8.js";
-import { d as wt } from "./index9.js";
+import { H as te } from "./index5.js";
+import { d as wt } from "./index8.js";
 import { Q as yt } from "./index13.js";
-import { e as bt, f as St, S as qe } from "./useStreamLayerApp2.js";
+import { f as bt, g as St, S as qe } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }