@streamlayer/react 1.23.2 → 1.24.0

package/lib/es/analytics.js

@@ -1,86 +1,84 @@
-import { useEffect } from "react";
-import { e as eventBus } from "./index3.js";
-import { A as A$1 } from "./sl-types.js";
-let t = [], i = 0;
-const s = 4, a = /* @__NO_SIDE_EFFECTS__ */ (r) => {
-  let f2 = [], e = {
+import { useEffect as c } from "react";
+import { e as s } from "./index3.js";
+import { A as v } from "./index9.js";
+let i = [], r = 0;
+const u = 4, d = /* @__NO_SIDE_EFFECTS__ */ (a) => {
+  let e = [], t = {
     get() {
-      return e.lc || e.listen(() => {
-      })(), e.value;
+      return t.lc || t.listen(() => {
+      })(), t.value;
     },
     lc: 0,
-    listen(l) {
-      return e.lc = f2.push(l), () => {
-        for (let u = i + s; u < t.length; )
-          t[u] === l ? t.splice(u, s) : u += s;
-        let n = f2.indexOf(l);
-        ~n && (f2.splice(n, 1), --e.lc || e.off());
+    listen(n) {
+      return t.lc = e.push(n), () => {
+        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(l, n) {
-      let u = !t.length;
-      for (let o of f2)
-        t.push(o, e.value, l, n);
-      if (u) {
-        for (i = 0; i < t.length; i += s)
-          t[i](
-            t[i + 1],
-            t[i + 2],
-            t[i + 3]
+    notify(n, l) {
+      let o = !i.length;
+      for (let f of e)
+        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]
           );
-        t.length = 0;
+        i.length = 0;
       }
     },
     /* It will be called on last listener unsubscribing.
        We will redefine it in onMount and onStop. */
     off() {
     },
-    set(l) {
-      let n = e.value;
-      n !== l && (e.value = l, e.notify(n));
+    set(n) {
+      let l = t.value;
+      l !== n && (t.value = n, t.notify(l));
     },
-    subscribe(l) {
-      let n = e.listen(l);
-      return l(e.value), n;
+    subscribe(n) {
+      let l = t.listen(n);
+      return n(t.value), l;
     },
-    value: r
+    value: a
   };
-  return e;
-};
-const f$1 = /* @__NO_SIDE_EFFECTS__ */ (o = {}) => {
-  let e = /* @__PURE__ */ a(o);
-  return e.setKey = function(a2, t2) {
+  return t;
+}, b = /* @__NO_SIDE_EFFECTS__ */ (a = {}) => {
+  let e = /* @__PURE__ */ d(a);
+  return e.setKey = function(t, n) {
     let l = e.value;
-    typeof t2 > "u" && a2 in e.value ? (e.value = { ...e.value }, delete e.value[a2], e.notify(l, a2)) : e.value[a2] !== t2 && (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 = {
       ...e.value,
-      [a2]: t2
-    }, e.notify(l, a2));
+      [t]: n
+    }, e.notify(l, t));
   }, e;
-};
-const f = (t2) => [(r) => (...n) => (t2 && eventBus.emit(t2 == null ? void 0 : t2.type, t2), r ? r(n) : null)], A = (t2) => {
-  const e = t2.target;
-  e instanceof HTMLAnchorElement && e.target === "_blank" && e.getAttribute("data-a") === "web-link" && eventBus.emit("poll", {
+}, 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: {}
-  }), e instanceof Element && e.getAttribute("data-a") === "intr" && eventBus.emit("interactions", {
+  }), e instanceof Element && e.getAttribute("data-a") === "intr" && s.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, b = (t2, e) => {
-  const r = window.innerWidth < A$1.xl;
-  useEffect(() => {
-    const n = r && e.useDomNode ? document : t2.current, i2 = (l) => {
-      e.listener(l, t2);
+}, A = (a, e) => {
+  const t = window.innerWidth < v.xl;
+  c(() => {
+    const n = t && e.useDomNode ? document : a.current, l = (o) => {
+      e.listener(o, a);
     };
-    return e.enabled && (n == null || n.addEventListener(e.event, i2)), () => {
-      n == null || n.removeEventListener(e.event, i2);
+    return e.enabled && n?.addEventListener(e.event, l), () => {
+      n?.removeEventListener(e.event, l);
     };
-  }, [r, e.enabled, e.listener]);
+  }, [t, e.enabled, e.listener]);
 };
 export {
   A,
-  f as a,
-  b,
-  a as c,
-  f$1 as f
+  h as a,
+  d as b,
+  b as f,
+  y as u
 };

package/lib/es/auth.js

@@ -1,17 +1,11 @@
-import { useEffect } from "react";
-import { B } from "./hooks-WfHlJH12.js";
-const StreamLayerLogin = ({ token, schema }) => {
-  const sdk = B();
-  useEffect(() => {
-    if (token && schema && sdk) {
-      void sdk.authorizationBypass(schema, token);
-    }
-    if (sdk) {
-      sdk.withAuth = true;
-    }
-  }, [token, schema, sdk]);
-  return null;
+import { useEffect as o } from "react";
+import { Y as f } from "./hooks-n9ax4LRT.js";
+const p = ({ token: t, schema: i }) => {
+  const r = f();
+  return o(() => {
+    t && i && r && r.authorizationBypass(i, t), r && (r.withAuth = !0);
+  }, [t, i, r]), null;
 };
 export {
-  StreamLayerLogin
+  p as StreamLayerLogin
 };

package/lib/es/bet-pack.js

@@ -1,32 +1,21 @@
-import { jsx } from "react/jsx-runtime";
-import { e as eventBus } from "./index3.js";
-import { Q } from "./index4.js";
-import { useEffect } from "react";
-import { B } from "./hooks-WfHlJH12.js";
-const clickListener = (event) => {
-  const target = event.target;
-  if (target instanceof Element) {
-    if (target.getAttribute("data-a") === "intr") {
-      eventBus.emit("interactions", {
-        action: "tap",
-        payload: {}
-      });
-    }
-  }
-};
-const BetPackProvider = () => {
-  const sdk = B();
-  useEffect(() => {
-    document == null ? void 0 : document.addEventListener("click", clickListener);
-    return () => {
-      document == null ? void 0 : document.removeEventListener("click", clickListener);
-    };
-  }, []);
-  if (!sdk) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Q, { sdk });
+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" && i.emit("interactions", {
+    action: "tap",
+    payload: {}
+  });
+}, l = () => {
+  const t = m();
+  return n(() => (document?.addEventListener("click", r), () => {
+    document?.removeEventListener("click", r);
+  }), []), t ? /* @__PURE__ */ o(c, { sdk: t }) : null;
 };
 export {
-  BetPackProvider
+  l as BetPackProvider
 };

package/lib/es/feature.js

@@ -1,108 +1,59 @@
-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 { pino as a } from "pino";
 import "./sl-types.js";
-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 });
+import "nanostores";
+import { S as s } from "./useStreamLayerApp2.js";
+const d = a({
+  level: "trace",
+  enabled: typeof window < "u" && !!window.localStorage.getItem("SL_DEBUG"),
+  browser: {
+    write: (t) => {
+      console.log(t);
     }
-  };
-  for (const level of LEVELS) {
-    const method = LEVEL_MAP[level];
-    const consoleFn = (...a) => console[method](...a);
-    instance[level] = createLogFn(consoleFn, prefix);
   }
-  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;
+}), l = (t, e) => d.child({ name: t }, e);
+class c extends Event {
+  slEventBus;
+  constructor(e, n) {
+    super(e), this.slEventBus = n;
   }
 }
-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);
-    });
-    __publicField(this, "destroy", () => {
-      this.listeners.forEach((listener) => {
-        window.removeEventListener(this.name, listener);
-        this.listeners.delete(listener);
-      });
-      this.listeners.clear();
-    });
-    this.name = name;
-    this.listeners = /* @__PURE__ */ new Set();
+const v = l("event-bus");
+class h {
+  name;
+  listeners;
+  constructor(e = "sl-event-bus") {
+    this.name = e, this.listeners = /* @__PURE__ */ new Set();
   }
-  listen(listener) {
-    window.addEventListener(this.name, listener);
-    this.listeners.add(listener);
-    return () => {
-      this.off(listener);
+  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);
     };
   }
-  off(listener) {
-    window.removeEventListener(this.name, listener);
-    this.listeners.delete(listener);
+  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 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 = {}));
+var o;
+(function(t) {
+  t.ORGANIZATION = "ORGANIZATION", t.STREAM = "STREAM";
+})(o || (o = {}));
+s.BETTING + "", s.GAMES + "", s.PUBLIC_CHAT + "", s.TWITTER + "";
+var r;
+(function(t) {
+  t.Ready = "ready", t.Suspended = "suspended";
+})(r || (r = {}));
 export {
-  EventBus as E,
-  FeatureStatus as F,
-  createLogger as c
+  h as E,
+  r as F,
+  l as c
 };

package/lib/es/gamification-feature.js

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

package/lib/es/gamification-feature2.js

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

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
+};