@streamlayer/react 1.24.4 → 1.24.6

package/lib/classic/es/pause-ad.js

@@ -1,71 +1,55 @@
-import { jsx as r, jsxs as D } from "react/jsx-runtime";
-import { h as M } from "./index8.js";
-import { s as d, u as q, c as V } from "./sl-types.js";
-import { d as j } from "./index10.js";
-import { useState as B, useRef as x, useCallback as _, useEffect as c, Component as K } from "react";
-import { e as T } from "./index4.js";
-import { Y as z, _ as G } from "./hooks-n9ax4LRT.js";
-const O = /* @__PURE__ */ d("div")({
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { h as F } from "./index8.js";
+import { useEffect as i, useState as _, useRef as g, useCallback as R, Component as M } from "react";
+import { s as h, c as w, u as j } from "./feature.js";
+import { e as k } from "./index4.js";
+import { d as K } from "./index11.js";
+import { Y as V, _ as z } from "./hooks-n9ax4LRT.js";
+const G = /* @__PURE__ */ h("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
   propsAsIs: !1
-}), W = /* @__PURE__ */ d("div")({
+}), H = /* @__PURE__ */ h("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
   propsAsIs: !1
-}), X = /* @__PURE__ */ d("div")({
-  name: "PauseAdTopLeft",
-  class: "pv7u167",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ d("h2")({
-  name: "PauseAdTitle",
-  class: "p1kh2yb0",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ d("p")({
-  name: "PauseAdCaption",
-  class: "pl8f94x",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ d("div")({
+}), O = /* @__PURE__ */ h("div")({
   name: "PauseAdBottomLeft",
-  class: "p1m6zmrt",
+  class: "pv7u167",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ d("button")({
+}), Y = /* @__PURE__ */ h("button")({
   name: "PauseAdPlayButton",
-  class: "pm3vwfa",
+  class: "p1kh2yb0",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ d("div")({
+}), q = /* @__PURE__ */ h("div")({
   name: "PauseAdSidebarGradient",
-  class: "p1tibuhw",
+  class: "pl8f94x",
   propsAsIs: !1
-}), $ = /* @__PURE__ */ d("div")({
+}), J = /* @__PURE__ */ h("div")({
   name: "PauseAdSidebar",
-  class: "ptqqrqd",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ d("span")({
-  name: "PauseAdTitleDescription",
-  class: "p14estxv",
+  class: "p1m6zmrt",
   propsAsIs: !1
-}), N = /* @__PURE__ */ d("img")({
+}), U = /* @__PURE__ */ h("img")({
   name: "ExternalAdContainer",
-  class: "e1dpvfl1",
+  class: "em3vwfa",
   propsAsIs: !1
-}), re = ({
-  vastUrl: i,
-  isDesktop: a,
+}), Q = ({
+  vastUrl: d,
+  isDesktop: n,
   content: e
-}) => (c(() => {
-  e.imageSrc && e.id && T.emit("exposedPauseAd", {
+}) => (i(() => {
+  e.imageSrc && e.id && k.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
       id: e.id,
       parentId: e.parentId
     }
   });
-}, [e, i]), e?.imageSrc ? !e.adUrl || !a ? /* @__PURE__ */ r(N, { src: e.imageSrc }) : /* @__PURE__ */ r(
+}, [e, d]), e?.imageSrc ? !e.adUrl || !n ? /* @__PURE__ */ a(U, { src: e.imageSrc }) : /* @__PURE__ */ a(
   "a",
   {
     onClick: () => {
-      T.emit("exposedPauseAd", {
+      k.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
           id: e.id,
@@ -76,182 +60,173 @@ const O = /* @__PURE__ */ d("div")({
     href: e.adUrl,
     target: "_blank",
     rel: "noopener noreferrer",
-    children: /* @__PURE__ */ r(N, { src: e.imageSrc })
+    children: /* @__PURE__ */ a(U, { src: e.imageSrc })
   }
-) : null), te = ({ isClosing: i, content: a, externalPauseAdStore: e, title: y, caption: f, onPlay: l, onClose: u, vastUrl: t, options: h, isDesktop: n }) => {
-  const b = h?.showPauseButton ?? !0, { ref: p, focusSelf: I } = j.useFocusable({
+) : null), W = ({ isClosing: d, content: n, externalPauseAdStore: e, onPlay: l, onClose: u, vastUrl: c, options: v, isDesktop: r }) => {
+  const m = v?.showPauseButton ?? !0, { ref: t, focusSelf: y } = K.useFocusable({
     focusKey: "sl-pause-ad-play",
     onEnterRelease: l,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return c(() => () => {
+  return i(() => () => {
     e.revalidate();
-  }, [e]), c(() => {
-    p.current && I();
-  }, [p, I]), c(() => {
+  }, [e]), i(() => {
+    t.current && y();
+  }, [t, y]), i(() => {
     if (!u)
       return () => {
       };
-    const C = (A) => {
-      const s = A.keyCode;
+    const b = (f) => {
+      const s = f.keyCode;
       if (s === 461 || s === 10009 || s === 27 || s === 8) {
-        A.preventDefault(), A.stopPropagation(), A.stopImmediatePropagation(), u();
+        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation(), u();
         return;
       }
     };
-    return window.addEventListener("keydown", C, { capture: !0 }), () => window.removeEventListener("keydown", C, { capture: !0 });
-  }, [u]), /* @__PURE__ */ r(O, { className: V("SL_PauseAd", i && "pause-ad-closing"), children: /* @__PURE__ */ D(W, { children: [
-    /* @__PURE__ */ D(X, { children: [
-      /* @__PURE__ */ r(Y, { children: y }),
-      /* @__PURE__ */ r(H, { children: f })
-    ] }),
-    b && /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
-      Q,
+    return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
+  }, [u]), /* @__PURE__ */ a(G, { className: w("SL_PauseAd", d && "pause-ad-closing"), children: /* @__PURE__ */ B(H, { children: [
+    m && /* @__PURE__ */ a(O, { children: /* @__PURE__ */ a(
+      Y,
       {
-        ref: p,
+        ref: t,
         onClick: l,
-        onMouseEnter: () => p.current.focus(),
+        onMouseEnter: () => t.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ r(Z, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ D($, { children: [
-      t && /* @__PURE__ */ r(re, { content: a, isDesktop: n, vastUrl: t }),
-      /* @__PURE__ */ r(ee, { children: "ADVERTISEMENT" })
-    ] }) })
+    /* @__PURE__ */ a(q, { className: w("SL_PauseAdSidebar", r && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ a(J, { className: w(r && "SL_PauseAdSidebar__content--desktop"), children: c && /* @__PURE__ */ a(Q, { content: n, isDesktop: r, vastUrl: c }) }) })
   ] }) });
-}, se = ({ showPauseAd: i, vastUrls: a, title: e, caption: y, sdk: f, onClose: l, onRender: u, options: t, isDesktop: h }) => {
-  const n = t?.pauseAdDelay ?? 0, b = t?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [p, I] = B(!1), [C, A] = B(!1), s = x(), v = a?.[0].url, P = x(v), g = x(""), S = x("");
-  P.current = v;
-  const [m, R] = f.advertisement.getExternalPauseAd(v, {
-    refetchInterval: b,
-    $enabled: n === 0 || !!i,
-    prefetch: n === 0 && b > 0
-  }), k = q(m), E = _(() => {
+}, X = ({ showPauseAd: d, vastUrls: n, sdk: e, onClose: l, onRender: u, options: c, isDesktop: v }) => {
+  const r = c?.pauseAdDelay ?? 0, m = c?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [t, y] = _(!1), [b, f] = _(!1), s = g(), P = n?.[0].url, A = g(P), S = g(""), I = g("");
+  A.current = P;
+  const [p, L] = e.advertisement.getExternalPauseAd(P, {
+    refetchInterval: m,
+    $enabled: r === 0 || !!d,
+    prefetch: r === 0 && m > 0
+  }), x = j(p), C = R(() => {
     if (l) {
-      S.current = P.current;
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
+      I.current = A.current;
+      const o = p.get().data;
+      k.emit("exposedPauseAd", {
         action: "closed",
-        payload: o?.url === S.current ? {
+        payload: o?.url === I.current ? {
           id: o?.id,
           parentId: o?.parentId
         } : {}
       }), l();
     }
-  }, [l, m]), F = _(() => {
-    f.controlVideoPlayer({ play: !0 });
-  }, [f]);
-  return c(() => {
-    R === P.current && k.error && (console.log("error", k.error), clearTimeout(s.current), E?.());
-  }, [k, E, R]), c(() => {
-    if (i && v) {
-      g.current = P.current, S.current = "";
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
+  }, [l, p]), N = R(() => {
+    e.controlVideoPlayer({ play: !0 });
+  }, [e]);
+  return i(() => {
+    L === A.current && x.error && (clearTimeout(s.current), C?.());
+  }, [x, C, L]), i(() => {
+    if (d && P) {
+      S.current = A.current, I.current = "";
+      const o = p.get().data;
+      k.emit("exposedPauseAd", {
         action: "enabled",
-        payload: o?.url === g.current ? {
+        payload: o?.url === S.current ? {
           id: o?.id,
           parentId: o?.parentId
         } : {}
       });
-      const U = () => {
-        const w = m.get(), L = w.data;
-        (!L || L?.url === P.current) && (!w.loading && L?.imageSrc ? (clearTimeout(s.current), A(!1), I(!0)) : w.loading && (s.current = setTimeout(() => {
-          U();
+      const T = () => {
+        const E = p.get(), D = E.data;
+        (!D || D?.url === A.current) && (!E.loading && D?.imageSrc ? (clearTimeout(s.current), f(!1), y(!0)) : E.loading && (s.current = setTimeout(() => {
+          T();
         }, 200)));
       };
       clearTimeout(s.current), s.current = setTimeout(() => {
-        U();
-      }, n);
+        T();
+      }, r);
     } else {
-      if (S.current !== P.current) {
-        const o = m.get().data;
-        S.current = "", g.current !== "" && (T.emit("exposedPauseAd", {
+      if (I.current !== A.current) {
+        const o = p.get().data;
+        I.current = "", S.current !== "" && (k.emit("exposedPauseAd", {
           action: "disabled",
-          payload: g.current === o?.url ? {
+          payload: S.current === o?.url ? {
             id: o?.id,
             parentId: o?.parentId
           } : {}
-        }), g.current = "");
+        }), S.current = "");
       }
-      A(!0), s.current = setTimeout(() => {
-        I(!1);
+      f(!0), s.current = setTimeout(() => {
+        y(!1);
       }, 400);
     }
     return () => {
       s.current && clearTimeout(s.current);
     };
-  }, [m, E, n, i, v]), c(() => {
-    u?.({ rendered: p });
-  }, [p, u]), c(() => () => {
+  }, [p, C, r, d, P]), i(() => {
+    u?.({ rendered: t });
+  }, [t, u]), i(() => () => {
     u?.({ rendered: !1 });
-  }, [u]), !p || !k.data ? null : /* @__PURE__ */ r(
-    te,
+  }, [u]), !t || !x.data ? null : /* @__PURE__ */ a(
+    W,
     {
-      onClose: E,
-      isClosing: C,
-      title: e,
-      caption: y,
-      onPlay: F,
-      vastUrl: v,
-      options: t,
-      isDesktop: h,
-      externalPauseAdStore: m,
-      content: k.data
+      onClose: C,
+      isClosing: b,
+      onPlay: N,
+      vastUrl: P,
+      options: c,
+      isDesktop: v,
+      externalPauseAdStore: p,
+      content: x.data
     }
   );
-}, ae = ({
-  showPauseAd: i,
-  pauseAdVastUrl: a,
+}, Z = ({
+  showPauseAd: d,
+  pauseAdVastUrl: n,
   videoPlayerController: e,
-  onRenderPauseAd: y,
-  onClosePauseAd: f,
-  children: l,
-  options: u
+  onRenderPauseAd: l,
+  onClosePauseAd: u,
+  children: c,
+  options: v
 }) => {
-  const t = z(), h = G(), n = x();
-  return c(() => t ? (e && (n.current = e, t.addVideoPlayerController(n.current)), () => {
-    n.current && t.removeVideoPlayerController(n.current);
+  const r = V(), m = z(), t = g();
+  return i(() => r ? (e && (t.current = e, r.addVideoPlayerController(t.current)), () => {
+    t.current && r.removeVideoPlayerController(t.current);
   }) : () => {
-  }, [t, e]), t ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ D(
-    M,
+  }, [r, e]), r ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ B(
+    F,
     {
-      style: l ? { position: "relative" } : {},
-      customTheme: h.theme,
-      themeMode: h.themeMode,
+      style: c ? { position: "relative" } : {},
+      customTheme: m.theme,
+      themeMode: m.themeMode,
       children: [
-        l,
-        a && /* @__PURE__ */ r(
-          se,
+        c,
+        n && /* @__PURE__ */ a(
+          X,
           {
-            sdk: t,
-            showPauseAd: i,
-            vastUrls: a,
-            onClose: f,
-            onRender: y,
-            options: u,
+            sdk: r,
+            showPauseAd: d,
+            vastUrls: n,
+            onClose: u,
+            onRender: l,
+            options: v,
             isDesktop: !0
           }
         )
       ]
     }
-  ) }) : l;
+  ) }) : c;
 };
-class pe extends K {
-  constructor(a) {
-    super(a), this.state = { hasError: !1 };
+class oe extends M {
+  constructor(n) {
+    super(n), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(a, e) {
-    console.error(a, e.componentStack);
+  componentDidCatch(n, e) {
+    console.error(n, e.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ r(ae, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(Z, { ...this.props });
   }
 }
 export {
-  pe as StreamLayerPauseAd
+  oe as StreamLayerPauseAd
 };

package/lib/classic/es/points.js

@@ -1,11 +1,10 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import { m as c, h as u } from "./index8.js";
 import { useState as d, useEffect as f } from "react";
-import { s as o, u as h } from "./sl-types.js";
+import { s as o, u as h, F as m } from "./feature.js";
 import { e as n } from "./index4.js";
 import { p as y } from "./index3.js";
 import { B as S } from "./index6.js";
-import { F as m } from "./feature.js";
 import { S as v } from "./useStreamLayerApp2.js";
 import { Y as g, _ as A } from "./hooks-n9ax4LRT.js";
 const I = /* @__PURE__ */ o("div")({
@@ -68,10 +67,10 @@ const I = /* @__PURE__ */ o("div")({
     return null;
   const e = s.getFeature(v.GAMES);
   return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, O = ({ theme: s }) => {
+}, G = ({ theme: s }) => {
   const e = g(), a = A();
   return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(u, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t($, { sdk: e }) }) }) : null;
 };
 export {
-  O as StreamLayerSDKPoints
+  G as StreamLayerSDKPoints
 };

package/lib/classic/es/polymarket.js

@@ -1,6 +1,6 @@
 import { jsxs as K, jsx as E } from "react/jsx-runtime";
 import { h as fs } from "./index8.js";
-import { s as k, u as js, c as Vs } from "./sl-types.js";
+import { s as k, u as js, c as Vs } from "./feature.js";
 import { q as ds, Y as ms, _ as ps } from "./hooks-n9ax4LRT.js";
 import { useRef as Ds, useEffect as Ks } from "react";
 import "./index5.js";