@streamlayer/react 1.23.0 → 1.23.1

package/lib/classic/es/index9.js

@@ -1,87 +1,319 @@
-import { jsx as n } from "react/jsx-runtime";
-import { d as x } from "./index10.js";
-import { useEffect as h, useState as d, useCallback as p } from "react";
-import { s as f, N as O, I as k, O as y, S as E } from "./sl-types.js";
-import { CountdownCircleTimer as g } from "react-countdown-circle-timer";
-import { B as P } from "./index4.js";
-const v = (i) => {
-  const { Component: o, options: t, customOptions: s, autoFocus: r, ...l } = i, e = x.useFocusable({
-    ...t,
-    ...s,
-    onEnterPress: () => {
-      var a;
-      return (a = i.onClick) == null ? void 0 : a.call(i, { currentTarget: e.ref.current, stopPropagation: () => {
-      } });
-    }
-  });
-  return h(() => {
-    r && e.focusSelf();
-  }, []), /* @__PURE__ */ n(o, { ...l, ...e, "data-is-with-focus": "true" });
-};
-function B(i, o) {
-  return ({ webos: t, options: s, ...r }) => t ? /* @__PURE__ */ n(v, { Component: i, options: o, customOptions: s, ...r }) : /* @__PURE__ */ n(i, { ...r });
-}
-const w = [10, 10, 1, 0], I = /* @__PURE__ */ f("div")({
-  name: "RemainingTimeCircle",
-  class: "r165427",
+import { jsxs as S, jsx as e, Fragment as re } from "react/jsx-runtime";
+import { s as o, c as X } from "./sl-types.js";
+import { useState as I, useEffect as b, useCallback as w, forwardRef as ce, useRef as L } from "react";
+import { B as f } from "./index4.js";
+import { G as ie, d as ue, O as de } from "./index10.js";
+import { C as pe } from "./useStreamLayerApp2.js";
+const me = /* @__PURE__ */ o("div")({
+  name: "CloseIconWrap",
+  class: "c3v6bv6",
   propsAsIs: !1
-}), S = /* @__PURE__ */ f("div")({
-  name: "RemainingTime",
-  class: "r17garf3",
+}), ye = /* @__PURE__ */ o("div")({
+  name: "TimerWrap",
+  class: "teuhmro",
   propsAsIs: !1
-}), b = y, c = O, u = E, F = ({
-  className: i,
-  duration: o = 30,
-  onTimerExpired: t,
-  isPlaying: s = !0
-}) => /* @__PURE__ */ n(g, {
-  isPlaying: s,
-  strokeWidth: 0,
-  duration: o,
-  colors: c,
-  size: 24,
-  onComplete: t,
-  children: ({
-    remainingTime: r
-  }) => /* @__PURE__ */ n(S, {
-    className: i,
-    children: o === 0 ? 0 : r
-  })
-}), j = ({
-  isPlaying: i = !0,
-  duration: o = 30,
-  onTimerExpired: t
+}), he = () => f, fe = /* @__PURE__ */ o(he())({
+  name: "Icon",
+  class: "i17rfxv5",
+  propsAsIs: !0
+}), Ye = ({
+  close: n,
+  className: a,
+  timerClassName: s,
+  skipIcon: l,
+  isPlaying: u = !0,
+  duration: i = 0,
+  autoClose: d
 }) => {
-  const [s, r] = d(o > 10 ? b : c), [l, e] = d(2);
-  h(() => {
-    o === 0 && (e(0), r(u));
-  }, [o]);
-  const a = ({
-    remainingTime: m
-  }) => /* @__PURE__ */ n(I, {
-    children: o === 0 ? 0 : m
-  }), C = p(() => {
-    t == null || t(), r(u);
-  }, [t, r]), T = p((m) => {
-    m === 10 && r(c);
-  }, [r]);
-  return /* @__PURE__ */ n(g, {
-    isPlaying: i,
-    duration: o,
-    colors: k,
-    colorsTime: w,
-    size: 32,
-    strokeWidth: l,
-    trailStrokeWidth: 2,
-    trailColor: s,
-    onComplete: C,
-    onUpdate: T,
-    children: a
+  const [p, m] = I(i === 0);
+  b(() => {
+    m(!i);
+  }, [i]);
+  const P = w(() => {
+    d === pe.ENABLED ? n == null || n() : m(!0);
+  }, [d, n]);
+  return p ? /* @__PURE__ */ S(me, {
+    "data-a": "intr",
+    onClick: n,
+    className: a,
+    style: l ? {
+      width: "auto"
+    } : {},
+    children: [l && /* @__PURE__ */ e("span", {
+      "data-a": "intr",
+      children: "Skip"
+    }), /* @__PURE__ */ e(fe, {
+      "data-a": "intr",
+      name: l ? "iconSkip" : "icon-cross"
+    })]
+  }) : /* @__PURE__ */ e(ye, {
+    children: /* @__PURE__ */ e(ie, {
+      className: s,
+      isPlaying: u,
+      duration: i,
+      onTimerExpired: P
+    })
   });
-}, G = ({ height: i = "37px", width: o = "37px" }) => /* @__PURE__ */ n("div", { style: { height: i, width: o }, children: /* @__PURE__ */ n(P, { name: "loader" }) });
+}, ge = /* @__PURE__ */ o("div")({
+  name: "Container",
+  class: "c1bgb86j",
+  propsAsIs: !1
+}), Ie = /* @__PURE__ */ o("video")({
+  name: "Player",
+  class: "p6703cq",
+  propsAsIs: !1
+}), be = /* @__PURE__ */ o("img")({
+  name: "Poster",
+  class: "p12ow7zo",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ o("div")({
+  name: "Control",
+  class: "cdpal9o",
+  propsAsIs: !1
+}), Pe = "t1xke4ml", ve = "h1yzxv57", Ae = /* @__PURE__ */ o("div")({
+  name: "VideoControls",
+  class: "vxo8xch",
+  propsAsIs: !1
+}), $ = /* @__PURE__ */ o("button")({
+  name: "ControlBtn",
+  class: "coyuzu0",
+  propsAsIs: !1
+}), Ce = () => $, we = /* @__PURE__ */ o(Ce())({
+  name: "MuteIcon",
+  class: "musmi9a",
+  propsAsIs: !0
+}), Me = () => $, ke = /* @__PURE__ */ o(Me())({
+  name: "PauseIcon",
+  class: "p1qe7rum",
+  propsAsIs: !0
+}), Ee = () => $, xe = /* @__PURE__ */ o(Ee())({
+  name: "PlayIcon",
+  class: "psevery",
+  propsAsIs: !0
+}), Y = /* @__PURE__ */ o("button")({
+  name: "WebOSIconButton",
+  class: "w1q3u7py",
+  propsAsIs: !1
+}), Be = () => Y, T = /* @__PURE__ */ o(Be())({
+  name: "WebOSIconButtonAnimation",
+  class: "wdlqvum",
+  propsAsIs: !0
+}), Oe = () => T, We = /* @__PURE__ */ o(Oe())({
+  name: "WebOSIconButtonPlay",
+  class: "w1ylz9ea",
+  propsAsIs: !0
+}), Ne = () => T, Ve = /* @__PURE__ */ o(Ne())({
+  name: "WebOSIconButtonPause",
+  class: "w1iylt55",
+  propsAsIs: !0
+}), Le = () => T, Re = /* @__PURE__ */ o(Le())({
+  name: "WebOSIconButtonMute",
+  class: "w8h4h7",
+  propsAsIs: !0
+}), Se = () => T, Te = /* @__PURE__ */ o(Se())({
+  name: "WebOSIconButtonUnmute",
+  class: "w12l12kt",
+  propsAsIs: !0
+}), Ue = (n) => {
+  for (const a of n)
+    a.isIntersecting ? a.target instanceof HTMLVideoElement && a.target.autoplay && a.target.play() : a.target instanceof HTMLVideoElement && !a.target.paused && a.target.pause();
+}, Z = new IntersectionObserver(Ue, { threshold: 0.5 }), D = /* @__PURE__ */ new Set(), je = (n) => {
+  Z.observe(n), D.add(n);
+}, qe = (n) => {
+  Z.unobserve(n), D.delete(n);
+}, ze = () => {
+  for (const n of D)
+    n instanceof HTMLVideoElement && !n.paused && n.pause();
+};
+function He(...n) {
+  return w(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (a) => {
+      for (const s of n)
+        s !== null && (typeof s == "function" ? s(a) : s && (s.current = a));
+    },
+    // Re-run the callback if the array of refs changes
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...n]
+  );
+}
+const $e = de(ge), De = ({ loading: n, autoPlay: a, played: s, playing: l, isMuted: u, unmute: i, mute: d, togglePlaying: p }) => !n && !a && !s ? /* @__PURE__ */ e(R, { children: l ? /* @__PURE__ */ e(f, { name: "icon-pause" }) : /* @__PURE__ */ e(f, { name: "icon-play" }) }) : s ? /* @__PURE__ */ S(Ae, { children: [
+  l ? /* @__PURE__ */ e(ke, { onClick: p }) : /* @__PURE__ */ e(xe, { onClick: p }),
+  /* @__PURE__ */ e(we, { className: X(!u && "muted"), onClick: u ? i : d })
+] }) : null, Fe = ({
+  loading: n,
+  autoPlay: a,
+  playMuted: s,
+  playing: l,
+  played: u,
+  unmute: i,
+  mute: d,
+  isMuted: p,
+  hasNotPausedVideo: m,
+  hasInteractedWithAudio: P
+}) => /* @__PURE__ */ S(re, { children: [
+  !n && !(a && s) && /* @__PURE__ */ e(R, { "data-control-btn": "true", children: l ? m ? null : /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) : u ? /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(f, { name: "icon-pause" }) }) : /* @__PURE__ */ e(Y, { "data-control-icon": "true", children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) }),
+  !n && a && s && P && /* @__PURE__ */ e(R, { children: p ? /* @__PURE__ */ e(Re, { onClick: i, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Te, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
+] }), Ze = ce(
+  ({
+    poster: n,
+    source: a,
+    aspectRatio: s,
+    controlVideo: l,
+    onReplay: u,
+    onPlay: i,
+    onPause: d,
+    onEnd: p,
+    onRender: m,
+    onMute: P,
+    onQuartile: v,
+    autoPlay: M,
+    playMuted: k,
+    className: ee,
+    muted: E,
+    webos: B,
+    hasNotPausedVideo: ne
+  }, te) => {
+    const c = L(null), ae = He(c, te), U = L(!1), j = L(!1), y = L(/* @__PURE__ */ new Set()), [F, G] = I(!1), [O, W] = I(!1), [q, Q] = I(!1), [_, N] = I(!0), [z, V] = I(k), [H, oe] = I(!1);
+    b(() => {
+      a && (V(k), G(!1));
+    }, [a]);
+    const A = w(() => {
+      l == null || l({ muted: !1 });
+    }, [l]), J = w(() => {
+      l == null || l({ muted: !0 });
+    }, [l]), C = w((t) => {
+      t == null || t.stopPropagation(), c.current && (c.current.muted = !0), V(!0);
+    }, []), x = w(
+      (t) => {
+        t == null || t.stopPropagation(), c.current && (c.current.muted = !1), V(!1), H || oe(!0);
+      },
+      [H]
+    );
+    b(() => {
+      E !== void 0 && (E ? C() : x());
+    }, [C, E, x]);
+    const K = (t) => {
+      var r;
+      (r = t.stopPropagation) == null || r.call(t);
+      const g = c == null ? void 0 : c.current;
+      if (g)
+        if (O)
+          g.pause();
+        else {
+          const h = c == null ? void 0 : c.current;
+          if (!h)
+            return;
+          ze(), h.play().catch((le) => console.log(le)), N(!1);
+        }
+    }, se = () => {
+      var t;
+      (t = c == null ? void 0 : c.current) == null || t.load(), N(!0);
+    };
+    return b(() => () => {
+      A();
+    }, [A]), b(() => {
+      const t = c.current;
+      return t ? (j.current = t.muted, V(t.muted), je(t), () => {
+        qe(t);
+      }) : () => {
+      };
+    }, []), b(() => {
+      m == null || m();
+    }, [m]), b(() => {
+      y.current.clear(), U.current = !1;
+    }, [a]), /* @__PURE__ */ S(
+      $e,
+      {
+        webos: B,
+        onClick: M && k ? z ? x : C : K,
+        "data-a": "intr",
+        autoFocus: !0,
+        options: { focusKey: "video-play-btn" },
+        className: X(O && !B && Pe, M && ve, ee),
+        style: s ? { aspectRatio: s } : {},
+        children: [
+          /* @__PURE__ */ e(
+            Ie,
+            {
+              ref: ae,
+              src: a,
+              autoPlay: M,
+              onPlay: () => {
+                G(!0), U.current && (u == null || u(), y.current.clear()), W(!0), N(!1), i == null || i(), k ? C() : J();
+              },
+              onTimeUpdate: (t) => {
+                const r = t.target.duration, g = t.target.currentTime;
+                if (r && g) {
+                  const h = Math.floor(g / r * 100);
+                  h >= 25 && h < 50 && !y.current.has(25) ? (v == null || v(25), y.current.add(25)) : h >= 50 && h < 75 && !y.current.has(50) ? (v == null || v(50), y.current.add(50)) : h >= 75 && !y.current.has(75) && (v == null || v(75), y.current.add(75));
+                }
+              },
+              onVolumeChange: (t) => {
+                const r = t.target.muted;
+                j.current !== r && (P == null || P(r), j.current = r, (r !== E || E === void 0) && (r ? A() : J()));
+              },
+              onError: async (t) => {
+                try {
+                  if (t.target instanceof HTMLVideoElement) {
+                    Q(!0);
+                    const r = await (await fetch(t.target.src)).blob(), g = URL.createObjectURL(r);
+                    t.target.src = g;
+                  }
+                } catch (r) {
+                  console.error("video fallback fetch failed", r), W(!0), N(!0);
+                } finally {
+                  Q(!1), A();
+                }
+              },
+              onPause: () => {
+                W(!1), d == null || d(), A();
+              },
+              onEnded: () => {
+                W(!1), U.current = !0, se(), p == null || p(), A();
+              },
+              style: { visibility: _ ? "hidden" : "visible" },
+              controls: !1,
+              playsInline: !0
+            }
+          ),
+          /* @__PURE__ */ e(be, { src: n, style: { visibility: _ ? "visible" : "hidden" } }),
+          !B && /* @__PURE__ */ e(
+            De,
+            {
+              loading: q,
+              autoPlay: M,
+              played: F,
+              playing: O,
+              isMuted: z,
+              unmute: x,
+              mute: C,
+              togglePlaying: K
+            }
+          ),
+          B && /* @__PURE__ */ e(
+            Fe,
+            {
+              loading: q,
+              autoPlay: M,
+              playMuted: k,
+              playing: O,
+              played: F,
+              unmute: x,
+              mute: C,
+              isMuted: z,
+              hasNotPausedVideo: ne,
+              hasInteractedWithAudio: H
+            }
+          ),
+          q && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ue, {}) })
+        ]
+      }
+    );
+  }
+);
 export {
-  F as G,
-  j as L,
-  B as O,
-  G as d
+  Ze as E,
+  ze as w,
+  Ye as y
 };

package/lib/classic/es/insight.js

@@ -1,10 +1,10 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { h as p } from "./index5.js";
+import { h as p } from "./index7.js";
 import { u as m, s as h } from "./sl-types.js";
 import { useRef as f, useEffect as I } from "react";
 import { h as g } from "./Question.js";
 import { S } from "./useStreamLayerApp2.js";
-import { B as k, z as v, j as Q } from "./hooks-B0Qttldg.js";
+import { B as k, z as v, j as Q } from "./hooks-WfHlJH12.js";
 const y = () => g, b = /* @__PURE__ */ h(y())({
   name: "QuestionWrap",
   class: "q10hhsxv",

package/lib/classic/es/notification.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "./index5.js";
+import "./index7.js";
 import { a as e, K as p } from "./notification2.js";
 import "react";
-import "./hooks-B0Qttldg.js";
+import "./hooks-WfHlJH12.js";
 export {
   e as StreamLayerSDKNotification,
   p as StreamLayerSDKNotificationUI

package/lib/classic/es/notification2.js

@@ -1,16 +1,17 @@
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { h as ws } from "./index5.js";
+import { h as ws } from "./index7.js";
 import { useState as w, useRef as es, useEffect as y, useCallback as ys, useMemo as Ts } from "react";
 import { s as e, c as bs, u as Cs, a as Q } from "./sl-types.js";
-import { e as Ns } from "./index7.js";
-import { e as M, D as fs, a as ks, o as qs } from "./index11.js";
-import { e as Ss, i as V } from "./index6.js";
+import { e as Ns } from "./index5.js";
+import "./feature.js";
+import { e as M, D as fs, a as ks, o as qs } from "./index12.js";
+import { e as Ss, i as V } from "./index8.js";
 import { B as I } from "./index4.js";
 import { f as N, Q as h, c as R, a as v, N as x, S as Es, b as F } from "./useStreamLayerApp2.js";
-import { O } from "./index9.js";
-import { E as Ls, y as xs } from "./index8.js";
+import { O } from "./index10.js";
+import { E as Ls, y as xs } from "./index9.js";
 import { d as Ds } from "./index3.js";
-import { B as Ms, z as Rs, F as Os } from "./hooks-B0Qttldg.js";
+import { B as Ms, z as Rs, F as Os } from "./hooks-WfHlJH12.js";
 const Bs = /* @__PURE__ */ e("div")({
   name: "QuestionItem",
   class: "q1w97g3p",
@@ -64,7 +65,7 @@ const Bs = /* @__PURE__ */ e("div")({
   [N.WON]: /* @__PURE__ */ s(Fs, { name: "icon-check" }),
   [N.UNSET]: /* @__PURE__ */ s(f, { name: "icon-arrow" }),
   [N.DNP]: /* @__PURE__ */ s(f, { name: "icon-arrow" })
-}, ci = () => /* @__PURE__ */ c(Gs, { children: [
+}, li = () => /* @__PURE__ */ c(Gs, { children: [
   /* @__PURE__ */ s(V, { loading: !0, style: { width: "35%" } }),
   /* @__PURE__ */ s(V, { loading: !0, style: { width: "70%" } }),
   /* @__PURE__ */ s(Xs, {})
@@ -83,7 +84,7 @@ const Bs = /* @__PURE__ */ e("div")({
     n.label,
     o === h.TRIVIA && t === R.RESOLVED && " • Expired"
   ] })
-] }), li = ({
+] }), di = ({
   questionId: n,
   questionType: o,
   questionStatus: t,
@@ -1127,15 +1128,15 @@ const b = /* @__PURE__ */ e("div")({
       webos: o
     }
   ) : d && /* @__PURE__ */ s(be, { ...d.data, action: d.action });
-}, di = ({ theme: n }) => {
+}, pi = ({ theme: n }) => {
   const o = Ms(), t = Rs(), i = Os();
   return o && (i.appNotification || i.onboardingNotification) ? i.app && !i.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(ws, { customTheme: n ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(Ko, { sdk: o }) }) }) : null;
 };
 export {
-  ci as D,
+  li as D,
   Ko as K,
-  li as R,
+  di as R,
   Ks as S,
-  di as a,
+  pi as a,
   Bs as r
 };

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

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { h as N } from "./index5.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 b, useCallback as _, useEffect as c, Component as z } from "react";
-import { e as E } from "./index7.js";
-import { B as K, z as O } from "./hooks-B0Qttldg.js";
-const G = /* @__PURE__ */ d("div")({
+import { h as N } from "./index7.js";
+import { s as d, u as j, c as q } from "./sl-types.js";
+import { d as V } from "./index11.js";
+import { useState as B, useRef as E, useCallback as _, useEffect as c, Component as z } from "react";
+import { e as C } from "./index5.js";
+import { B as K, z as G } from "./hooks-WfHlJH12.js";
+const O = /* @__PURE__ */ d("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
   propsAsIs: !1
@@ -54,7 +54,7 @@ const G = /* @__PURE__ */ d("div")({
   isDesktop: n,
   content: e
 }) => (c(() => {
-  e.imageSrc && e.id && E.emit("exposedPauseAd", {
+  e.imageSrc && e.id && C.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
       id: e.id,
@@ -65,7 +65,7 @@ const G = /* @__PURE__ */ d("div")({
   "a",
   {
     onClick: () => {
-      E.emit("exposedPauseAd", {
+      C.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
           id: e.id,
@@ -79,7 +79,7 @@ const G = /* @__PURE__ */ d("div")({
     children: /* @__PURE__ */ s(F, { src: e.imageSrc })
   }
 ) : null), te = ({ isClosing: i, content: n, externalPauseAdStore: e, title: I, caption: v, onPlay: u, onClose: a, vastUrl: t, options: f, isDesktop: l }) => {
-  const C = (f == null ? void 0 : f.showPauseButton) ?? !0, { ref: p, focusSelf: g } = j.useFocusable({
+  const b = (f == null ? void 0 : f.showPauseButton) ?? !0, { ref: p, focusSelf: g } = V.useFocusable({
     focusKey: "sl-pause-ad-play",
     onEnterRelease: u,
     isFocusBoundary: !0,
@@ -101,12 +101,12 @@ const G = /* @__PURE__ */ d("div")({
       }
     };
     return window.addEventListener("keydown", T, { capture: !0 }), () => window.removeEventListener("keydown", T, { capture: !0 });
-  }, [a]), /* @__PURE__ */ s(G, { className: V("SL_PauseAdOverlay", i && "pause-ad-closing"), children: /* @__PURE__ */ w(W, { children: [
+  }, [a]), /* @__PURE__ */ s(O, { className: q("SL_PauseAd", i && "pause-ad-closing"), children: /* @__PURE__ */ w(W, { children: [
     /* @__PURE__ */ w(X, { children: [
       /* @__PURE__ */ s(H, { children: I }),
       /* @__PURE__ */ s(J, { children: v })
     ] }),
-    C && /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(
+    b && /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(
       Y,
       {
         ref: p,
@@ -121,17 +121,17 @@ const G = /* @__PURE__ */ d("div")({
     ] }) })
   ] }) });
 }, se = ({ showPauseAd: i, vastUrls: n, title: e, caption: I, sdk: v, onClose: u, onRender: a, options: t, isDesktop: f }) => {
-  const l = (t == null ? void 0 : t.pauseAdDelay) ?? 0, C = (t == null ? void 0 : t.pauseAdRefetchInterval) ?? 1e3 * 60 * 50, [p, g] = B(!1), [T, A] = B(!1), o = b(), h = n == null ? void 0 : n[0].url, P = b(h), y = b(""), S = b("");
+  const l = (t == null ? void 0 : t.pauseAdDelay) ?? 0, b = (t == null ? void 0 : t.pauseAdRefetchInterval) ?? 1e3 * 60 * 50, [p, g] = B(!1), [T, A] = B(!1), o = E(), h = n == null ? void 0 : n[0].url, P = E(h), y = E(""), S = E("");
   P.current = h;
   const [m, R] = v.advertisement.getExternalPauseAd(h, {
-    refetchInterval: C,
+    refetchInterval: b,
     $enabled: l === 0 || !!i,
-    prefetch: l === 0 && C > 0
-  }), k = q(m), x = _(() => {
+    prefetch: l === 0 && b > 0
+  }), k = j(m), x = _(() => {
     if (u) {
       S.current = P.current;
       const r = m.get().data;
-      E.emit("exposedPauseAd", {
+      C.emit("exposedPauseAd", {
         action: "closed",
         payload: (r == null ? void 0 : r.url) === S.current ? {
           id: r == null ? void 0 : r.id,
@@ -148,7 +148,7 @@ const G = /* @__PURE__ */ d("div")({
     if (i && h) {
       y.current = P.current, S.current = "";
       const r = m.get().data;
-      E.emit("exposedPauseAd", {
+      C.emit("exposedPauseAd", {
         action: "enabled",
         payload: (r == null ? void 0 : r.url) === y.current ? {
           id: r == null ? void 0 : r.id,
@@ -167,7 +167,7 @@ const G = /* @__PURE__ */ d("div")({
     } else {
       if (S.current !== P.current) {
         const r = m.get().data;
-        S.current = "", y.current !== "" && (E.emit("exposedPauseAd", {
+        S.current = "", y.current !== "" && (C.emit("exposedPauseAd", {
           action: "disabled",
           payload: y.current === (r == null ? void 0 : r.url) ? {
             id: r == null ? void 0 : r.id,
@@ -210,7 +210,7 @@ const G = /* @__PURE__ */ d("div")({
   children: u,
   options: a
 }) => {
-  const t = K(), f = O(), l = b();
+  const t = K(), f = G(), l = E();
   return c(() => t ? (e && (l.current = e, t.addVideoPlayerController(l.current)), () => {
     l.current && t.removeVideoPlayerController(l.current);
   }) : () => {

package/lib/classic/es/points.js

@@ -1,12 +1,13 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { m as u, h as d } from "./index5.js";
+import { m as u, h as d } from "./index7.js";
 import { useState as f, useEffect as y } from "react";
 import { s as o, u as h } from "./sl-types.js";
-import { F as c, e as a } from "./index7.js";
+import { e as a } from "./index5.js";
 import { d as S } from "./index3.js";
 import { B as v } from "./index4.js";
+import { F as c } from "./feature.js";
 import { S as g } from "./useStreamLayerApp2.js";
-import { B as k, z as A } from "./hooks-B0Qttldg.js";
+import { B as k, z as A } from "./hooks-WfHlJH12.js";
 const I = /* @__PURE__ */ o("div")({
   name: "PointsContainer",
   class: "psiob9b",
@@ -38,24 +39,24 @@ const I = /* @__PURE__ */ o("div")({
     /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(S, { value: s }) })
   ] })
 ] }), j = ({ gamification: s }) => {
-  const t = s.userSummary.$store, [n, l] = f(0);
+  const t = s.userSummary.$store, [r, l] = f(0);
   return y(() => {
-    const r = t.subscribe((i) => {
+    const n = t.subscribe((i) => {
       var m;
       (m = i == null ? void 0 : i.summary) != null && m.points && l(i.summary.points);
     });
     return () => {
-      r();
+      n();
     };
-  }, [t]), /* @__PURE__ */ e(C, { points: n, onClick: () => {
-    const r = s.status.get();
-    r === c.Suspended ? (s.openFeature(), a.emit("app", {
+  }, [t]), /* @__PURE__ */ e(C, { points: r, onClick: () => {
+    const n = s.status.get();
+    n === c.Suspended ? (s.openFeature(), a.emit("app", {
       action: "open",
       payload: {}
     }), a.emit("interactions", {
       action: "tap",
       payload: {}
-    })) : r === c.Ready && (s.closeFeature(!1), a.emit("app", {
+    })) : n === c.Ready && (s.closeFeature(!1), a.emit("app", {
       action: "close",
       payload: {}
     }), a.emit("interactions", {
@@ -68,10 +69,10 @@ const I = /* @__PURE__ */ o("div")({
     return null;
   const t = s.getFeature(g.GAMES);
   return t ? /* @__PURE__ */ e(j, { gamification: t }) : null;
-}, R = ({ theme: s }) => {
-  const t = k(), n = A();
-  return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(d, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ e(L, { sdk: t }) }) }) : null;
+}, V = ({ theme: s }) => {
+  const t = k(), r = A();
+  return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(d, { customTheme: s ?? r.theme, themeMode: r.themeMode, children: /* @__PURE__ */ e(L, { sdk: t }) }) }) : null;
 };
 export {
-  R as StreamLayerSDKPoints
+  V as StreamLayerSDKPoints
 };