@streamlayer/react 1.23.1 → 1.24.0

package/lib/classic/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/classic/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
+};