@streamlayer/react 1.11.2 → 1.11.3-rc.4

package/lib/es/advertisement.js

@@ -1,338 +1,330 @@
-import { jsx as e, jsxs as v, Fragment as po } from "react/jsx-runtime";
-import { useRef as F, useState as R, useCallback as Mo, useEffect as L } from "react";
-import { e as M, s as n, f as Po, g as mo, i as D, Y as ko, a as uo, L as Lo, u as Oo, j as _o, b as Bo, S as T, h as xo } from "./provider.js";
-import { N, a as vo, b as Ao, C as go, c as ho, P as k, d as S, A as Ro, e as Do, S as qo } from "./useStreamLayerApp2.js";
-const wo = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c5b6wdg",
-  propsAsIs: !1
-}), Vo = "a1rlj479", jo = "s35f1di", Uo = "sj4471g", Fo = "b12050d8", zo = "b1d5ybek", Go = (o) => o === "left" || o === "right" ? jo : Fo, Wo = (o) => o === "left" || o === "right" ? Uo : zo, Ho = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", z = ({
-  children: o,
-  style: s,
-  className: i,
+import { jsx as o, jsxs as v, Fragment as ce } from "react/jsx-runtime";
+import { e as pe, L as Se, g as L, s, i as D, j as me, k as Le, p as Ce, u as _e, c as Me, d as xe, a as E, h as Oe } from "./provider.js";
+import { useEffect as M, useRef as G, useState as w, useCallback as Be } from "react";
+import { S as Re, N as ue, a as N, P, b as ve, c as Ae, C as fe, d as _, A as we, e as De } from "./useStreamLayerApp2.js";
+const qe = () => Xe, Ve = () => W, ze = /* @__PURE__ */ s("div")({
+  name: "Ue",
+  class: "uyu7xk0",
+  propsAsIs: !1
+}), Ue = "fqz8iof", je = "gxr1krc", Ge = "h13v49g2", Fe = "wa4hjtn", We = "q1ymob7l", He = (e) => e === "left" || e === "right" ? je : Fe, $e = (e) => e === "left" || e === "right" ? Ge : We, Ke = (e) => e === "left" ? "q1fdesan" : e === "right" ? "qbseob7" : e === "top" ? "q75ycmf" : "q4whugf", F = ({
+  children: e,
+  style: n,
+  className: a,
   enabled: t = !0,
-  hiding: l,
-  direction: r = "left",
+  hiding: r,
+  direction: i = "left",
   onAnimationEnd: c
-}) => /* @__PURE__ */ e(wo, {
-  style: s,
-  className: M(i, Vo, Ho(r), t && !l && Go(r), t && l && Wo(r)),
+}) => /* @__PURE__ */ o(ze, {
+  style: n,
+  className: L(a, Ue, Ke(i), t && !r && He(i), t && r && $e(i)),
   onAnimationEnd: c,
-  children: o
-}), Ko = /* @__PURE__ */ n("a")({
-  name: "Link",
-  class: "l1sgte8c",
-  propsAsIs: !1
-}), Yo = /* @__PURE__ */ n("div")({
-  name: "BannerContainer",
-  class: "b7yfc72",
-  propsAsIs: !1
-}), Jo = () => Ko, Zo = /* @__PURE__ */ n(Jo())({
-  name: "BannerLink",
-  class: "bejjq94",
+  children: e
+}), Xe = /* @__PURE__ */ s("a")({
+  name: "Ve",
+  class: "vgopyvs",
+  propsAsIs: !1
+}), Ye = /* @__PURE__ */ s("div")({
+  name: "Xe",
+  class: "x1l2v9sz",
+  propsAsIs: !1
+}), Je = /* @__PURE__ */ s(qe())({
+  name: "Ye",
+  class: "y1rsbbux",
   propsAsIs: !0
-}), Qo = ({ promotion: o, promotionId: s, hiding: i, direction: t = "bottom" }) => {
-  var l, r;
-  if (!((l = o.additionalBanner) != null && l.imageUrl))
-    return null;
-  let c = (r = o.additionalBanner) == null ? void 0 : r.url;
-  return c && c.indexOf("http") !== 0 && (c = `https://${c}`), /* @__PURE__ */ e(z, { direction: t, hiding: i, children: /* @__PURE__ */ e(Yo, { className: "BannerContainer", children: /* @__PURE__ */ e(
-    Zo,
-    {
-      as: c ? "a" : "span",
-      className: "BannerLink",
-      href: c,
-      style: {
-        backgroundImage: `url(${o.additionalBanner.imageUrl})`,
-        cursor: c ? "pointer" : "default"
-      },
-      "data-promo-id": s,
-      "data-promo-type": o.type,
-      "data-analytics": "banner",
-      target: "_blank"
-    }
-  ) }) });
-}, Xo = /* @__PURE__ */ n("div")({
-  name: "NotificationContent",
-  class: "n18wsqoo",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ n("div")({
-  name: "Body",
-  class: "b1ia90c2",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "tg2z08v",
-  propsAsIs: !1
-}), ne = /* @__PURE__ */ n("div")({
-  name: "Text",
-  class: "t59zdk1",
-  propsAsIs: !1
-}), G = /* @__PURE__ */ n("div")({
-  name: "MediaImgBottom",
-  class: "m1ab9fq",
-  propsAsIs: !1
-}), se = () => G, te = /* @__PURE__ */ n(se())({
-  name: "MediaImgMiddle",
-  class: "m9fsr0y",
+}), Qe = ({
+  promotion: e,
+  promotionId: n,
+  hiding: a,
+  direction: t = "bottom"
+}) => {
+  var r, i;
+  if (!((r = e.additionalBanner) != null && r.imageUrl)) return null;
+  let c = (i = e.additionalBanner) == null ? void 0 : i.url;
+  return c && c.indexOf("http") !== 0 && (c = `https://${c}`), /* @__PURE__ */ o(F, {
+    direction: t,
+    hiding: a,
+    children: /* @__PURE__ */ o(Ye, {
+      className: "BannerContainer",
+      children: /* @__PURE__ */ o(Je, {
+        as: c ? "a" : "span",
+        className: "BannerLink",
+        href: c,
+        style: {
+          backgroundImage: `url(${e.additionalBanner.imageUrl})`,
+          cursor: c ? "pointer" : "default"
+        },
+        "data-promo-id": n,
+        "data-promo-type": e.type,
+        "data-analytics": "banner",
+        target: "_blank"
+      })
+    })
+  });
+}, Ze = /* @__PURE__ */ s("div")({
+  name: "ye",
+  class: "yi8uu2r",
+  propsAsIs: !1
+}), eo = /* @__PURE__ */ s("div")({
+  name: "we",
+  class: "wen854k",
+  propsAsIs: !1
+}), oo = /* @__PURE__ */ s("div")({
+  name: "Ne",
+  class: "nlclczp",
+  propsAsIs: !1
+}), so = /* @__PURE__ */ s("div")({
+  name: "Ie",
+  class: "i1pzq9dr",
+  propsAsIs: !1
+}), W = /* @__PURE__ */ s("div")({
+  name: "S",
+  class: "s5vuv05",
+  propsAsIs: !1
+}), no = /* @__PURE__ */ s(Ve())({
+  name: "Ae",
+  class: "a1g1k4vx",
   propsAsIs: !0
-}), ie = /* @__PURE__ */ n("img")({
-  name: "CtaIcon",
-  class: "cvi9y5q",
-  propsAsIs: !1
-}), ae = /* @__PURE__ */ n("button")({
-  name: "Button",
-  class: "bgl6boa",
-  propsAsIs: !1
-}), re = /* @__PURE__ */ n("div")({
-  name: "Logo",
-  class: "l5mq0z",
-  propsAsIs: !1
-}), le = /* @__PURE__ */ n("div")({
-  name: "Footer",
-  class: "f1mse0ft",
-  propsAsIs: !1
-}), de = /* @__PURE__ */ n("div")({
-  name: "Vector",
-  class: "v1hcloah",
-  propsAsIs: !1
-}), ce = /* @__PURE__ */ n("div")({
-  name: "NotificationContainer",
-  class: "n3n65jf",
-  propsAsIs: !1
-}), pe = {
-  [N.BOTTOM]: G,
-  [N.MIDDLE]: te
-}, me = ({ src: o, imagePosition: s }) => {
-  const i = pe[s] || G;
-  return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("img", { src: o, alt: "" }) });
-}, ue = ({ notification: o, open: s }) => {
-  if (!o || !o.promotion || o.enabled !== vo.NOTIFICATION_ENABLED)
-    return null;
-  const { title: i, body: t, image: l, promotion: r } = o, { sponsorLogo: c, sponsorLogoMode: m, imagePosition: A, ctaButton: a } = r;
-  return /* @__PURE__ */ v(ce, { className: "SL_Lower_Third_Notification", onClick: s, children: [
-    /* @__PURE__ */ v(Xo, { children: [
-      /* @__PURE__ */ e(me, { src: l, imagePosition: A }),
-      /* @__PURE__ */ v(oe, { children: [
-        i && /* @__PURE__ */ e(ee, { children: i }),
-        t && /* @__PURE__ */ e(ne, { children: t })
-      ] })
-    ] }),
-    /* @__PURE__ */ v(le, { children: [
-      m !== Ao.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ v(po, { children: [
-        /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e("img", { src: c, alt: i }) }),
-        /* @__PURE__ */ e(de, {})
-      ] }),
-      /* @__PURE__ */ v(ae, { name: "promo-button", style: { color: a == null ? void 0 : a.textColor, backgroundColor: a == null ? void 0 : a.color }, children: [
-        (a == null ? void 0 : a.ctaIcon) && (a == null ? void 0 : a.ctaIconMode) === go.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(ie, { src: a == null ? void 0 : a.ctaIcon, alt: "cta-icon" }),
-        (a == null ? void 0 : a.label) || "Open"
-      ] })
-    ] })
-  ] });
-}, ve = /* @__PURE__ */ n("div")({
-  name: "NotificationContent",
-  class: "n1ku6hz",
-  propsAsIs: !1
-}), Ae = /* @__PURE__ */ n("div")({
-  name: "NotificationContainer",
-  class: "nbxqmol",
-  propsAsIs: !1
-}), ge = /* @__PURE__ */ n("div")({
-  name: "Body",
-  class: "b1gu3eml",
-  propsAsIs: !1
-}), he = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "t1u17zva",
-  propsAsIs: !1
-}), Ie = /* @__PURE__ */ n("div")({
-  name: "Text",
-  class: "t10ko1g",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ n("div")({
-  name: "Media",
-  class: "mntc42e",
-  propsAsIs: !1
-}), ye = () => q, io = /* @__PURE__ */ n(ye())({
-  name: "MediaImgFit",
-  class: "ml060eo",
+}), to = /* @__PURE__ */ s("img")({
+  name: "et",
+  class: "e1o3sc8x",
+  propsAsIs: !1
+}), ao = /* @__PURE__ */ s("button")({
+  name: "Te",
+  class: "tlks1dc",
+  propsAsIs: !1
+}), lo = /* @__PURE__ */ s("div")({
+  name: "tt",
+  class: "t1pckims",
+  propsAsIs: !1
+}), io = /* @__PURE__ */ s("div")({
+  name: "it",
+  class: "i11ap48y",
+  propsAsIs: !1
+}), ro = /* @__PURE__ */ s("div")({
+  name: "ot",
+  class: "o1n7skcl",
+  propsAsIs: !1
+}), co = /* @__PURE__ */ s("div")({
+  name: "nt",
+  class: "n1c1yghr",
+  propsAsIs: !1
+}), po = {
+  [N.BOTTOM]: W,
+  [N.MIDDLE]: no
+}, mo = ({
+  src: e,
+  imagePosition: n
+}) => {
+  const a = po[n] || W;
+  return /* @__PURE__ */ o(a, {
+    children: /* @__PURE__ */ o("img", {
+      src: e,
+      alt: ""
+    })
+  });
+}, uo = ({
+  notification: e,
+  open: n
+}) => {
+  if (!e || !e.promotion || e.enabled !== ve.NOTIFICATION_ENABLED) return null;
+  const {
+    title: a,
+    body: t,
+    image: r,
+    promotion: i
+  } = e, {
+    sponsorLogo: c,
+    sponsorLogoMode: m,
+    imagePosition: A,
+    ctaButton: l
+  } = i;
+  return /* @__PURE__ */ v(co, {
+    className: "SL_Lower_Third_Notification",
+    onClick: n,
+    children: [/* @__PURE__ */ v(Ze, {
+      children: [/* @__PURE__ */ o(mo, {
+        src: r,
+        imagePosition: A
+      }), /* @__PURE__ */ v(eo, {
+        children: [a && /* @__PURE__ */ o(oo, {
+          children: a
+        }), t && /* @__PURE__ */ o(so, {
+          children: t
+        })]
+      })]
+    }), /* @__PURE__ */ v(io, {
+      children: [m !== Ae.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ v(ce, {
+        children: [/* @__PURE__ */ o(lo, {
+          children: /* @__PURE__ */ o("img", {
+            src: c,
+            alt: a
+          })
+        }), /* @__PURE__ */ o(ro, {})]
+      }), /* @__PURE__ */ v(ao, {
+        name: "promo-button",
+        style: {
+          color: l == null ? void 0 : l.textColor,
+          backgroundColor: l == null ? void 0 : l.color
+        },
+        children: [(l == null ? void 0 : l.ctaIcon) && (l == null ? void 0 : l.ctaIconMode) === fe.CTA_ICON_TRANSPARENT && /* @__PURE__ */ o(to, {
+          src: l == null ? void 0 : l.ctaIcon,
+          alt: "cta-icon"
+        }), (l == null ? void 0 : l.label) || "Open"]
+      })]
+    })]
+  });
+}, vo = () => q, Ao = () => q, fo = () => he, ho = () => q, go = () => q, yo = () => Ce, Io = /* @__PURE__ */ s("div")({
+  name: "st",
+  class: "skov865",
+  propsAsIs: !1
+}), bo = /* @__PURE__ */ s("div")({
+  name: "lt",
+  class: "lw55zje",
+  propsAsIs: !1
+}), No = /* @__PURE__ */ s("div")({
+  name: "ct",
+  class: "cp3zokn",
+  propsAsIs: !1
+}), ko = /* @__PURE__ */ s("div")({
+  name: "ht",
+  class: "hleka6v",
+  propsAsIs: !1
+}), To = /* @__PURE__ */ s("div")({
+  name: "mt",
+  class: "m1dpdc6q",
+  propsAsIs: !1
+}), q = /* @__PURE__ */ s("div")({
+  name: "_",
+  class: "_xhq0ob",
+  propsAsIs: !1
+}), ae = /* @__PURE__ */ s(vo())({
+  name: "se",
+  class: "s17r872u",
   propsAsIs: !0
-}), be = () => q, Io = /* @__PURE__ */ n(be())({
-  name: "MediaImgCentered",
-  class: "m1vqlvig",
+}), he = /* @__PURE__ */ s(Ao())({
+  name: "Le",
+  class: "lqkz0nn",
   propsAsIs: !0
-}), fe = () => Io, Ne = /* @__PURE__ */ n(fe())({
-  name: "MediaImgBottom",
-  class: "m1e7tvi5",
+}), Eo = /* @__PURE__ */ s(fo())({
+  name: "pt",
+  class: "pxp52sw",
   propsAsIs: !0
-}), $e = () => q, Ce = /* @__PURE__ */ n($e())({
-  name: "MediaImgSolid",
-  class: "mqvntt2",
+}), Po = /* @__PURE__ */ s(ho())({
+  name: "gt",
+  class: "g1nj4e4m",
   propsAsIs: !0
-}), Te = () => q, Se = /* @__PURE__ */ n(Te())({
-  name: "MediaImgMiddle",
-  class: "m12jtj3u",
+}), So = /* @__PURE__ */ s(go())({
+  name: "ft",
+  class: "f2xx3so",
   propsAsIs: !0
-}), Ee = /* @__PURE__ */ n("img")({
-  name: "CtaIcon",
-  class: "ckq1frv",
+}), Lo = /* @__PURE__ */ s("img")({
+  name: "xt",
+  class: "xsepra4",
   propsAsIs: !1
-}), Me = /* @__PURE__ */ n("button")({
-  name: "Button",
-  class: "bis90pl",
+}), Co = /* @__PURE__ */ s("button")({
+  name: "vt",
+  class: "vjnv577",
   propsAsIs: !1
-}), Pe = () => Po, ke = /* @__PURE__ */ n(Pe())({
-  name: "StyledChevronRight",
-  class: "s9mjmz3",
+}), _o = /* @__PURE__ */ s(yo())({
+  name: "ut",
+  class: "u1720p2l",
   propsAsIs: !0
-}), Le = /* @__PURE__ */ n("div")({
-  name: "Logo",
-  class: "l1cf50a7",
-  propsAsIs: !1
-}), Oe = {
-  [N.UNSET]: io,
-  [N.FIT]: io,
-  [N.CENTERED]: Io,
-  [N.BOTTOM]: Ne,
-  [N.SOLID]: Ce,
-  [N.MIDDLE]: Se
-}, _e = ({ src: o, imagePosition: s }) => {
-  const i = Oe[s];
-  return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("img", { src: o, alt: "" }) });
-}, Be = ({ notification: o, open: s, promotionId: i, hiding: t, direction: l = "left" }) => {
-  if (!o || !o.promotion || o.enabled !== vo.NOTIFICATION_ENABLED)
-    return null;
-  if (o.promotion.mode === ho.LOWER_THIRD)
-    return /* @__PURE__ */ e(ue, { notification: o, open: s });
-  const { title: r, body: c, image: m, promotion: A } = o, { sponsorLogo: a, sponsorLogoMode: g, imagePosition: u, ctaButton: p } = A;
-  return /* @__PURE__ */ e(z, { className: "SL_Rich_Notification", direction: l, hiding: t, children: /* @__PURE__ */ v(Ae, { onClick: s, children: [
-    g !== Ao.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e("img", { src: a, alt: r }) }),
-    /* @__PURE__ */ v(ve, { children: [
-      /* @__PURE__ */ e(_e, { src: m, imagePosition: u }),
-      /* @__PURE__ */ v(ge, { children: [
-        r && /* @__PURE__ */ e(he, { children: r }),
-        c && /* @__PURE__ */ e(Ie, { children: c })
-      ] }),
-      /* @__PURE__ */ v(Me, { name: "promo-button", style: { color: p == null ? void 0 : p.textColor, backgroundColor: p == null ? void 0 : p.color }, children: [
-        (p == null ? void 0 : p.ctaIcon) && (p == null ? void 0 : p.ctaIconMode) === go.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(Ee, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
-        (p == null ? void 0 : p.label) || "Open"
-      ] }),
-      /* @__PURE__ */ e(ke, { name: "chevronRight" })
-    ] })
-  ] }) });
-}, xe = /* @__PURE__ */ n("div")({
-  name: "OverlayContainer",
-  class: "okzhq2w",
-  propsAsIs: !1
-}), yo = /* @__PURE__ */ n("div")({
-  name: "PromoOverlay",
-  class: "pmgz5i",
-  propsAsIs: !1
-}), bo = /* @__PURE__ */ n("div")({
-  name: "Header",
-  class: "hyxi3jt",
-  propsAsIs: !1
-}), fo = /* @__PURE__ */ n("div")({
-  name: "HeaderContent",
-  class: "h149e3gp",
-  propsAsIs: !1
-}), No = "h10toh7", ao = /* @__PURE__ */ n("img")({
-  name: "SponsorLogo",
-  class: "s1jyea6t",
-  propsAsIs: !1
-}), Re = /* @__PURE__ */ n("div")({
-  name: "SponsorName",
-  class: "szpfa3h",
-  propsAsIs: !1
-}), $o = /* @__PURE__ */ n("div")({
-  name: "Media",
-  class: "m1crmu01",
-  propsAsIs: !1
-}), De = /* @__PURE__ */ n("img")({
-  name: "PromoImg",
-  class: "p1l37r8s",
-  propsAsIs: !1
-}), qe = "s1nmch9k", ro = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c1er0ljd",
-  propsAsIs: !1
-}), we = /* @__PURE__ */ n("div")({
-  name: "Description",
-  class: "dydopmr",
-  propsAsIs: !1
-}), Ve = /* @__PURE__ */ n("div")({
-  name: "Sponsor",
-  class: "s1w6nt04",
-  propsAsIs: !1
-}), je = /* @__PURE__ */ n("div")({
-  name: "SponsorText",
-  class: "s1evcmtq",
-  propsAsIs: !1
-}), Co = /* @__PURE__ */ n("div")({
-  name: "ADLogo",
-  class: "awodx0x",
-  propsAsIs: !1
-}), Ue = /* @__PURE__ */ n("span")({
-  name: "SponsoredText",
-  class: "s1q3n6oi",
-  propsAsIs: !1
-}), Fe = /* @__PURE__ */ n("div")({
-  name: "ActionBtnWrap",
-  class: "a8d4xfk",
-  propsAsIs: !1
-}), ze = /* @__PURE__ */ n("a")({
-  name: "ActionButton",
-  class: "at6oobh",
-  propsAsIs: !1
-}), Ge = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "t1gyg7tt",
-  propsAsIs: !1
-}), We = "h17rwbtk", He = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c10m2bce",
-  propsAsIs: !1
-}), lo = /* @__PURE__ */ n("div")({
-  name: "Item",
-  class: "ig23yq5",
-  propsAsIs: !1
-}), Ke = /* @__PURE__ */ n("div")({
-  name: "Dot",
-  class: "d1f6aqua",
-  propsAsIs: !1
-}), Ye = ({
-  time: o,
-  adCount: s,
-  adPosition: i
+}), Mo = /* @__PURE__ */ s("div")({
+  name: "bt",
+  class: "b58k3cq",
+  propsAsIs: !1
+}), xo = {
+  [N.UNSET]: ae,
+  [N.FIT]: ae,
+  [N.CENTERED]: he,
+  [N.BOTTOM]: Eo,
+  [N.SOLID]: Po,
+  [N.MIDDLE]: So
+}, Oo = ({
+  src: e,
+  imagePosition: n
 }) => {
-  const t = Math.floor(o / 60), l = o - t * 60;
-  return t === 0 && l === 0 && s === i ? null : /* @__PURE__ */ v(He, {
-    children: [s > 1 && /* @__PURE__ */ v(po, {
-      children: [/* @__PURE__ */ v(lo, {
-        children: [i, " of ", s]
-      }), /* @__PURE__ */ e(Ke, {})]
-    }), /* @__PURE__ */ v(lo, {
-      children: [t, ":", l < 10 ? `0${l}` : l]
-    })]
+  const a = xo[n];
+  return /* @__PURE__ */ o(a, {
+    children: /* @__PURE__ */ o("img", {
+      src: e,
+      alt: ""
+    })
   });
-}, Je = (o, s, { onPlay: i, onStop: t, onProgress: l }) => {
-  const r = google.ima;
-  let c = new r.AdDisplayContainer(o), m = new r.AdsLoader(c), A = new r.AdsRequest(), a;
-  m.addEventListener(
-    r.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
-    (u) => {
-      a = u.getAdsManager(o), i && a.addEventListener(r.AdEvent.Type.STARTED, i), t && a.addEventListener(r.AdEvent.Type.COMPLETE, t), l && a.addEventListener(r.AdEvent.Type.AD_PROGRESS, (p) => l(p.getAdData())), a.init(o.clientWidth, o.clientHeight, r.ViewMode.NORMAL), a.start();
-    },
-    !1
-  ), m.addEventListener(
-    r.AdErrorEvent.Type.AD_ERROR,
-    () => {
-      console.log("ad error"), t == null || t();
-    },
-    !1
-  ), A.linearAdSlotWidth = o.clientWidth, A.linearAdSlotHeight = o.clientHeight, A.adTagUrl = s, m.requestAds(A);
-  const g = () => {
-    a == null || a.destroy(), m == null || m.destroy(), c == null || c.destroy(), c = void 0, m = void 0, A = void 0, a = void 0;
+}, Bo = ({
+  notification: e,
+  open: n,
+  promotionId: a,
+  hiding: t,
+  direction: r = "left"
+}) => {
+  if (!e || !e.promotion || e.enabled !== ve.NOTIFICATION_ENABLED) return null;
+  if (e.promotion.mode === ue.LOWER_THIRD) return /* @__PURE__ */ o(uo, {
+    notification: e,
+    open: n
+  });
+  const {
+    title: i,
+    body: c,
+    image: m,
+    promotion: A
+  } = e, {
+    sponsorLogo: l,
+    sponsorLogoMode: f,
+    imagePosition: u,
+    ctaButton: p
+  } = A;
+  return /* @__PURE__ */ o(F, {
+    className: "SL_Rich_Notification",
+    direction: r,
+    hiding: t,
+    children: /* @__PURE__ */ v(bo, {
+      onClick: n,
+      children: [f !== Ae.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ o(Mo, {
+        children: /* @__PURE__ */ o("img", {
+          src: l,
+          alt: i
+        })
+      }), /* @__PURE__ */ v(Io, {
+        children: [/* @__PURE__ */ o(Oo, {
+          src: m,
+          imagePosition: u
+        }), /* @__PURE__ */ v(No, {
+          children: [i && /* @__PURE__ */ o(ko, {
+            children: i
+          }), c && /* @__PURE__ */ o(To, {
+            children: c
+          })]
+        }), /* @__PURE__ */ v(Co, {
+          name: "promo-button",
+          style: {
+            color: p == null ? void 0 : p.textColor,
+            backgroundColor: p == null ? void 0 : p.color
+          },
+          children: [(p == null ? void 0 : p.ctaIcon) && (p == null ? void 0 : p.ctaIconMode) === fe.CTA_ICON_TRANSPARENT && /* @__PURE__ */ o(Lo, {
+            src: p == null ? void 0 : p.ctaIcon,
+            alt: "cta-icon"
+          }), (p == null ? void 0 : p.label) || "Open"]
+        }), /* @__PURE__ */ o(_o, {
+          name: "chevronRight"
+        })]
+      })]
+    })
+  });
+}, Ro = (e, n, {
+  onPlay: a,
+  onStop: t,
+  onProgress: r
+}) => {
+  const i = google.ima;
+  let c = new i.AdDisplayContainer(e), m = new i.AdsLoader(c), A = new i.AdsRequest(), l;
+  m.addEventListener(i.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (u) => {
+    l = u.getAdsManager(e), a && l.addEventListener(i.AdEvent.Type.STARTED, a), t && l.addEventListener(i.AdEvent.Type.COMPLETE, t), r && l.addEventListener(i.AdEvent.Type.AD_PROGRESS, (p) => r(p.getAdData())), l.init(e.clientWidth, e.clientHeight, i.ViewMode.NORMAL), l.start();
+  }, !1), m.addEventListener(i.AdErrorEvent.Type.AD_ERROR, () => {
+    console.log("ad error"), t == null || t();
+  }, !1), A.linearAdSlotWidth = e.clientWidth, A.linearAdSlotHeight = e.clientHeight, A.adTagUrl = n, m.requestAds(A);
+  const f = () => {
+    l == null || l.destroy(), m == null || m.destroy(), c == null || c.destroy(), c = void 0, m = void 0, A = void 0, l = void 0;
   };
   return () => {
     try {
@@ -340,416 +332,523 @@ const wo = /* @__PURE__ */ n("div")({
     } catch (u) {
       t == null || t(), console.log("AdsManager could not be started", u);
     }
-    return g;
+    return f;
   };
-}, Ze = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c4q6dw1",
-  propsAsIs: !1
-}), Qe = /* @__PURE__ */ n("div")({
-  name: "ControlsContainer",
-  class: "c1la67r",
-  propsAsIs: !1
-}), Xe = "m3guev", on = "m7099mt", en = "mmm6o5s", nn = ({
-  promotion: o,
-  controlVideo: s,
-  promotionId: i,
+}, wo = /* @__PURE__ */ s("div")({
+  name: "At",
+  class: "adac9vz",
+  propsAsIs: !1
+}), ge = /* @__PURE__ */ s("div")({
+  name: "Me",
+  class: "mkswgvt",
+  propsAsIs: !1
+}), ye = /* @__PURE__ */ s("div")({
+  name: "Oe",
+  class: "o192mgxa",
+  propsAsIs: !1
+}), Ie = /* @__PURE__ */ s("div")({
+  name: "ke",
+  class: "k1gnq24q",
+  propsAsIs: !1
+}), be = "coq8lkc", le = /* @__PURE__ */ s("img")({
+  name: "le",
+  class: "l4v1wna",
+  propsAsIs: !1
+}), Do = /* @__PURE__ */ s("div")({
+  name: "Tt",
+  class: "tmkv3p8",
+  propsAsIs: !1
+}), Ne = /* @__PURE__ */ s("div")({
+  name: "Pe",
+  class: "p2t6hr7",
+  propsAsIs: !1
+}), qo = /* @__PURE__ */ s("img")({
+  name: "Et",
+  class: "e1pcxfds",
+  propsAsIs: !1
+}), Vo = "liwzk4s", ie = /* @__PURE__ */ s("div")({
+  name: "ce",
+  class: "c1a201jb",
+  propsAsIs: !1
+}), zo = /* @__PURE__ */ s("div")({
+  name: "Mt",
+  class: "m15ldj84",
+  propsAsIs: !1
+}), Uo = /* @__PURE__ */ s("div")({
+  name: "Ot",
+  class: "o476kyw",
+  propsAsIs: !1
+}), jo = /* @__PURE__ */ s("div")({
+  name: "kt",
+  class: "k1hywf8s",
+  propsAsIs: !1
+}), ke = /* @__PURE__ */ s("div")({
+  name: "Se",
+  class: "sdkny8g",
+  propsAsIs: !1
+}), Go = /* @__PURE__ */ s("span")({
+  name: "Ct",
+  class: "cbdjlwu",
+  propsAsIs: !1
+}), Fo = /* @__PURE__ */ s("div")({
+  name: "Pt",
+  class: "p1f1xars",
+  propsAsIs: !1
+}), Wo = /* @__PURE__ */ s("a")({
+  name: "St",
+  class: "sutwicq",
+  propsAsIs: !1
+}), Ho = /* @__PURE__ */ s("div")({
+  name: "_t",
+  class: "_1okt91f",
+  propsAsIs: !1
+}), $o = "jhfc43o", Ko = /* @__PURE__ */ s("div")({
+  name: "Rt",
+  class: "rxbm36u",
+  propsAsIs: !1
+}), re = /* @__PURE__ */ s("div")({
+  name: "he",
+  class: "har3kpv",
+  propsAsIs: !1
+}), Xo = /* @__PURE__ */ s("div")({
+  name: "$t",
+  class: "_113zdc5",
+  propsAsIs: !1
+}), Yo = ({
+  time: e,
+  adCount: n,
+  adPosition: a
+}) => {
+  const t = Math.floor(e / 60), r = e - t * 60;
+  return t === 0 && r === 0 && n === a ? null : /* @__PURE__ */ v(Ko, {
+    children: [n > 1 && /* @__PURE__ */ v(ce, {
+      children: [/* @__PURE__ */ v(re, {
+        children: [a, " of ", n]
+      }), /* @__PURE__ */ o(Xo, {})]
+    }), /* @__PURE__ */ v(re, {
+      children: [t, ":", r < 10 ? `0${r}` : r]
+    })]
+  });
+}, Jo = /* @__PURE__ */ s("div")({
+  name: "zt",
+  class: "z1brcd18",
+  propsAsIs: !1
+}), Qo = /* @__PURE__ */ s("div")({
+  name: "Bt",
+  class: "b1xio38j",
+  propsAsIs: !1
+}), Zo = "u849s5c", es = "f1yp4da5", os = "gjcla8p", ss = ({
+  promotion: e,
+  controlVideo: n,
+  promotionId: a,
   onClose: t,
-  externalAd: l,
-  skipAutoClose: r
+  externalAd: r,
+  skipAutoClose: i
 }) => {
   var c;
-  const m = F(null), [A, a] = R(!1), [g, u] = R(0), [p, I] = R(0), [$, h] = R(0), y = F(), b = Mo(() => {
-    u(0), I(0), h(0), a(!1), s == null || s({
+  const m = G(null), [A, l] = w(!1), [f, u] = w(0), [p, g] = w(0), [k, h] = w(0), y = G(), I = Be(() => {
+    u(0), g(0), h(0), l(!1), n == null || n({
       muted: !1
     });
-  }, [s]);
-  L(() => {
-    if (l != null && l.url && m.current) {
-      b();
-      const f = Je(m.current, l.url, {
+  }, [n]);
+  M(() => {
+    if (r != null && r.url && m.current) {
+      I();
+      const b = Ro(m.current, r.url, {
         onPlay: () => {
           D.emit("advertisement", {
             action: "videoPlay",
             payload: {
-              id: i,
-              type: o.type
+              id: a,
+              type: e.type,
+              hasBanner: !1
             }
-          }), s == null || s({
+          }), n == null || n({
             muted: !0
-          }), a(!0);
+          }), l(!0);
         },
         onStop: () => {
-          t == null || t(), b();
+          t == null || t(), I();
         },
-        onProgress: (C) => {
-          u(Math.round(C.duration - C.currentTime)), I(C.totalAds), h(C.adPosition);
+        onProgress: (T) => {
+          u(Math.round(T.duration - T.currentTime)), g(T.totalAds), h(T.adPosition);
         }
       })();
-      return y.current = f, () => {
-        y.current = void 0, f();
+      return y.current = b, () => {
+        y.current = void 0, b();
       };
     }
-  }, [l == null ? void 0 : l.url, s, b, i, o.type, t]);
-  const O = ((c = o.sponsor) == null ? void 0 : c.logo) && o.logoMode === k.CENTER;
-  return /* @__PURE__ */ v(yo, {
+  }, [r == null ? void 0 : r.url, n, I, a, e.type, t]);
+  const x = ((c = e.sponsor) == null ? void 0 : c.logo) && e.logoMode === _.CENTER;
+  return /* @__PURE__ */ v(ge, {
     className: "PromoOverlay",
-    children: [/* @__PURE__ */ v(bo, {
-      children: [/* @__PURE__ */ e(fo, {
-        className: M(!O && No),
-        children: /* @__PURE__ */ e(Co, {
+    children: [/* @__PURE__ */ v(ye, {
+      children: [/* @__PURE__ */ o(Ie, {
+        className: L(!x && be),
+        children: /* @__PURE__ */ o(ke, {
           style: {
             transform: "scale(1.5)"
           },
           children: "Ad"
         })
-      }), /* @__PURE__ */ v(Qe, {
-        children: [/* @__PURE__ */ e(Ye, {
-          time: g,
+      }), /* @__PURE__ */ v(Qo, {
+        children: [/* @__PURE__ */ o(Yo, {
+          time: f,
           adCount: p,
-          adPosition: $
-        }), r && /* @__PURE__ */ e(mo, {
+          adPosition: k
+        }), i && /* @__PURE__ */ o(me, {
           className: "ClosePromoIcon",
           close: () => {
-            var f;
-            (f = y.current) == null || f.call(y), t == null || t(), b();
+            var b;
+            (b = y.current) == null || b.call(y), t == null || t(), I();
           }
         })]
       })]
-    }), /* @__PURE__ */ e($o, {
-      className: M(Xe, A && on, !A && en),
-      children: /* @__PURE__ */ e(Ze, {
+    }), /* @__PURE__ */ o(Ne, {
+      className: L(Zo, A && es, !A && os),
+      children: /* @__PURE__ */ o(Jo, {
         ref: m
       })
     })]
   });
-}, co = (o) => {
-  var s, i, t, l, r, c, m, A, a, g, u, p, I, $, h, y, b, O, f, C, W, H, K, Y, J, Z, Q, X, oo, eo;
+}, de = (e) => {
+  var n, a, t, r, i, c, m, A, l, f, u, p, g, k, h, y, I, x, b, T, H, $, K, X, Y, J, Q, Z, ee, oe;
   const {
     promotion: d,
-    open: no,
-    advertisementPaused: To,
-    togglePause: E,
-    controlVideo: _,
-    skipAutoClose: So,
+    open: se,
+    advertisementPaused: Te,
+    togglePause: S,
+    controlVideo: O,
+    skipAutoClose: Ee,
     promotionId: B,
-    onClose: Eo,
-    markAsViewed: w,
-    externalAd: so
-  } = o, V = d.type === S.INGAME_IAB11_LBAR || d.type === S.INGAME_IAB11, j = ((s = d.sponsor) == null ? void 0 : s.logo) && d.logoMode === k.CENTER, to = !!((t = (i = d.banner) == null ? void 0 : i.video) != null && t.url), x = d.autoPlayVideo === Ro.ENABLED;
-  if (L(() => {
-    E == null || E(to || x), no == null || no();
-  }, []), L(() => {
-    B && d.type && w && w();
-  }, [B, d.type, w]), L(() => () => {
-    _ == null || _({ muted: !1 });
-  }, [_]), so)
-    return /* @__PURE__ */ e(nn, { ...o, externalAd: so });
-  let P = (l = d.banner) == null ? void 0 : l.url;
-  P && P.indexOf("http") !== 0 && (P = `https://${P}`);
-  let U = !0;
-  return to && (!To || !x ? U = !0 : U = !1), /* @__PURE__ */ v(yo, { className: "PromoOverlay", children: [
-    /* @__PURE__ */ v(bo, { children: [
-      /* @__PURE__ */ v(fo, { className: M(!j && No), children: [
-        ((r = d.sponsor) == null ? void 0 : r.logo) && d.logoMode === k.LEFT && /* @__PURE__ */ e(ao, { className: "PromoSponsorLogo", src: (c = d.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
-        /* @__PURE__ */ v(
-          Ve,
-          {
-            style: {
-              paddingLeft: (m = d.sponsor) != null && m.logo && d.logoMode === k.LEFT ? "0px" : "8px"
-            },
-            children: [
-              ((A = d.sponsor) == null ? void 0 : A.logo) && d.logoMode === k.LEFT && /* @__PURE__ */ e(Re, { children: (a = d.sponsor) == null ? void 0 : a.name }),
-              /* @__PURE__ */ v(je, { className: "SponsorText", children: [
-                /* @__PURE__ */ e(Co, { children: "AD" }),
-                /* @__PURE__ */ e(Ue, { children: "SPONSORED" })
-              ] })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e(
-        mo,
-        {
-          className: "ClosePromoIcon",
-          close: Eo,
-          autoClose: (g = d.closeTimer) == null ? void 0 : g.auto,
-          duration: So ? 0 : (u = d.closeTimer) == null ? void 0 : u.seconds,
-          isPlaying: U
-        }
-      )
-    ] }),
-    /* @__PURE__ */ v($o, { children: [
-      j && /* @__PURE__ */ e(ao, { className: qe, src: (p = d.sponsor) == null ? void 0 : p.logo, alt: "promo" }),
-      /* @__PURE__ */ e(ro, { children: ($ = (I = d.banner) == null ? void 0 : I.video) != null && $.url ? /* @__PURE__ */ e(
-        ko,
-        {
+    onClose: Pe,
+    markAsViewed: V,
+    externalAd: ne
+  } = e, z = d.type === P.INGAME_IAB11_LBAR || d.type === P.INGAME_IAB11, U = ((n = d.sponsor) == null ? void 0 : n.logo) && d.logoMode === _.CENTER, te = !!((t = (a = d.banner) == null ? void 0 : a.video) != null && t.url), R = d.autoPlayVideo === we.ENABLED;
+  if (M(() => {
+    S == null || S(te || R), se == null || se();
+  }, []), M(() => {
+    B && d.type && V && V();
+  }, [B, d.type, V]), M(() => () => {
+    O == null || O({
+      muted: !1
+    });
+  }, [O]), ne) return /* @__PURE__ */ o(ss, {
+    ...e,
+    externalAd: ne
+  });
+  let C = (r = d.banner) == null ? void 0 : r.url;
+  C && C.indexOf("http") !== 0 && (C = `https://${C}`);
+  let j = !0;
+  return te && (!Te || !R ? j = !0 : j = !1), /* @__PURE__ */ v(ge, {
+    className: "PromoOverlay",
+    children: [/* @__PURE__ */ v(ye, {
+      children: [/* @__PURE__ */ v(Ie, {
+        className: L(!U && be),
+        children: [((i = d.sponsor) == null ? void 0 : i.logo) && d.logoMode === _.LEFT && /* @__PURE__ */ o(le, {
+          className: "PromoSponsorLogo",
+          src: (c = d.sponsor) == null ? void 0 : c.logo,
+          alt: "promo"
+        }), /* @__PURE__ */ v(Uo, {
+          style: {
+            paddingLeft: (m = d.sponsor) != null && m.logo && d.logoMode === _.LEFT ? "0px" : "8px"
+          },
+          children: [((A = d.sponsor) == null ? void 0 : A.logo) && d.logoMode === _.LEFT && /* @__PURE__ */ o(Do, {
+            children: (l = d.sponsor) == null ? void 0 : l.name
+          }), /* @__PURE__ */ v(jo, {
+            className: "SponsorText",
+            children: [/* @__PURE__ */ o(ke, {
+              children: "AD"
+            }), /* @__PURE__ */ o(Go, {
+              children: "SPONSORED"
+            })]
+          })]
+        })]
+      }), /* @__PURE__ */ o(me, {
+        className: "ClosePromoIcon",
+        close: Pe,
+        autoClose: (f = d.closeTimer) == null ? void 0 : f.auto,
+        duration: Ee ? 0 : (u = d.closeTimer) == null ? void 0 : u.seconds,
+        isPlaying: j
+      })]
+    }), /* @__PURE__ */ v(Ne, {
+      children: [U && /* @__PURE__ */ o(le, {
+        className: Vo,
+        src: (p = d.sponsor) == null ? void 0 : p.logo,
+        alt: "promo"
+      }), /* @__PURE__ */ o(ie, {
+        children: (k = (g = d.banner) == null ? void 0 : g.video) != null && k.url ? /* @__PURE__ */ o(Le, {
           source: (y = (h = d.banner) == null ? void 0 : h.video) == null ? void 0 : y.url,
-          poster: (O = (b = d.banner) == null ? void 0 : b.video) == null ? void 0 : O.thumbnailUrl,
-          aspectRatio: V ? "1/1" : "16/9",
+          poster: (x = (I = d.banner) == null ? void 0 : I.video) == null ? void 0 : x.thumbnailUrl,
+          aspectRatio: z ? "1/1" : "16/9",
           onPause: () => {
-            x && (E == null || E(!0));
+            R && (S == null || S(!0));
           },
           onPlay: () => {
             D.emit("advertisement", {
               action: "videoPlay",
               payload: {
                 id: B,
-                type: d.type
+                type: d.type,
+                hasBanner: !1
               }
-            }), E == null || E(!1);
+            }), S == null || S(!1);
           },
-          controlVideo: _,
-          autoPlay: x
-        }
-      ) : (f = d.banner) != null && f.imageUrl ? /* @__PURE__ */ e(De, { style: V ? { aspectRatio: "1/1" } : {}, src: (C = d.banner) == null ? void 0 : C.imageUrl, alt: "promo" }) : null }),
-      !V && /* @__PURE__ */ v(ro, { children: [
-        ((W = d.banner) == null ? void 0 : W.title) && /* @__PURE__ */ e(Ge, { className: M("AdvTitle", j && We), children: (H = d.banner) == null ? void 0 : H.title }),
-        ((K = d.banner) == null ? void 0 : K.body) && /* @__PURE__ */ e(we, { className: "AdvDescription", children: (Y = d.banner) == null ? void 0 : Y.body })
-      ] })
-    ] }),
-    d.buttonType !== Do.NO_BUTTON && /* @__PURE__ */ e(Fe, { children: /* @__PURE__ */ e(
-      ze,
-      {
-        href: P,
+          controlVideo: O,
+          autoPlay: R
+        }) : (b = d.banner) != null && b.imageUrl ? /* @__PURE__ */ o(qo, {
+          style: z ? {
+            aspectRatio: "1/1"
+          } : {},
+          src: (T = d.banner) == null ? void 0 : T.imageUrl,
+          alt: "promo"
+        }) : null
+      }), !z && /* @__PURE__ */ v(ie, {
+        children: [((H = d.banner) == null ? void 0 : H.title) && /* @__PURE__ */ o(Ho, {
+          className: L("AdvTitle", U && $o),
+          children: ($ = d.banner) == null ? void 0 : $.title
+        }), ((K = d.banner) == null ? void 0 : K.body) && /* @__PURE__ */ o(zo, {
+          className: "AdvDescription",
+          children: (X = d.banner) == null ? void 0 : X.body
+        })]
+      })]
+    }), d.buttonType !== De.NO_BUTTON && /* @__PURE__ */ o(Fo, {
+      children: /* @__PURE__ */ o(Wo, {
+        href: C,
         style: {
-          backgroundColor: ((Z = (J = d.banner) == null ? void 0 : J.ctaButton) == null ? void 0 : Z.color) || "#009dc4",
-          color: ((X = (Q = d.banner) == null ? void 0 : Q.ctaButton) == null ? void 0 : X.textColor) || "#fff"
+          backgroundColor: ((J = (Y = d.banner) == null ? void 0 : Y.ctaButton) == null ? void 0 : J.color) || "#009dc4",
+          color: ((Z = (Q = d.banner) == null ? void 0 : Q.ctaButton) == null ? void 0 : Z.textColor) || "#fff"
         },
         "data-analytics": "button",
         "data-promo-id": B,
         "data-promo-type": d.type,
         target: "_blank",
-        children: (eo = (oo = d.banner) == null ? void 0 : oo.ctaButton) == null ? void 0 : eo.label
-      }
-    ) })
-  ] });
-}, sn = /* @__PURE__ */ n("div")({
-  name: "SidebarContainer",
-  class: "s1abskp8",
-  propsAsIs: !1
-}), tn = ({
-  children: o,
-  direction: s,
-  style: i,
+        children: (oe = (ee = d.banner) == null ? void 0 : ee.ctaButton) == null ? void 0 : oe.label
+      })
+    })]
+  });
+}, ns = /* @__PURE__ */ s("div")({
+  name: "Wt",
+  class: "wbguw5z",
+  propsAsIs: !1
+}), ts = ({
+  children: e,
+  direction: n,
+  style: a,
   className: t,
-  hiding: l
-}) => /* @__PURE__ */ e(z, {
-  direction: s,
-  style: i,
-  hiding: l,
+  hiding: r
+}) => /* @__PURE__ */ o(F, {
+  direction: n,
+  style: a,
+  hiding: r,
   className: t,
-  children: /* @__PURE__ */ e(sn, {
-    children: o
+  children: /* @__PURE__ */ o(ns, {
+    children: e
   })
-}), an = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === S.INGAME_IAB21_LBAR, rn = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11 || (o == null ? void 0 : o.type) === S.INGAME_IAB21, ln = ({
-  advertisement: o,
-  close: s,
-  skipTypeCheck: i,
+}), as = (e) => (e == null ? void 0 : e.type) === P.INGAME_IAB11_LBAR || (e == null ? void 0 : e.type) === P.INGAME_IAB21_LBAR, ls = (e) => (e == null ? void 0 : e.type) === P.INGAME_IAB11 || (e == null ? void 0 : e.type) === P.INGAME_IAB21, is = ({
+  advertisement: e,
+  close: n,
+  skipTypeCheck: a,
   skipAutoClose: t,
-  layoutMode: l = "side-by-side",
-  sidebar: r,
+  layoutMode: r = "side-by-side",
+  sidebar: i,
   isNotification: c,
   banner: m,
   markAsViewed: A,
-  open: a,
-  externalAd: g,
+  open: l,
+  externalAd: f,
   controlVideo: u,
   advertisementPaused: p,
-  togglePause: I
-}) => o.promotion ? c && o.notification ? /* @__PURE__ */ e(
-  Be,
-  {
-    open: () => a == null ? void 0 : a({ fromNotification: !0 }),
-    notification: o.notification,
-    promotionId: o.question.id
-  }
-) : !r && !m && (i || rn(o.promotion)) ? /* @__PURE__ */ e(xe, { className: "PromoOverlayContainer", children: /* @__PURE__ */ e(
-  co,
-  {
+  togglePause: g
+}) => e.promotion ? c && e.notification ? /* @__PURE__ */ o(Bo, {
+  open: () => l == null ? void 0 : l({
+    fromNotification: !0
+  }),
+  notification: e.notification,
+  promotionId: e.question.id
+}) : !i && !m && (a || ls(e.promotion)) ? /* @__PURE__ */ o(wo, {
+  className: "PromoOverlayContainer",
+  children: /* @__PURE__ */ o(de, {
     markAsViewed: A,
-    promotionId: o.question.id,
-    promotion: o.promotion,
-    onClose: s,
-    open: a,
+    promotionId: e.question.id,
+    promotion: e.promotion,
+    onClose: n,
+    open: l,
     skipAutoClose: t,
-    externalAd: g,
+    externalAd: f,
     controlVideo: u,
     advertisementPaused: p,
-    togglePause: I
-  }
-) }) : r && (i || an(o.promotion)) ? /* @__PURE__ */ e(tn, { className: "PromoSidebarContainer", direction: r, hiding: !1, children: /* @__PURE__ */ e(
-  co,
-  {
+    togglePause: g
+  })
+}) : i && (a || as(e.promotion)) ? /* @__PURE__ */ o(ts, {
+  className: "PromoSidebarContainer",
+  direction: i,
+  hiding: !1,
+  children: /* @__PURE__ */ o(de, {
     markAsViewed: A,
-    promotionId: o.question.id,
-    promotion: o.promotion,
-    externalAd: g,
-    onClose: s,
-    open: a,
+    promotionId: e.question.id,
+    promotion: e.promotion,
+    externalAd: f,
+    onClose: n,
+    open: l,
     controlVideo: u,
     skipAutoClose: t,
     advertisementPaused: p,
-    togglePause: I
-  }
-) }) : m ? /* @__PURE__ */ e(
-  Qo,
-  {
-    promotionId: o.question.id,
-    hiding: !1,
-    promotion: o.promotion,
-    direction: m
-  }
-) : null : null, dn = /* @__PURE__ */ n("div")({
-  name: "AdvertisementUIWrap",
-  class: "aa6pjif",
-  propsAsIs: !1
-}), cn = (o) => {
-  const s = o.target;
-  if (s instanceof HTMLAnchorElement && s.target === "_blank") {
-    const i = s.getAttribute("data-promo-id") || "", t = s.getAttribute("data-promo-type") || S.UNSET;
-    s.getAttribute("data-analytics") === "button" && D.emit("advertisement", {
+    togglePause: g
+  })
+}) : m ? /* @__PURE__ */ o(Qe, {
+  promotionId: e.question.id,
+  hiding: !1,
+  promotion: e.promotion,
+  direction: m
+}) : null : null, rs = /* @__PURE__ */ s("div")({
+  name: "Vt",
+  class: "v13knq7z",
+  propsAsIs: !1
+}), ds = (e) => {
+  const n = e.target;
+  if (n instanceof HTMLAnchorElement && n.target === "_blank") {
+    const a = n.getAttribute("data-promo-id") || "", t = n.getAttribute("data-promo-type") || P.UNSET;
+    n.getAttribute("data-analytics") === "button" && D.emit("advertisement", {
       action: "buttonSelect",
       payload: {
-        id: i,
-        type: t
+        id: a,
+        type: t,
+        hasBanner: !1
       }
-    }), s.getAttribute("data-analytics") === "banner" && D.emit("advertisement", {
+    }), n.getAttribute("data-analytics") === "banner" && D.emit("advertisement", {
       action: "bannerSelect",
       payload: {
-        id: i,
-        type: t
+        id: a,
+        type: t,
+        hasBanner: !1
       }
     });
   }
-}, pn = ({
-  gamification: o,
-  layoutMode: s,
-  skipAutoClose: i,
+}, cs = ({
+  gamification: e,
+  layoutMode: n,
+  skipAutoClose: a,
   skipTypeCheck: t,
-  sidebar: l,
-  banner: r,
+  sidebar: r,
+  banner: i,
   notification: c,
   isMobileScreen: m,
   persistent: A,
-  externalAd: a,
-  controlVideo: g
+  externalAd: l,
+  controlVideo: f
 }) => {
-  var u, p, I;
-  const $ = F(null), h = uo(o.advertisement.$store);
-  Lo($, {
+  var u, p, g;
+  const k = G(null), h = pe(e.advertisement.$store);
+  Se(k, {
     enabled: !!h.data,
     event: "click",
-    listener: cn
+    listener: ds
   });
-  const y = !r && !l;
-  if (h.data === void 0 || !A && h.isViewed)
-    return null;
-  const b = ((I = (p = (u = h == null ? void 0 : h.data) == null ? void 0 : u.notification) == null ? void 0 : p.promotion) == null ? void 0 : I.mode) === ho.LOWER_THIRD;
-  return /* @__PURE__ */ e(dn, {
-    ref: $,
+  const y = !i && !r;
+  if (h.data === void 0 || !A && h.isViewed) return null;
+  const I = ((g = (p = (u = h == null ? void 0 : h.data) == null ? void 0 : u.notification) == null ? void 0 : p.promotion) == null ? void 0 : g.mode) === ue.LOWER_THIRD;
+  return /* @__PURE__ */ o(rs, {
+    ref: k,
     style: {
       height: y ? "auto" : "100%"
     },
-    className: M("SL-AdvertisementUIWrap", m && "mobile-view", b && "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ e(ln, {
+    className: L("SL-AdvertisementUIWrap", m && "mobile-view", I && "SL-AdvertisementUIWrap--lower-third"),
+    children: /* @__PURE__ */ o(is, {
       skipTypeCheck: t,
-      sidebar: l,
-      banner: r,
+      sidebar: r,
+      banner: i,
       advertisement: h.data,
       advertisementPaused: h.isPaused,
       togglePause: h.togglePause,
       close: h.close,
-      externalAd: a ? h.externalAd : void 0,
-      markAsViewed: o.advertisement.markAsViewed,
-      open: o.advertisement.open,
-      layoutMode: s,
+      externalAd: l ? h.externalAd : void 0,
+      markAsViewed: e.advertisement.markAsViewed,
+      open: e.advertisement.open,
+      layoutMode: n,
       isNotification: c,
-      skipAutoClose: i,
-      controlVideo: g
+      skipAutoClose: a,
+      controlVideo: f
     })
   });
-}, mn = ({
-  sdk: o,
-  sidebar: s,
-  externalAd: i,
+}, ps = ({
+  sdk: e,
+  sidebar: n,
+  externalAd: a,
   banner: t,
-  skipAutoClose: l,
-  skipTypeCheck: r,
+  skipAutoClose: r,
+  skipTypeCheck: i,
   layoutMode: c,
   isMobileScreen: m,
   persistent: A,
-  notification: a
+  notification: l
 }) => {
-  const g = uo(o.featuresList.getStore());
-  if (L(() => {
-    if (i) {
+  const f = pe(e.featuresList.getStore());
+  if (M(() => {
+    if (a) {
       const p = document.createElement("script");
       p.async = !0, p.src = "https://imasdk.googleapis.com/js/sdkloader/ima3.js", document.body.appendChild(p);
     }
-  }, [i]), s && t)
-    return /* @__PURE__ */ e("div", {
-      style: {
-        color: "red"
-      },
-      children: "define either sidebar or banner, not both."
-    });
-  if (t && i)
-    return /* @__PURE__ */ e("div", {
-      style: {
-        color: "red"
-      },
-      children: "externalAd is not supported with banner"
-    });
-  if (!g)
-    return null;
-  const u = o.getFeature(qo.GAMES);
-  return u ? /* @__PURE__ */ e(pn, {
+  }, [a]), n && t) return /* @__PURE__ */ o("div", {
+    style: {
+      color: "red"
+    },
+    children: "define either sidebar or banner, not both."
+  });
+  if (t && a) return /* @__PURE__ */ o("div", {
+    style: {
+      color: "red"
+    },
+    children: "externalAd is not supported with banner"
+  });
+  if (!f) return null;
+  const u = e.getFeature(Re.GAMES);
+  return u ? /* @__PURE__ */ o(cs, {
     gamification: u,
-    sidebar: s,
+    sidebar: n,
     banner: t,
     layoutMode: c,
     isMobileScreen: m,
     persistent: A,
-    notification: a,
-    skipTypeCheck: r,
-    skipAutoClose: l,
-    externalAd: i,
-    controlVideo: o.controlVideoPlayer
+    notification: l,
+    skipTypeCheck: i,
+    skipAutoClose: r,
+    externalAd: a,
+    controlVideo: e.controlVideoPlayer
   }) : null;
-}, hn = ({
-  event: o,
-  sidebar: s,
-  banner: i,
+}, fs = ({
+  event: e,
+  sidebar: n,
+  banner: a,
   isMobileScreen: t,
-  skipAutoClose: l,
-  persistent: r,
+  skipAutoClose: r,
+  persistent: i,
   theme: c,
   notification: m,
   skipTypeCheck: A,
-  externalAd: a
+  externalAd: l
 }) => {
-  const g = Oo(), u = _o(), p = Bo();
-  return g ? a && !u.promotionExternalAd ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : !a && u.promotionExternalAd ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : s && !u.promotionSidebar ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : i && !u.promotionBanner ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : m && !u.promotionNotification ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : !i && !s && !m && !u.promotionOverlay ? o !== void 0 && /* @__PURE__ */ e(T, { event: o }) : /* @__PURE__ */ v("div", { className: "StreamLayerSDK", children: [
-    /* @__PURE__ */ e(xo, { customTheme: c ?? p.theme, themeMode: p.themeMode, children: /* @__PURE__ */ e(
-      mn,
+  const f = _e(), u = Me(), p = xe();
+  return f ? l && !u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !l && u.promotionExternalAd ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : n && !u.promotionSidebar ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : a && !u.promotionBanner ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : m && !u.promotionNotification ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : !a && !n && !m && !u.promotionOverlay ? e !== void 0 && /* @__PURE__ */ o(E, { event: e }) : /* @__PURE__ */ v("div", { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ o(Oe, { customTheme: c ?? p.theme, themeMode: p.themeMode, children: /* @__PURE__ */ o(
+      ps,
       {
-        sdk: g,
-        sidebar: s,
-        banner: i,
+        sdk: f,
+        sidebar: n,
+        banner: a,
         isMobileScreen: t,
-        persistent: r,
+        persistent: i,
         notification: m,
         skipTypeCheck: A,
-        skipAutoClose: l,
+        skipAutoClose: r,
         layoutMode: "side-by-side",
-        externalAd: a
+        externalAd: l
       }
     ) }),
-    o !== void 0 && /* @__PURE__ */ e(T, { event: o })
+    e !== void 0 && /* @__PURE__ */ o(E, { event: e })
   ] }) : null;
 };
 export {
-  hn as StreamLayerSDKAdvertisement,
-  mn as StreamLayerSDKAdvertisementUI
+  fs as StreamLayerSDKAdvertisement,
+  ps as StreamLayerSDKAdvertisementUI
 };