@streamlayer/react 1.23.0 → 1.23.1

package/lib/classic/es/Question.js

@@ -1,12 +1,12 @@
 import { jsxs as C, jsx as e } from "react/jsx-runtime";
 import { s as o, u as T } from "./sl-types.js";
 import { createContext as X, useContext as l0, useRef as j, useState as x, useEffect as e0 } from "react";
-import { O as o0 } from "./index9.js";
-import { y as s0, E as R } from "./index8.js";
-import { e as i0, b as a0 } from "./index11.js";
+import { O as o0 } from "./index10.js";
+import { y as s0, E as R } from "./index9.js";
+import { e as i0, b as a0 } from "./index12.js";
 import { B as f } from "./index4.js";
 import { Q as b, P as t0, A as Z, a as W, b as n0 } from "./useStreamLayerApp2.js";
-import { e as C0, t as d0 } from "./index12.js";
+import { e as C0, t as d0 } from "./index13.js";
 import { y as c0 } from "./utils.js";
 const r0 = X({
   sdk: null,

package/lib/classic/es/advertisement.js

@@ -1,17 +1,17 @@
 import { jsx as Q, jsxs as ye, Fragment as el } from "react/jsx-runtime";
-import { h as By } from "./index5.js";
+import { h as By } from "./index7.js";
 import { c as Ti, s as te, u as Qs } from "./sl-types.js";
 import { a as My, f as Uy, b as Fy } from "./analytics.js";
 import { useEffect as Bt, useState as Ol, useRef as qi, useCallback as vr } from "react";
-import { e as ei } from "./index7.js";
+import { e as ei } from "./index5.js";
 import { b as kh, g as Nt, h as Ph, i as Lh, j as tl, k as Rh, l as sa, m as Ms, n as li, A as $y, P as Vy, o as qy, S as jy } from "./useStreamLayerApp2.js";
-import { O as Ra } from "./index9.js";
+import { O as Ra } from "./index10.js";
 import { B as Hy } from "./index4.js";
-import { y as il, E as zy } from "./index8.js";
-import { g as ln, c as na, a as Wy } from "./index10.js";
+import { y as il, E as zy } from "./index9.js";
+import { g as ln, c as na, a as Wy } from "./index11.js";
 import { v4 as wc, validate as Gy, v5 as Dc } from "uuid";
 import { y as Ky } from "./utils.js";
-import { B as Xy, F as Yy, z as Qy, j as er } from "./hooks-B0Qttldg.js";
+import { B as Xy, F as Yy, z as Qy, j as er } from "./hooks-WfHlJH12.js";
 function Ge() {
   return Ge = Object.assign ? Object.assign.bind() : function(i) {
     for (var e = 1; e < arguments.length; e++) {

package/lib/classic/es/analytics.js

@@ -1,5 +1,5 @@
 import { useEffect as c } from "react";
-import { e as s } from "./index7.js";
+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) => {

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 "./index7.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 $, { 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 St } from "./index9.js";
-import { e as Et } from "./index12.js";
-import { d as xt, e as Tt, S as We } from "./useStreamLayerApp2.js";
-import { B as Ct } from "./hooks-B0Qttldg.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
+};

package/lib/classic/es/index.js

@@ -1,8 +1,8 @@
 import "react";
-import { q as o, j as S, B as s, z as i, F as y } from "./hooks-B0Qttldg.js";
+import { q as o, j as S, B as s, z as i, F as y } from "./hooks-WfHlJH12.js";
 import "react/jsx-runtime";
 import "./useStreamLayerApp2.js";
-import { h as p } from "./index5.js";
+import { h as p } from "./index7.js";
 import { b as K } from "./index2.js";
 import { a as D, K as c } from "./notification2.js";
 export {