@streamlayer/react 1.23.0 → 1.23.1

package/lib/es/pause-ad.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { h as N } from "./index7.js";
-import { s as d, u as q, c as V } from "./sl-types.js";
-import { d as j } from "./index14.js";
-import { useState as B, useRef as b, useCallback as _, useEffect as c, Component as z } from "react";
-import { e as E } from "./index3.js";
-import { B as K, z as O } from "./hooks-B0Qttldg.js";
-const G = /* @__PURE__ */ d("div")({
+import { h as N } from "./index8.js";
+import { s as d, u as j, c as q } from "./sl-types.js";
+import { d as V } from "./index15.js";
+import { useState as B, useRef as E, useCallback as _, useEffect as c, Component as z } from "react";
+import { e as C } from "./index3.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/es/points.js

@@ -1,13 +1,14 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { h as u } from "./index7.js";
+import { h as u } from "./index8.js";
 import { useState as d, useEffect as f } from "react";
 import { s as o, u as y } from "./sl-types.js";
-import { F as c, e as a } from "./index3.js";
+import { e as a } from "./index3.js";
 import { d as h } from "./index5.js";
 import { m as S } from "./theme.js";
 import { B as v } from "./index6.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",
@@ -69,10 +70,10 @@ const I = /* @__PURE__ */ o("div")({
     return null;
   const t = s.getFeature(g.GAMES);
   return t ? /* @__PURE__ */ e(j, { gamification: t }) : null;
-}, V = ({ theme: s }) => {
+}, _ = ({ theme: s }) => {
   const t = k(), r = A();
   return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(u, { customTheme: s ?? r.theme, themeMode: r.themeMode, children: /* @__PURE__ */ e(L, { sdk: t }) }) }) : null;
 };
 export {
-  V as StreamLayerSDKPoints
+  _ as StreamLayerSDKPoints
 };