@streamlayer/react 1.23.1 → 1.24.0

package/lib/es/analytics.js

@@ -1,8 +1,8 @@
 import { useEffect as c } from "react";
 import { e as s } from "./index3.js";
-import { A as v } from "./sl-types.js";
-let o = [], r = 0;
-const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (i) => {
+import { A as v } from "./index9.js";
+let i = [], r = 0;
+const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
   let e = [], t = {
     get() {
       return t.lc || t.listen(() => {
@@ -11,24 +11,24 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (i) => {
     lc: 0,
     listen(n) {
       return t.lc = e.push(n), () => {
-        for (let a = r + u; a < o.length; )
-          o[a] === n ? o.splice(a, u) : a += u;
+        for (let o = r + u; o < i.length; )
+          i[o] === n ? i.splice(o, u) : o += u;
         let l = e.indexOf(n);
         ~l && (e.splice(l, 1), --t.lc || t.off());
       };
     },
     notify(n, l) {
-      let a = !o.length;
+      let o = !i.length;
       for (let f of e)
-        o.push(f, t.value, n, l);
-      if (a) {
-        for (r = 0; r < o.length; r += u)
-          o[r](
-            o[r + 1],
-            o[r + 2],
-            o[r + 3]
+        i.push(f, t.value, n, l);
+      if (o) {
+        for (r = 0; r < i.length; r += u)
+          i[r](
+            i[r + 1],
+            i[r + 2],
+            i[r + 3]
           );
-        o.length = 0;
+        i.length = 0;
       }
     },
     /* It will be called on last listener unsubscribing.
@@ -43,11 +43,11 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (i) => {
       let l = t.listen(n);
       return n(t.value), l;
     },
-    value: i
+    value: a
   };
   return t;
-}, b = /* @__NO_SIDE_EFFECTS__ */ (i = {}) => {
-  let e = /* @__PURE__ */ d(i);
+}, b = /* @__NO_SIDE_EFFECTS__ */ (a = {}) => {
+  let e = /* @__PURE__ */ d(a);
   return e.setKey = function(t, n) {
     let l = e.value;
     typeof n > "u" && t in e.value ? (e.value = { ...e.value }, delete e.value[t], e.notify(l, t)) : e.value[t] !== n && (e.value = {
@@ -55,8 +55,8 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (i) => {
       [t]: n
     }, e.notify(l, t));
   }, e;
-}, y = (i) => [(e) => (...t) => (i && s.emit(i == null ? void 0 : i.type, i), e ? e(t) : null)], h = (i) => {
-  const e = i.target;
+}, y = (a) => [(e) => (...t) => (a && s.emit(a?.type, a), e ? e(t) : null)], h = (a) => {
+  const e = a.target;
   e instanceof HTMLAnchorElement && e.target === "_blank" && e.getAttribute("data-a") === "web-link" && s.emit("poll", {
     action: "navigated",
     payload: {}
@@ -64,21 +64,21 @@ const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (i) => {
     action: "tap",
     payload: {}
   });
-}, A = (i, e) => {
+}, A = (a, e) => {
   const t = window.innerWidth < v.xl;
   c(() => {
-    const n = t && e.useDomNode ? document : i.current, l = (a) => {
-      e.listener(a, i);
+    const n = t && e.useDomNode ? document : a.current, l = (o) => {
+      e.listener(o, a);
     };
-    return e.enabled && (n == null || n.addEventListener(e.event, l)), () => {
-      n == null || n.removeEventListener(e.event, l);
+    return e.enabled && n?.addEventListener(e.event, l), () => {
+      n?.removeEventListener(e.event, l);
     };
   }, [t, e.enabled, e.listener]);
 };
 export {
-  h as A,
-  y as a,
-  A as b,
-  d as c,
-  b as f
+  A,
+  h as a,
+  d as b,
+  b as f,
+  y as u
 };

package/lib/es/auth.js

@@ -1,5 +1,5 @@
 import { useEffect as o } from "react";
-import { B as f } from "./hooks-WfHlJH12.js";
+import { Y as f } from "./hooks-n9ax4LRT.js";
 const p = ({ token: t, schema: i }) => {
   const r = f();
   return o(() => {

package/lib/es/bet-pack.js

@@ -1,20 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
-import { e as o } from "./index3.js";
-import { Q as i } from "./index4.js";
-import { useEffect as c } from "react";
-import { B as m } from "./hooks-WfHlJH12.js";
+import { jsx as o } from "react/jsx-runtime";
+import { e as i } from "./index3.js";
+import { useEffect as n } from "react";
+import "./sl-types.js";
+import { D as c } from "./index4.js";
+import { Y as m } from "./hooks-n9ax4LRT.js";
 const r = (t) => {
   const e = t.target;
-  e instanceof Element && e.getAttribute("data-a") === "intr" && o.emit("interactions", {
+  e instanceof Element && e.getAttribute("data-a") === "intr" && i.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, p = () => {
+}, l = () => {
   const t = m();
-  return c(() => (document == null || document.addEventListener("click", r), () => {
-    document == null || document.removeEventListener("click", r);
-  }), []), t ? /* @__PURE__ */ n(i, { sdk: t }) : null;
+  return n(() => (document?.addEventListener("click", r), () => {
+    document?.removeEventListener("click", r);
+  }), []), t ? /* @__PURE__ */ o(c, { sdk: t }) : null;
 };
 export {
-  p as BetPackProvider
+  l as BetPackProvider
 };

package/lib/es/feature.js

@@ -1,11 +1,8 @@
-var d = Object.defineProperty;
-var l = (t, e, s) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
-var n = (t, e, s) => l(t, typeof e != "symbol" ? e + "" : e, s);
-import { pino as c } from "pino";
+import { pino as a } from "pino";
 import "./sl-types.js";
 import "nanostores";
-import { S as o } from "./useStreamLayerApp2.js";
-const v = c({
+import { S as s } from "./useStreamLayerApp2.js";
+const d = a({
   level: "trace",
   enabled: typeof window < "u" && !!window.localStorage.getItem("SL_DEBUG"),
   browser: {
@@ -13,30 +10,24 @@ const v = c({
       console.log(t);
     }
   }
-}), w = (t, e) => v.child({ name: t }, e);
-class E extends Event {
-  constructor(s, i) {
-    super(s);
-    n(this, "slEventBus");
-    this.slEventBus = i;
+}), l = (t, e) => d.child({ name: t }, e);
+class c extends Event {
+  slEventBus;
+  constructor(e, n) {
+    super(e), this.slEventBus = n;
   }
 }
-const m = w("event-bus");
-class T {
+const v = l("event-bus");
+class h {
+  name;
+  listeners;
   constructor(e = "sl-event-bus") {
-    n(this, "name");
-    n(this, "listeners");
-    n(this, "emit", (e, s) => {
-      const i = new E(this.name, { ...s, type: e });
-      m.debug(i, "Emitting event"), window.dispatchEvent(i);
-    });
-    n(this, "destroy", () => {
-      this.listeners.forEach((e) => {
-        window.removeEventListener(this.name, e), this.listeners.delete(e);
-      }), this.listeners.clear();
-    });
     this.name = e, this.listeners = /* @__PURE__ */ new Set();
   }
+  emit = (e, n) => {
+    const i = new c(this.name, { ...n, type: e });
+    v.debug(i, "Emitting event"), window.dispatchEvent(i);
+  };
   listen(e) {
     return window.addEventListener(this.name, e), this.listeners.add(e), () => {
       this.off(e);
@@ -45,19 +36,24 @@ class T {
   off(e) {
     window.removeEventListener(this.name, e), this.listeners.delete(e);
   }
+  destroy = () => {
+    this.listeners.forEach((e) => {
+      window.removeEventListener(this.name, e), this.listeners.delete(e);
+    }), this.listeners.clear();
+  };
 }
 window.slStore = /* @__PURE__ */ Object.create(null);
-var r;
+var o;
 (function(t) {
   t.ORGANIZATION = "ORGANIZATION", t.STREAM = "STREAM";
-})(r || (r = {}));
-o.BETTING + "", o.GAMES + "", o.PUBLIC_CHAT + "", o.TWITTER + "";
-var a;
+})(o || (o = {}));
+s.BETTING + "", s.GAMES + "", s.PUBLIC_CHAT + "", s.TWITTER + "";
+var r;
 (function(t) {
   t.Ready = "ready", t.Suspended = "suspended";
-})(a || (a = {}));
+})(r || (r = {}));
 export {
-  T as E,
-  a as F,
-  w as c
+  h as E,
+  r as F,
+  l as c
 };

package/lib/es/hooks-n9ax4LRT.js

@@ -0,0 +1,97 @@
+import { useRef as w, useMemo as A, useEffect as r, useContext as l, useState as b, createContext as N } from "react";
+import { jsxs as O, jsx as T } from "react/jsx-runtime";
+import { z as L } from "./useStreamLayerApp2.js";
+const x = ({
+  event: e,
+  internal: i
+}) => {
+  const o = j(), n = I();
+  return r(() => {
+    o && (e && (o.createEventSession(e, i), n && (n.current = e)), !e && n?.current && (o.createEventSession("", i), n.current = ""));
+  }, [e, i, n, o]), null;
+};
+var M = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(M || {});
+const H = {
+  status: 0,
+  sdk: null
+}, d = N(H), F = ({
+  sdkKey: e,
+  theme: i,
+  themeMode: o,
+  plugins: n,
+  children: h,
+  event: v,
+  production: y = !0,
+  autoEnable: f = !0,
+  withAdNotification: C,
+  withAd: E = !0,
+  betPack: u = !1,
+  hideFriends: S,
+  skipOnboarding: c,
+  friendsTab: p = "enabled",
+  onDeepLinkHandled: s,
+  videoPlayerController: a,
+  onContentActivate: g,
+  containerId: k,
+  webOS: D,
+  gamification: K
+}) => {
+  const t = L({
+    sdkKey: e,
+    plugins: n,
+    production: y,
+    autoEnable: f,
+    onDeepLinkHandled: s,
+    videoPlayerController: a,
+    onContentActivate: g,
+    hideFriends: S,
+    skipOnboarding: c,
+    withAdNotification: C,
+    withAd: E,
+    friendsTab: p,
+    betPack: u,
+    webOS: D,
+    gamification: K
+  }), m = w(""), P = A(() => t ? { sdk: t, status: 2, event: m } : { status: 1, sdk: null, event: m }, [t]);
+  return r(() => {
+    t && (t.options.setKey("friendsTab", p), t.options.setKey("theme", i), t.options.setKey("themeMode", o), t.options.setKey("skipOnboarding", c), t.options.setKey("betPack", u), t.options.setKey("containerId", k));
+  }, [t, p, i, o, c, u, k]), r(() => () => {
+    s && t?.removeDeepLinkHandler(s), a && t?.removeVideoPlayerController(a);
+  }, [t]), r(() => {
+    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
+      sdkKey: !!e,
+      onDeepLinkHandled: !!s,
+      videoPlayerController: !!a
+    });
+  }, [e, s, a]), /* @__PURE__ */ O(d.Provider, { value: P, children: [
+    v !== void 0 && /* @__PURE__ */ T(x, { event: v }),
+    h
+  ] });
+}, j = () => {
+  const { sdk: e } = l(d);
+  return e;
+}, I = () => {
+  const { event: e } = l(d);
+  return e;
+}, V = () => {
+  const { sdk: e } = l(d), [i, o] = b({});
+  return r(() => e?.options ? e?.options?.subscribe((n) => {
+    o({ theme: n.theme, themeMode: n.themeMode });
+  }) : () => {
+  }, [e?.options]), i;
+}, _ = () => {
+  const { sdk: e } = l(d), [i, o] = b({});
+  return r(() => e?.uiState ? e?.uiState.subscribe((n) => {
+    o({ ...n });
+  }) : () => {
+  }, [e?.uiState]), i;
+};
+export {
+  F as V,
+  j as Y,
+  V as _,
+  x as g,
+  d as i,
+  M as j,
+  _ as q
+};