@streamlayer/react 1.22.3 → 1.23.1

package/lib/es/analytics.js

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

package/lib/es/auth.js

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

package/lib/es/bet-pack.js

@@ -2,7 +2,7 @@ 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-B0Qttldg.js";
+import { B as m } from "./hooks-WfHlJH12.js";
 const r = (t) => {
   const e = t.target;
   e instanceof Element && e.getAttribute("data-a") === "intr" && o.emit("interactions", {

package/lib/es/feature.js

@@ -0,0 +1,63 @@
+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 "./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);
+    }
+  }
+}), w = (t, e) => v.child({ name: t }, e);
+class E extends Event {
+  constructor(s, i) {
+    super(s);
+    n(this, "slEventBus");
+    this.slEventBus = i;
+  }
+}
+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);
+    });
+    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();
+  }
+  listen(e) {
+    return window.addEventListener(this.name, e), this.listeners.add(e), () => {
+      this.off(e);
+    };
+  }
+  off(e) {
+    window.removeEventListener(this.name, e), this.listeners.delete(e);
+  }
+}
+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 = {}));
+export {
+  T as E,
+  a as F,
+  w as c
+};

package/lib/es/hooks-WfHlJH12.js

@@ -0,0 +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 = ({
+  event: e,
+  internal: r
+}) => {
+  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;
+};
+var x = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(x || {});
+const M = {
+  status: 0,
+  sdk: null
+}, d = g(M), U = ({
+  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
+}) => {
+  const t = 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(() => {
+    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
+      sdkKey: !!e,
+      onDeepLinkHandled: !!s,
+      videoPlayerController: !!l
+    });
+  }, [e, s, l]), /* @__PURE__ */ N(d.Provider, { value: P, children: [
+    m !== void 0 && /* @__PURE__ */ O(L, { event: m }),
+    a
+  ] });
+}, H = () => {
+  const { sdk: e } = u(d);
+  return e;
+}, j = () => {
+  const { event: e } = u(d);
+  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 });
+    }) : () => {
+    };
+  }, [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.uiState]), r;
+};
+export {
+  H as B,
+  B as F,
+  x as Y,
+  d as i,
+  L as j,
+  U as q,
+  Y as z
+};