@streamlayer/web-os 0.6.0 → 0.6.2

package/lib/classic/es/index.js

@@ -6725,7 +6725,7 @@ const D$6 = /* @__PURE__ */ styled_default("div")({
   persistent: c2,
   controlVideo: p2
 }, m2) => {
-  var A2, g2, b2, S2, y3, L2, U2, P2, I2, W3, O2, h2, k2, E2, T2, B2;
+  var A2, b2, g2, S2, L2, y3, U2, P2, I2, W3, O2, k2, E2, T2, h2, B2;
   const e2 = useStore(t6.advertisement.$store), o2 = useStore(t6.openedQuestion.$store), f2 = useStore(t6.openedQuestion.$extendedStore), {
     finished: v2
   } = S$8();
@@ -6737,16 +6737,13 @@ const D$6 = /* @__PURE__ */ styled_default("div")({
     var w2;
     v2 && ((w2 = e2.close) == null || w2.call(e2));
   }, [v2]);
-  const F2 = ((b2 = (g2 = (A2 = e2.data) == null ? void 0 : A2.question) == null ? void 0 : g2.backgroundImage) == null ? void 0 : b2.landscapeUrl) || ((y3 = (S2 = e2.data) == null ? void 0 : S2.promotion) == null ? void 0 : y3.backgroundImageLandscapeUrl), M2 = ((P2 = (U2 = (L2 = e2.data) == null ? void 0 : L2.question) == null ? void 0 : U2.backgroundImage) == null ? void 0 : P2.portraitUrl) || ((W3 = (I2 = e2.data) == null ? void 0 : I2.promotion) == null ? void 0 : W3.backgroundImagePortraitUrl), R2 = y$g({
+  const F2 = ((g2 = (b2 = (A2 = e2.data) == null ? void 0 : A2.question) == null ? void 0 : b2.backgroundImage) == null ? void 0 : g2.landscapeUrl) || ((L2 = (S2 = e2.data) == null ? void 0 : S2.promotion) == null ? void 0 : L2.backgroundImageLandscapeUrl), M2 = ((P2 = (U2 = (y3 = e2.data) == null ? void 0 : y3.question) == null ? void 0 : U2.backgroundImage) == null ? void 0 : P2.portraitUrl) || ((W3 = (I2 = e2.data) == null ? void 0 : I2.promotion) == null ? void 0 : W3.backgroundImagePortraitUrl), R2 = y$g({
     containerId: s2,
     landscapeUrl: F2,
     portraitUrl: M2
-  }), K2 = ((h2 = (O2 = f2 == null ? void 0 : f2.data) == null ? void 0 : O2.appearance) == null ? void 0 : h2.position) === QuestionPosition.LBAR;
-  return n2 && e2.data === void 0 && ((k2 = o2 == null ? void 0 : o2.attributes) == null ? void 0 : k2.adUnit) === AdUnit.STANDART && K2 && ((B2 = (T2 = (E2 = o2 == null ? void 0 : o2.attributes) == null ? void 0 : E2.adPromotion) == null ? void 0 : T2.banner) != null && B2.imageUrl) ? /* @__PURE__ */ jsx(D$6, {
+  }), K2 = ((k2 = (O2 = f2 == null ? void 0 : f2.data) == null ? void 0 : O2.appearance) == null ? void 0 : k2.position) === QuestionPosition.LBAR;
+  return n2 && e2.data === void 0 && ((E2 = o2 == null ? void 0 : o2.attributes) == null ? void 0 : E2.adUnit) === AdUnit.STANDART && K2 && ((B2 = (h2 = (T2 = o2 == null ? void 0 : o2.attributes) == null ? void 0 : T2.adPromotion) == null ? void 0 : h2.banner) != null && B2.imageUrl) ? /* @__PURE__ */ jsx(D$6, {
     ref: m2,
-    style: {
-      height: "100%"
-    },
     className: cx_default("SL-AdvertisementWebOs", "SL-AdvertisementWebOs--banner"),
     children: /* @__PURE__ */ jsx(a$u, {
       cardId: o2.id,
@@ -6759,7 +6756,7 @@ const D$6 = /* @__PURE__ */ styled_default("div")({
   }) : e2.data === void 0 || !c2 && e2.isViewed ? null : /* @__PURE__ */ jsxs(D$6, {
     ref: m2,
     style: {
-      height: d2 || n2 ? "100%" : "auto"
+      height: d2 ? "100%" : n2 ? void 0 : "auto"
     },
     className: cx_default("SL-AdvertisementWebOs", !d2 && !n2 && !i2 && "SL-AdvertisementWebOs--overlay", d2 && "SL-AdvertisementWebOs--sidebar", n2 && "SL-AdvertisementWebOs--banner", i2 && "SL-AdvertisementWebOs--notification"),
     children: [!i2 && R2, /* @__PURE__ */ jsx(A$d, {
@@ -6886,7 +6883,7 @@ const W$3 = ({
   }
 ) : null), X$1 = ({ isClosing: l2, content: o2, externalPauseAdStore: r2, title: k2, caption: y3, onPlay: f2, onClose: a2, vastUrl: c2, options: A2, isDesktop: m2 }) => {
   var _a2;
-  const b2 = (_a2 = A2 == null ? void 0 : A2.showPauseButton) != null ? _a2 : true, { ref: s2, focusSelf: I2 } = useFocusable({
+  const v2 = (_a2 = A2 == null ? void 0 : A2.showPauseButton) != null ? _a2 : true, { ref: s2, focusSelf: I2 } = useFocusable({
     focusKey: "sl-pause-ad-play",
     onEnterRelease: f2,
     isFocusBoundary: true,
@@ -6908,12 +6905,12 @@ const W$3 = ({
       }
     };
     return window.addEventListener("keydown", E2, { capture: true }), () => window.removeEventListener("keydown", E2, { capture: true });
-  }, [a2]), /* @__PURE__ */ jsx(e$d, { className: cx_default("SL_PauseAdOverlay", l2 && "pause-ad-closing"), children: /* @__PURE__ */ jsxs(t$l, { children: [
+  }, [a2]), /* @__PURE__ */ jsx(e$d, { className: cx_default("SL_PauseAd", l2 && "pause-ad-closing"), children: /* @__PURE__ */ jsxs(t$l, { children: [
     /* @__PURE__ */ jsxs(p$i, { children: [
       /* @__PURE__ */ jsx(o$9, { children: k2 }),
       /* @__PURE__ */ jsx(n$8, { children: y3 })
     ] }),
-    b2 && /* @__PURE__ */ jsx(d$c, { children: /* @__PURE__ */ jsx(
+    v2 && /* @__PURE__ */ jsx(d$c, { children: /* @__PURE__ */ jsx(
       l$i,
       {
         ref: s2,
@@ -6929,12 +6926,12 @@ const W$3 = ({
   ] }) });
 }, se$1 = ({ showPauseAd: l2, vastUrls: o2, title: r2, caption: k2, sdk: y3, onClose: f2, onRender: a2, options: c2, isDesktop: A2 }) => {
   var _a2, _b;
-  const m2 = (_a2 = c2 == null ? void 0 : c2.pauseAdDelay) != null ? _a2 : 0, b2 = (_b = c2 == null ? void 0 : c2.pauseAdRefetchInterval) != null ? _b : 1e3 * 60 * 50, [s2, I2] = useState$1(false), [E2, d2] = useState$1(false), t6 = useRef(), p2 = o2 == null ? void 0 : o2[0].url, P2 = useRef(p2), S2 = useRef(""), T2 = useRef("");
+  const m2 = (_a2 = c2 == null ? void 0 : c2.pauseAdDelay) != null ? _a2 : 0, v2 = (_b = c2 == null ? void 0 : c2.pauseAdRefetchInterval) != null ? _b : 1e3 * 60 * 50, [s2, I2] = useState$1(false), [E2, d2] = useState$1(false), t6 = useRef(), p2 = o2 == null ? void 0 : o2[0].url, P2 = useRef(p2), S2 = useRef(""), T2 = useRef("");
   P2.current = p2;
   const [i2, D2] = y3.advertisement.getExternalPauseAd(p2, {
-    refetchInterval: b2,
+    refetchInterval: v2,
     $enabled: m2 === 0 || !!l2,
-    prefetch: m2 === 0 && b2 > 0
+    prefetch: m2 === 0 && v2 > 0
   }), x2 = useStore(i2), g2 = useCallback(() => {
     if (f2) {
       T2.current = P2.current;
@@ -6947,7 +6944,7 @@ const W$3 = ({
         } : {}
       }), f2();
     }
-  }, [f2, i2]), R2 = useCallback(() => {
+  }, [f2, i2]), j2 = useCallback(() => {
     y3.controlVideoPlayer({ play: true });
   }, [y3]);
   return useEffect$1(() => {
@@ -7001,7 +6998,7 @@ const W$3 = ({
       isClosing: E2,
       title: r2,
       caption: k2,
-      onPlay: R2,
+      onPlay: j2,
       vastUrl: p2,
       options: c2,
       isDesktop: A2,
@@ -20191,18 +20188,27 @@ const StreamLayerSDKTvContentPure = ({ persistent, notification, banner, sdk })
     return null;
   }
   if (banner) {
-    return /* @__PURE__ */ jsx(ve, { sdk, persistent, banner: "bottom" });
+    if (uiState.promotionBanner || uiState.appBanner) {
+      return /* @__PURE__ */ jsx(ve, { sdk, persistent, banner: "bottom" });
+    }
+    return null;
   }
   if (notification) {
-    if (!!uiState.promotionNotification) {
-      return /* @__PURE__ */ jsx(ve, { sdk, notification: true, persistent, sidebar: "right" });
+    if (uiState.promotionNotification) {
+      return /* @__PURE__ */ jsx(ve, { sdk, notification: true, persistent });
     }
-    return /* @__PURE__ */ jsx(Z, { sdk, notification: true, persistent });
+    if (uiState.onboardingNotification || uiState.appNotification) {
+      return /* @__PURE__ */ jsx(Z, { sdk, notification: true, persistent });
+    }
+    return null;
   }
-  if (!!uiState.promotionSidebar) {
+  if (uiState.promotionSidebar) {
     return /* @__PURE__ */ jsx(ve, { sdk, persistent, sidebar: "right" });
   }
-  return /* @__PURE__ */ jsx(Z, { sdk, persistent });
+  if (uiState.app || uiState.appSidebar) {
+    return /* @__PURE__ */ jsx(Z, { sdk, persistent });
+  }
+  return null;
 };
 const StreamLayerSDKTvContent = (props) => {
   const sdk = B();
@@ -20210,23 +20216,21 @@ const StreamLayerSDKTvContent = (props) => {
   if (!sdk) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsx(h$9, { customTheme: baseTheme.theme, themeMode: baseTheme.themeMode, children: /* @__PURE__ */ jsx(StreamLayerSDKTvContentPure, { sdk, ...props }) }) });
+  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK StreamLayerSDKTvContent", children: /* @__PURE__ */ jsx(h$9, { customTheme: baseTheme.theme, themeMode: baseTheme.themeMode, children: /* @__PURE__ */ jsx(StreamLayerSDKTvContentPure, { sdk, ...props }) }) });
 };
-const StreamLayerSDKTvPauseAd = (props) => {
+const StreamLayerSDKTvPauseAd = ({
+  videoPlayerController,
+  ...props
+}) => {
   const sdk = B();
   const baseTheme = z();
   if (!sdk) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsx(
-    h$9,
-    {
-      style: { position: "relative" },
-      customTheme: baseTheme.theme,
-      themeMode: baseTheme.themeMode,
-      children: /* @__PURE__ */ jsx(se$1, { ...props, sdk, isDesktop: false })
-    }
-  ) });
+  return /* @__PURE__ */ jsxs("div", { className: "StreamLayerSDK StreamLayerSDKTvPauseAd", children: [
+    /* @__PURE__ */ jsx(h$9, { customTheme: baseTheme.theme, themeMode: baseTheme.themeMode, children: /* @__PURE__ */ jsx(se$1, { ...props, sdk, isDesktop: false }) }),
+    videoPlayerController && /* @__PURE__ */ jsx(RegisterVideoPlayerController, { videoPlayerController })
+  ] });
 };
 const StreamLayerSDKTv = ({
   persistent,
@@ -20257,7 +20261,7 @@ const StreamLayerSDKTv = ({
   if (!sdk) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsxs(h$9, { customTheme: baseTheme.theme, themeMode: baseTheme.themeMode, children: [
+  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK StreamLayerSDKTv", children: /* @__PURE__ */ jsxs(h$9, { customTheme: baseTheme.theme, themeMode: baseTheme.themeMode, children: [
     /* @__PURE__ */ jsx(
       W$1,
       {

package/lib/classic/index.d.ts

@@ -25,5 +25,7 @@ export declare const StreamLayerSDKTvContent: React.FC<{
     notification?: boolean;
     banner?: boolean;
 }>;
-export declare const StreamLayerSDKTvPauseAd: React.FC<PauseAdProps>;
+export declare const StreamLayerSDKTvPauseAd: React.FC<PauseAdProps & {
+    videoPlayerController: VideoPlayerCallback;
+}>;
 export declare const StreamLayerSDKTv: React.FC<StreamLayerSDKTvProps>;