@streamlayer/react 1.23.1 → 1.23.2

package/lib/classic/es/feature.js

@@ -1,63 +1,108 @@
-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";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import "./sl-types.js";
-import "nanostores";
-import { S as o } from "./useStreamLayerApp2.js";
-const v = c({
-  level: "trace",
-  enabled: typeof window < "u" && !!window.localStorage.getItem("SL_DEBUG"),
-  browser: {
-    write: (t) => {
-      console.log(t);
+import { S as SdkOverlayType } from "./useStreamLayerApp2.js";
+const LEVELS = ["trace", "debug", "info", "warn", "error", "fatal"];
+const LEVEL_MAP = {
+  trace: "debug",
+  debug: "debug",
+  info: "info",
+  warn: "warn",
+  error: "error",
+  fatal: "error"
+};
+const enabled = typeof window !== "undefined" && !!window.localStorage.getItem("SL_DEBUG");
+function createLogFn(consoleFn, prefix) {
+  if (!enabled)
+    return () => {
+    };
+  return (...args) => {
+    if (args.length === 0)
+      return;
+    if (typeof args[0] === "string") {
+      consoleFn(`[${prefix}]`, ...args);
+    } else {
+      const [obj, ...rest] = args;
+      consoleFn(`[${prefix}]`, ...rest, obj);
     }
+  };
+}
+function createLoggerInstance(bindings) {
+  const prefix = bindings.name || "app";
+  const instance = {
+    level: "trace",
+    child(childBindings, _options) {
+      return createLoggerInstance({ ...bindings, ...childBindings });
+    }
+  };
+  for (const level of LEVELS) {
+    const method = LEVEL_MAP[level];
+    const consoleFn = (...a) => console[method](...a);
+    instance[level] = createLogFn(consoleFn, prefix);
   }
-}), w = (t, e) => v.child({ name: t }, e);
-class E extends Event {
-  constructor(s, i) {
-    super(s);
-    n(this, "slEventBus");
-    this.slEventBus = i;
+  return instance;
+}
+const rootLogger = createLoggerInstance({});
+const createLogger = (name, options) => rootLogger.child({ name }, options);
+class EventBusEvent extends Event {
+  constructor(name, payload) {
+    super(name);
+    __publicField(this, "slEventBus");
+    this.slEventBus = payload;
   }
 }
-const m = w("event-bus");
-class T {
-  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);
+const logger = createLogger("event-bus");
+class EventBus {
+  constructor(name = "sl-event-bus") {
+    __publicField(this, "name");
+    __publicField(this, "listeners");
+    __publicField(this, "emit", (type, payload) => {
+      const event = new EventBusEvent(this.name, { ...payload, type });
+      logger.debug(event, "Emitting event");
+      window.dispatchEvent(event);
     });
-    n(this, "destroy", () => {
-      this.listeners.forEach((e) => {
-        window.removeEventListener(this.name, e), this.listeners.delete(e);
-      }), this.listeners.clear();
+    __publicField(this, "destroy", () => {
+      this.listeners.forEach((listener) => {
+        window.removeEventListener(this.name, listener);
+        this.listeners.delete(listener);
+      });
+      this.listeners.clear();
     });
-    this.name = e, this.listeners = /* @__PURE__ */ new Set();
+    this.name = name;
+    this.listeners = /* @__PURE__ */ new Set();
   }
-  listen(e) {
-    return window.addEventListener(this.name, e), this.listeners.add(e), () => {
-      this.off(e);
+  listen(listener) {
+    window.addEventListener(this.name, listener);
+    this.listeners.add(listener);
+    return () => {
+      this.off(listener);
     };
   }
-  off(e) {
-    window.removeEventListener(this.name, e), this.listeners.delete(e);
+  off(listener) {
+    window.removeEventListener(this.name, listener);
+    this.listeners.delete(listener);
   }
 }
 window.slStore = /* @__PURE__ */ Object.create(null);
-var r;
-(function(t) {
-  t.ORGANIZATION = "ORGANIZATION", t.STREAM = "STREAM";
-})(r || (r = {}));
-o.BETTING + "", o.GAMES + "", o.PUBLIC_CHAT + "", o.TWITTER + "";
-var a;
-(function(t) {
-  t.Ready = "ready", t.Suspended = "suspended";
-})(a || (a = {}));
+var FeatureSource;
+(function(FeatureSource2) {
+  FeatureSource2["ORGANIZATION"] = "ORGANIZATION";
+  FeatureSource2["STREAM"] = "STREAM";
+})(FeatureSource || (FeatureSource = {}));
+({
+  [SdkOverlayType.BETTING]: "betting",
+  [SdkOverlayType.GAMES]: "games",
+  [SdkOverlayType.PUBLIC_CHAT]: "publicChat",
+  [SdkOverlayType.TWITTER]: "twitter"
+});
+var FeatureStatus;
+(function(FeatureStatus2) {
+  FeatureStatus2["Ready"] = "ready";
+  FeatureStatus2["Suspended"] = "suspended";
+})(FeatureStatus || (FeatureStatus = {}));
 export {
-  T as E,
-  a as F,
-  w as c
+  EventBus as E,
+  FeatureStatus as F,
+  createLogger as c
 };

package/lib/classic/es/gamification-feature.js

@@ -1,4 +1,4 @@
-import { B as f } from "./index2.js";
+import { B } from "./index2.js";
 export {
-  f as default
+  B as default
 };

package/lib/classic/es/hooks-WfHlJH12.js

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