@streamlayer/react 1.23.0 → 1.23.2

package/lib/es/analytics.js

@@ -1,84 +1,86 @@
-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 = {
+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 = {
     get() {
-      return t.lc || t.listen(() => {
-      })(), t.value;
+      return e.lc || e.listen(() => {
+      })(), e.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());
+    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());
       };
     },
-    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]
+    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]
           );
-        o.length = 0;
+        t.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));
+    set(l) {
+      let n = e.value;
+      n !== l && (e.value = l, e.notify(n));
     },
-    subscribe(n) {
-      let l = t.listen(n);
-      return n(t.value), l;
+    subscribe(l) {
+      let n = e.listen(l);
+      return l(e.value), n;
     },
-    value: i
+    value: r
   };
-  return t;
-}, b = /* @__NO_SIDE_EFFECTS__ */ (i = {}) => {
-  let e = /* @__PURE__ */ d(i);
-  return e.setKey = function(t, n) {
+  return e;
+};
+const f$1 = /* @__NO_SIDE_EFFECTS__ */ (o = {}) => {
+  let e = /* @__PURE__ */ a(o);
+  return e.setKey = function(a2, t2) {
     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 = {
+    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 = {
       ...e.value,
-      [t]: n
-    }, e.notify(l, t));
+      [a2]: t2
+    }, e.notify(l, a2));
   }, 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", {
+};
+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", {
     action: "navigated",
     payload: {}
-  }), e instanceof Element && e.getAttribute("data-a") === "intr" && s.emit("interactions", {
+  }), e instanceof Element && e.getAttribute("data-a") === "intr" && eventBus.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, A = (i, e) => {
-  const t = window.innerWidth < v.xl;
-  c(() => {
-    const n = t && e.useDomNode ? document : i.current, l = (a) => {
-      e.listener(a, i);
+}, 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);
     };
-    return e.enabled && (n == null || n.addEventListener(e.event, l)), () => {
-      n == null || n.removeEventListener(e.event, l);
+    return e.enabled && (n == null || n.addEventListener(e.event, i2)), () => {
+      n == null || n.removeEventListener(e.event, i2);
     };
-  }, [t, e.enabled, e.listener]);
+  }, [r, e.enabled, e.listener]);
 };
 export {
-  h as A,
-  y as a,
-  A as b,
-  d as c,
-  b as f
+  A,
+  f as a,
+  b,
+  a as c,
+  f$1 as f
 };

package/lib/es/auth.js

@@ -1,11 +1,17 @@
-import { useEffect as o } from "react";
-import { B as f } from "./hooks-B0Qttldg.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;
+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;
 };
 export {
-  p as StreamLayerLogin
+  StreamLayerLogin
 };

package/lib/es/bet-pack.js

@@ -1,20 +1,32 @@
-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";
-const r = (t) => {
-  const e = t.target;
-  e instanceof Element && e.getAttribute("data-a") === "intr" && o.emit("interactions", {
-    action: "tap",
-    payload: {}
-  });
-}, p = () => {
-  const t = m();
-  return c(() => (document == null || document.addEventListener("click", r), () => {
-    document == null || document.removeEventListener("click", r);
-  }), []), t ? /* @__PURE__ */ n(i, { sdk: t }) : null;
+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 });
 };
 export {
-  p as BetPackProvider
+  BetPackProvider
 };

package/lib/es/feature.js

@@ -0,0 +1,108 @@
+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 { 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);
+  }
+  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 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();
+  }
+  listen(listener) {
+    window.addEventListener(this.name, listener);
+    this.listeners.add(listener);
+    return () => {
+      this.off(listener);
+    };
+  }
+  off(listener) {
+    window.removeEventListener(this.name, listener);
+    this.listeners.delete(listener);
+  }
+}
+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 = {}));
+export {
+  EventBus as E,
+  FeatureStatus as F,
+  createLogger as c
+};

package/lib/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/es/gamification-feature2.js

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

package/lib/es/hooks-WfHlJH12.js

@@ -0,0 +1,98 @@
+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: o
+}) => {
+  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 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
+}, i = createContext(w), q = ({
+  sdkKey: e,
+  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 = $({
+    sdkKey: e,
+    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: !!u,
+      videoPlayerController: !!c
+    });
+  }, [e, u, c]), /* @__PURE__ */ jsxs(i.Provider, { value: D, children: [
+    p !== void 0 && /* @__PURE__ */ jsx(j, { event: p }),
+    f
+  ] });
+}, B = () => {
+  const { sdk: e } = useContext(i);
+  return e;
+}, G = () => {
+  const { event: e } = useContext(i);
+  return e;
+}, 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]), 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]), o;
+};
+export {
+  B,
+  F,
+  Y,
+  i,
+  j,
+  q,
+  z
+};