@streamlayer/react-ui 1.28.2 → 1.29.0

package/lib/app/app/Layout/styles.d.ts

@@ -1,3 +1,4 @@
+export declare const breakpoints: (value: string) => string;
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Sidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/app/Layout/styles.js

@@ -1,64 +1,73 @@
 import { styled as s } from "@linaria/react";
-const e = /* @__PURE__ */ s("div")({
+const n = (a) => `
+    @media only screen and (max-width: 1024px) {
+        ${a}
+    }
+
+    @media only screen and (max-width: 1366px) and (orientation: landscape) {
+        ${a}
+    }
+`, o = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c6rz41d",
   propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "ContentContainer",
   class: "clv6awu",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "Sidebar",
   class: "ssfv9z7",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "SideBarOverlay",
   class: "sweyrp8",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "Banner",
   class: "b5w8mb1",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "VideoContainer",
   class: "v1uhtlpt",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "VideoBox",
   class: "v7viet2",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "VideoPlayer",
   class: "v9y7cje",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "Overlay",
   class: "opmmtyi",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), v = /* @__PURE__ */ s("div")({
   name: "Notification",
   class: "nk5geky",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "PointsContainer",
   class: "p17bxk8w",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "InApp",
   class: "i1h25kze",
   propsAsIs: !1
 });
 export {
-  r as Banner,
-  e as Container,
-  n as ContentContainer,
-  m as InApp,
-  d as Notification,
-  c as Overlay,
-  v as PointsContainer,
-  i as SideBarOverlay,
-  o as Sidebar,
-  p as VideoBox,
-  t as VideoContainer,
-  l as VideoPlayer
+  p as Banner,
+  o as Container,
+  i as ContentContainer,
+  A as InApp,
+  v as Notification,
+  m as Overlay,
+  f as PointsContainer,
+  r as SideBarOverlay,
+  t as Sidebar,
+  c as VideoBox,
+  l as VideoContainer,
+  d as VideoPlayer,
+  n as breakpoints
 };

package/lib/app/webos/Advertisement/AdvertisementUI.d.ts

@@ -17,6 +17,5 @@ export declare const AdvertisementUI: React.FC<{
     fireEvent: Advertisement['fireEvent'];
     muted?: boolean;
     toggleMute: (flag: boolean) => void;
-    isMuted?: boolean;
     isNotification?: boolean;
 }>;

package/lib/app/webos/Advertisement/AdvertisementUI.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { TVSidebar as S } from "../ui/Sidebar/index.js";
-import { Banner as b } from "../../../ui/advertisement/banner/index.js";
-import { Notification as g } from "../../../ui/advertisement/notification/index.js";
-import { Sidebar as s } from "../../../ui/advertisement/sidebar/index.js";
-const B = ({
+import { TVSidebar as N } from "../ui/Sidebar/index.js";
+import { Banner as S } from "../../../ui/advertisement/banner/index.js";
+import { Notification as b } from "../../../ui/advertisement/notification/index.js";
+import { Sidebar as g } from "../../../ui/advertisement/sidebar/index.js";
+const A = ({
   advertisement: o,
   close: t,
   skipAutoClose: p,
@@ -18,10 +18,9 @@ const B = ({
   fireEvent: u,
   muted: I,
   toggleMute: h,
-  isMuted: q,
-  isNotification: N
-}) => o.promotion ? N && o.notification ? /* @__PURE__ */ r(
-  g,
+  isNotification: q
+}) => o.promotion ? q && o.notification ? /* @__PURE__ */ r(
+  b,
   {
     open: () => i == null ? void 0 : i({ fromNotification: !0 }),
     notification: o.notification,
@@ -29,8 +28,8 @@ const B = ({
     close: t,
     webos: !0
   }
-) : n ? /* @__PURE__ */ r(s, { className: "PromoSidebarContainer", direction: n, hiding: !1, children: /* @__PURE__ */ r(
-  S,
+) : n ? /* @__PURE__ */ r(g, { className: "PromoSidebarContainer", direction: n, hiding: !1, children: /* @__PURE__ */ r(
+  N,
   {
     markAsViewed: c,
     promotionId: o.question.id,
@@ -44,11 +43,10 @@ const B = ({
     isEventFired: m,
     fireEvent: u,
     muted: I,
-    toggleMute: h,
-    isMuted: q
+    toggleMute: h
   }
 ) }) : f ? /* @__PURE__ */ r(
-  b,
+  S,
   {
     promotionId: o.question.id,
     hiding: !1,
@@ -59,5 +57,5 @@ const B = ({
   }
 ) : null : null;
 export {
-  B as AdvertisementUI
+  A as AdvertisementUI
 };

package/lib/app/webos/Advertisement/index.js

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as P } from "react/jsx-runtime";
-import { cx as T } from "@linaria/core";
-import { styled as V } from "@linaria/react";
-import { useAnalyticsListener as x } from "../../../hooks/analytics.js";
-import { useHideTransition as F } from "../../../hooks/showIn.js";
+import { jsxs as T, jsx as P } from "react/jsx-runtime";
+import { cx as V } from "@linaria/core";
+import { styled as x } from "@linaria/react";
+import { useAnalyticsListener as F } from "../../../hooks/analytics.js";
+import { useHideTransition as M } from "../../../hooks/showIn.js";
 import { forwardRef as O, useEffect as B, useRef as j } from "react";
 import { useStore as u } from "@streamlayer/react-polyfills";
 import { eventBus as E } from "@streamlayer/sdk-web-interfaces";
 import { PromotionType as q, FeatureType as D } from "@streamlayer/sdk-web-types";
 import { useAdvertisementBackground as H } from "../../../ui/theme/utils.js";
 import { AdvertisementUI as K } from "./AdvertisementUI.js";
-const N = /* @__PURE__ */ V("div")({
+const N = /* @__PURE__ */ x("div")({
   name: "AdvertisementUIWrap",
   class: "a17b2u9w",
   propsAsIs: !1
@@ -45,8 +45,8 @@ const N = /* @__PURE__ */ V("div")({
   var p, f, g, v, A, b, S, y, U, I;
   const e = u(t.advertisement.$store), {
     finished: c
-  } = F();
-  x(d, {
+  } = M();
+  F(d, {
     enabled: !!e.data,
     event: "click",
     listener: R
@@ -59,12 +59,12 @@ const N = /* @__PURE__ */ V("div")({
     landscapeUrl: W,
     portraitUrl: h
   });
-  return e.data === void 0 || !m && e.isViewed ? null : /* @__PURE__ */ M(N, {
+  return e.data === void 0 || !m && e.isViewed ? null : /* @__PURE__ */ T(N, {
     ref: d,
     style: {
       height: k ? "auto" : "100%"
     },
-    className: T("SL-AdvertisementUIWrap", "SL-AdvertisementWebOs", "SL-AdvertisementUIWrap--lower-third"),
+    className: V("SL-AdvertisementUIWrap", "SL-AdvertisementWebOs", "SL-AdvertisementUIWrap--lower-third"),
     children: [!n && w, /* @__PURE__ */ P(K, {
       sidebar: s,
       banner: i,
@@ -74,7 +74,6 @@ const N = /* @__PURE__ */ V("div")({
       }),
       toggleMute: e.toggleMute || (() => {
       }),
-      isMuted: e.isMuted,
       close: e.close,
       isEventFired: e.isEventFired,
       fireEvent: e.fireEvent,

package/lib/app/webos/ExposedPauseAd/PauseAd.d.ts

@@ -1,3 +1,4 @@
+import { StreamLayerSDKTvOptions } from '..';
 export interface PauseAdProps {
     vastUrls: Array<{
         template?: 'default';
@@ -11,5 +12,6 @@ export interface PauseAdProps {
     onRender?: (params: {
         rendered: boolean;
     }) => void;
+    options?: StreamLayerSDKTvOptions;
 }
 export declare const PauseAd: React.FC<PauseAdProps>;

package/lib/app/webos/ExposedPauseAd/PauseAd.js

@@ -1,95 +1,117 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { cx as E } from "@linaria/core";
-import { useFocusable as x } from "@noriginmedia/norigin-spatial-navigation";
-import { useState as A, useRef as y, useEffect as d } from "react";
-import { eventBus as P } from "@streamlayer/sdk-web-interfaces";
-import { useGAMPlayer as T } from "../../../ui/advertisement/overlay/externalAd/vast-player/useGAMPlayer.js";
-import { PauseAdOverlay as b, PauseAdContent as g, PauseAdGradientLeft as w, PauseAdGradientRight as k, PauseAdGradientBottom as B, PauseAdTopLeft as L, PauseAdTitle as S, PauseAdCaption as C, PauseAdBottomLeft as G, PauseAdPlayButton as D, PauseAdSidebar as F, ExternalAdContainer as I } from "./styles.js";
-const M = ({ vastUrl: a }) => {
-  const r = y(null), [, , u] = T(r, a);
-  return d(() => {
-    u && u();
-  }, [u]), /* @__PURE__ */ t(I, { ref: r });
-}, j = ({ isClosing: a, title: r, caption: u, onPlay: f, onClose: s, vastUrl: m }) => {
-  const { ref: e, focusSelf: o } = x({
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { cx as B } from "@linaria/core";
+import { useFocusable as L } from "@noriginmedia/norigin-spatial-navigation";
+import { useState as x, useRef as k, useEffect as P } from "react";
+import { useStore as G } from "@streamlayer/react-polyfills";
+import { eventBus as g } from "@streamlayer/sdk-web-interfaces";
+import { useLoadGAMStatic as b } from "../../../ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.js";
+import { PauseAdOverlay as M, PauseAdContent as D, PauseAdGradientLeft as F, PauseAdGradientRight as I, PauseAdGradientBottom as j, PauseAdTopLeft as K, PauseAdTitle as N, PauseAdCaption as $, PauseAdBottomLeft as O, PauseAdPlayButton as V, PauseAdSidebar as _, ExternalAdContainer as w } from "./styles.js";
+const q = ({ vastUrl: t }) => {
+  var d;
+  const [, n] = b(), u = G(n, { keys: [t] });
+  return (d = u == null ? void 0 : u[t]) != null && d.imageSrc ? u[t].adUrl ? /* @__PURE__ */ e("a", { href: u[t].adUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(w, { src: u[t].imageSrc }) }) : /* @__PURE__ */ e(w, { src: u[t].imageSrc }) : null;
+}, z = ({ isClosing: t, title: n, caption: u, onPlay: d, onClose: s, vastUrl: a, options: r }) => {
+  const { ref: o, focusSelf: f } = L({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: f,
+    onEnterRelease: d,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return d(() => {
-    e.current && o();
-  }, [e, o]), d(() => {
-    const l = (n) => {
-      const i = n.keyCode;
-      if (i === 461 || i === 10009 || i === 27) {
-        n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation(), s == null || s();
+  return P(() => {
+    o.current && f();
+  }, [o, f]), P(() => {
+    const A = (m) => {
+      const l = m.keyCode;
+      if (l === 461 || l === 10009 || l === 27) {
+        m.preventDefault(), m.stopPropagation(), m.stopImmediatePropagation(), s == null || s();
         return;
       }
     };
-    return window.addEventListener("keydown", l, { capture: !0 }), () => window.removeEventListener("keydown", l, { capture: !0 });
-  }, [s]), /* @__PURE__ */ t(b, { className: E(a && "pause-ad-closing"), children: /* @__PURE__ */ p(g, { children: [
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(k, {}),
-    /* @__PURE__ */ t(B, {}),
-    /* @__PURE__ */ p(L, { children: [
-      /* @__PURE__ */ t(S, { children: r }),
-      /* @__PURE__ */ t(C, { children: u })
+    return window.addEventListener("keydown", A, { capture: !0 }), () => window.removeEventListener("keydown", A, { capture: !0 });
+  }, [s]), /* @__PURE__ */ e(M, { className: B(t && "pause-ad-closing"), children: /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ e(F, {}),
+    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(j, {}),
+    /* @__PURE__ */ y(K, { children: [
+      /* @__PURE__ */ e(N, { children: n }),
+      /* @__PURE__ */ e($, { children: u })
     ] }),
-    /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(
-      D,
+    (r == null ? void 0 : r.showPauseButton) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+      V,
       {
-        ref: e,
-        onClick: f,
-        onMouseEnter: () => e.current.focus(),
+        ref: o,
+        onClick: d,
+        onMouseEnter: () => o.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ p(F, { children: [
-      m && /* @__PURE__ */ t(M, { vastUrl: m }),
-      /* @__PURE__ */ t("span", { children: "ADVERTISEMENT" })
+    /* @__PURE__ */ y(_, { children: [
+      a && /* @__PURE__ */ e(q, { vastUrl: a }),
+      /* @__PURE__ */ e("span", { children: "ADVERTISEMENT" })
     ] })
   ] }) });
-}, H = ({
-  showPauseAd: a,
-  vastUrls: r,
+}, R = ({
+  showPauseAd: t,
+  vastUrls: n,
   title: u,
-  caption: f,
+  caption: d,
   onPlay: s,
-  onClose: m,
-  onRender: e
+  onClose: a,
+  onRender: r,
+  options: o
 }) => {
-  const [o, l] = A(!1), [n, i] = A(!1), c = y();
-  d(() => (c.current && clearTimeout(c.current), a ? (P.emit("exposedPauseAd", {
-    action: "enabled",
-    payload: {}
-  }), c.current = setTimeout(() => {
-    i(!1), l(!0);
-  }, 5e3)) : (P.emit("exposedPauseAd", {
-    action: "disabled",
-    payload: {}
-  }), i(!0), c.current = setTimeout(() => {
-    l(!1);
-  }, 400)), () => {
-    c.current && clearTimeout(c.current);
-  }), [a]), d(() => {
-    e == null || e({ rendered: o });
-  }, [o, e]), d(() => () => {
-    e == null || e({ rendered: !1 });
-  }, [e]);
-  const h = r == null ? void 0 : r[0].url;
-  return o ? /* @__PURE__ */ t(
-    j,
+  const [f, A] = x(!1), [m, l] = x(!1), c = k(), i = n == null ? void 0 : n[0].url, h = k(i);
+  h.current = i;
+  const [S, T] = b();
+  return P(() => {
+    if (t && i) {
+      g.emit("exposedPauseAd", {
+        action: "enabled",
+        payload: {}
+      }), S(i).then((p) => {
+        h.current === i && (p == null ? void 0 : p.success) !== !0 && (clearTimeout(c.current), a == null || a());
+      }).catch(() => {
+        h.current === i && (clearTimeout(c.current), a == null || a());
+      });
+      const E = () => {
+        var p;
+        (p = T.get()[h.current]) != null && p.imageSrc ? (clearTimeout(c.current), l(!1), A(!0), g.emit("exposedPauseAd", {
+          action: "rendered",
+          payload: {}
+        })) : c.current = setTimeout(() => {
+          E();
+        }, 200);
+      };
+      c.current = setTimeout(() => {
+        E();
+      }, 5e3);
+    } else
+      g.emit("exposedPauseAd", {
+        action: "disabled",
+        payload: {}
+      }), l(!0), c.current = setTimeout(() => {
+        A(!1);
+      }, 400);
+    return () => {
+      c.current && clearTimeout(c.current);
+    };
+  }, [T, S, a, t, i]), P(() => {
+    r == null || r({ rendered: f });
+  }, [f, r]), P(() => () => {
+    r == null || r({ rendered: !1 });
+  }, [r]), f ? /* @__PURE__ */ e(
+    z,
     {
-      onClose: m,
-      isClosing: n,
+      onClose: a,
+      isClosing: m,
       title: u,
-      caption: f,
+      caption: d,
       onPlay: s,
-      vastUrl: h
+      vastUrl: i,
+      options: o
     }
   ) : null;
 };
 export {
-  H as PauseAd
+  R as PauseAd
 };

package/lib/app/webos/ExposedPauseAd/styles.d.ts

@@ -9,4 +9,4 @@ export declare const PauseAdCaption: import('@linaria/react').StyledComponent<im
 export declare const PauseAdBottomLeft: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PauseAdPlayButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const PauseAdSidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ExternalAdContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ExternalAdContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/app/webos/ExposedPauseAd/styles.js

@@ -15,11 +15,11 @@ const e = /* @__PURE__ */ s("div")({
   name: "PauseAdGradientRight",
   class: "p1kh2yb0",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "PauseAdGradientBottom",
   class: "pl8f94x",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "PauseAdTopLeft",
   class: "p1m6zmrt",
   propsAsIs: !1
@@ -43,7 +43,7 @@ const e = /* @__PURE__ */ s("div")({
   name: "PauseAdSidebar",
   class: "p1dpvfl1",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("img")({
   name: "ExternalAdContainer",
   class: "ezfmabr",
   propsAsIs: !1
@@ -53,12 +53,12 @@ export {
   r as PauseAdBottomLeft,
   A as PauseAdCaption,
   t as PauseAdContent,
-  d as PauseAdGradientBottom,
+  p as PauseAdGradientBottom,
   o as PauseAdGradientLeft,
   n as PauseAdGradientRight,
   e as PauseAdOverlay,
   i as PauseAdPlayButton,
   u as PauseAdSidebar,
   l as PauseAdTitle,
-  p as PauseAdTopLeft
+  d as PauseAdTopLeft
 };

package/lib/app/webos/index.d.ts

@@ -1,6 +1,9 @@
 import { Component } from 'react';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { PauseAdProps } from './ExposedPauseAd/PauseAd';
+export type StreamLayerSDKTvOptions = {
+    showPauseButton?: boolean;
+};
 export type StreamLayerSDKTvProps = {
     persistent?: boolean;
     children: React.ReactNode;
@@ -11,6 +14,7 @@ export type StreamLayerSDKTvProps = {
     onRenderPauseAd?: (params: {
         rendered: boolean;
     }) => void;
+    options?: StreamLayerSDKTvOptions;
 };
 export declare class StreamLayerSDKTv extends Component<StreamLayerSDKTvProps, {
     hasError: boolean;

package/lib/app/webos/index.js

@@ -1,46 +1,48 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { init as y } from "@noriginmedia/norigin-spatial-navigation";
-import { Layout as v } from "../app/Layout/index.js";
-import { Component as D, useCallback as u } from "react";
-import { useStore as d } from "@streamlayer/react-polyfills";
-import { StreamLayerSDKAdvertisementWebOS as m } from "./Advertisement/index.js";
-import { PauseAd as L } from "./ExposedPauseAd/PauseAd.js";
-import { StreamLayerSDKQuestionWebOS as S } from "./Question/index.js";
+import { Layout as b } from "../app/Layout/index.js";
+import { Component as D, useCallback as c } from "react";
+import { useStore as x } from "@streamlayer/react-polyfills";
+import { StreamLayerSDKAdvertisementWebOS as u } from "./Advertisement/index.js";
+import { PauseAd as v } from "./ExposedPauseAd/PauseAd.js";
+import { StreamLayerSDKQuestionWebOS as s } from "./Question/index.js";
 y({
   shouldFocusDOMNode: !0
 });
-const K = ({
-  persistent: o,
-  children: e,
+const L = ({
+  persistent: e,
+  children: o,
   sdk: r,
-  showPauseAd: p,
-  pauseAdVastUrl: c,
-  onClosePauseAd: a,
-  onRenderPauseAd: s
+  showPauseAd: l,
+  pauseAdVastUrl: m,
+  onClosePauseAd: n,
+  onRenderPauseAd: f,
+  options: S
 }) => {
-  const i = d(r.uiState), f = u(() => {
-    a == null || a();
-  }, [a]), h = u(() => {
+  const a = x(r.uiState), p = c(() => {
+    n == null || n();
+  }, [n]), h = c(() => {
     r.controlVideoPlayer({ play: !0 });
-  }, [r]), l = i.appSidebar || i.promotionSidebar || i.promotionOverlay;
-  return /* @__PURE__ */ b(
-    v,
+  }, [r]);
+  return /* @__PURE__ */ d(
+    b,
     {
       sdk: r,
-      sidebar: ({ promo: n }) => n ? /* @__PURE__ */ t(m, { sdk: r, persistent: o, sidebar: "right" }) : /* @__PURE__ */ t(S, { sdk: r, persistent: o }),
-      notification: ({ promo: n }) => n ? /* @__PURE__ */ t(m, { sdk: r, notification: !0, persistent: o }) : /* @__PURE__ */ t(S, { notification: !0, sdk: r, persistent: o }),
-      banner: /* @__PURE__ */ t(m, { sdk: r, persistent: o, banner: "bottom" }),
+      sidebar: ({ promo: i }) => a.exposedPauseAd ? null : i ? /* @__PURE__ */ t(u, { sdk: r, persistent: e, sidebar: "right" }) : /* @__PURE__ */ t(s, { sdk: r, persistent: e }),
+      notification: ({ promo: i }) => a.exposedPauseAd ? null : i ? /* @__PURE__ */ t(u, { sdk: r, notification: !0, persistent: e }) : /* @__PURE__ */ t(s, { notification: !0, sdk: r, persistent: e }),
+      banner: a.exposedPauseAd ? null : /* @__PURE__ */ t(u, { sdk: r, persistent: e, banner: "bottom" }),
       webos: !0,
       children: [
-        e,
-        c && !l && /* @__PURE__ */ t(
-          L,
+        o,
+        m && /* @__PURE__ */ t(
+          v,
           {
-            showPauseAd: p,
-            vastUrls: c,
-            onClose: f,
-            onRender: s,
-            onPlay: h
+            showPauseAd: l,
+            vastUrls: m,
+            onClose: p,
+            onRender: f,
+            onPlay: h,
+            options: S
           }
         )
       ]
@@ -48,17 +50,17 @@ const K = ({
   );
 };
 class W extends D {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 };
+  constructor(o) {
+    super(o), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(e, r) {
-    console.error("StreamLayerSDKTv error:", e, r.componentStack);
+  componentDidCatch(o, r) {
+    console.error("StreamLayerSDKTv error:", o, r.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ t(K, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ t(L, { ...this.props });
   }
 }
 export {