@streamlayer/react 1.22.3 → 1.23.1

package/lib/classic/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 "./index5.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,
+  d as a,
+  A as b,
+  y as c,
+  b as f
 };

package/lib/classic/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/classic/es/bet-pack.js

@@ -1,13 +1,14 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { c as vt, e as gt } from "./index3.js";
+import { e as vt } from "./index5.js";
 import { s as _, u as Se, c as Ee } from "./sl-types.js";
-import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as wt, createContext as He, useMemo as Re, useCallback as qe, memo as bt } from "react";
-import yt from "lodash.throttle";
-import { B as te } from "./index5.js";
-import { d as St } from "./index10.js";
-import { e as Et } from "./index13.js";
-import { d as xt, e as Tt, S as We } from "./useStreamLayerApp2.js";
-import { B as Ct } from "./hooks-B0Qttldg.js";
+import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as gt, createContext as He, useMemo as Re, useCallback as qe, memo as wt } from "react";
+import bt from "lodash.throttle";
+import { B as te } from "./index4.js";
+import { d as yt } from "./index10.js";
+import { e as St } from "./index13.js";
+import { d as Et, e as xt, S as We } from "./useStreamLayerApp2.js";
+import { c as Tt } from "./feature.js";
+import { B as Ct } from "./hooks-WfHlJH12.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -2619,7 +2620,7 @@ function Js(t, e, s) {
   }));
 }
 function ee(t, e) {
-  return typeof window > "u" ? Y(t, e) : wt(t, e);
+  return typeof window > "u" ? Y(t, e) : gt(t, e);
 }
 const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__PURE__ */ Ae(function(t, e) {
   let {
@@ -2897,8 +2898,8 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
   className: t
 }) => /* @__PURE__ */ P(fr, {
   className: t,
-  children: /* @__PURE__ */ P(St, {})
-}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(Et, { close: () => {
+  children: /* @__PURE__ */ P(yt, {})
+}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(St, { close: () => {
 }, openedQuestion: t, vote: e, isLoading: !1, isEarlyPrediction: !0 }) : null, vr = /* @__PURE__ */ _("span")({
   name: "NextButton",
   class: "n991vvm",
@@ -3243,7 +3244,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return Y(() => {
-    const v = yt(() => {
+    const v = bt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3287,7 +3288,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof xt && l.code !== Tt.InvalidArgument ? `The event ID was not
+      description: l instanceof Et && l.code !== xt.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3314,7 +3315,7 @@ handle this request.`
   name: "BetPackContainer",
   class: "b18vssq2",
   propsAsIs: !1
-}), ie = "slBetPackCb", Mr = vt("betPack-ui"), kr = (t, e = {}) => {
+}), ie = "slBetPackCb", Mr = Tt("betPack-ui"), kr = (t, e = {}) => {
   var s, r;
   const { questionId: n, answerId: i } = e, l = { questionId: n, answerId: i };
   Mr.debug({ id: ie, type: t, ...l }), (s = window.top) == null || s.postMessage({ id: ie, type: t, ...l }, "*"), window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers[ie] && window.webkit.messageHandlers[ie].postMessage({ type: t, ...l }), (r = window.slBetPackCb) != null && r.postMessage && window.slBetPackCb.postMessage(JSON.stringify({ type: t, ...l, from: "base" }));
@@ -3403,7 +3404,7 @@ const Dr = ({ user: t, gamification: e, overlay: s, swipeable: r, onEvent: n })
     description: `You are not authorized to
 view this resource.`
   }
-) : /* @__PURE__ */ P(Le, {}), mt = bt(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
+) : /* @__PURE__ */ P(Le, {}), mt = wt(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
   const n = Se(t.featuresList.getStore()), i = Re(() => t.getFeature(We.GAMES), [n]), l = Se(t.getUserStore());
   return Y(() => (t.writeOverlaySessionId(), () => {
     t.writeOverlaySessionId("");
@@ -3416,16 +3417,16 @@ view this resource.`
   );
 }), je = (t) => {
   const e = t.target;
-  e instanceof Element && e.getAttribute("data-a") === "intr" && gt.emit("interactions", {
+  e instanceof Element && e.getAttribute("data-a") === "intr" && vt.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, Qr = () => {
+}, Kr = () => {
   const t = Ct();
   return Y(() => (document == null || document.addEventListener("click", je), () => {
     document == null || document.removeEventListener("click", je);
   }), []), t ? /* @__PURE__ */ P(mt, { sdk: t }) : null;
 };
 export {
-  Qr as BetPackProvider
+  Kr as BetPackProvider
 };

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