@streamlayer/react 1.9.1 → 1.9.3

package/lib/es/advertisement.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as v, Fragment as ro } from "react/jsx-runtime";
-import { useRef as U, useState as x, useCallback as So, useEffect as P } from "react";
-import { e as k, s as n, h as Eo, g as lo, i as R, Y as ko, a as co, L as Lo, u as Mo, j as Po, b as Oo, S as T, d as _o } from "./index2.js";
-import { N, a as po, b as mo, C as uo, c as vo, P as M, d as S, A as Bo, e as xo, S as Ro } from "./useStreamLayerApp2.js";
-const Do = /* @__PURE__ */ n("div")({
+import { jsx as e, jsxs as v, Fragment as co } from "react/jsx-runtime";
+import { useRef as F, useState as R, useCallback as Eo, useEffect as P } from "react";
+import { e as k, s as n, h as ko, g as po, i as D, Y as Lo, a as mo, L as Mo, u as Po, j as Oo, b as _o, S as T, d as Bo } from "./index2.js";
+import { N, a as uo, b as vo, C as Ao, c as go, P as M, d as S, A as xo, e as Ro, S as Do } from "./useStreamLayerApp2.js";
+const qo = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c5b6wdg",
   propsAsIs: !1
-}), wo = "a1rlj479", qo = "s35f1di", Vo = "sj4471g", jo = "b12050d8", Uo = "b1d5ybek", Fo = (o) => o === "left" || o === "right" ? qo : jo, zo = (o) => o === "left" || o === "right" ? Vo : Uo, Go = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", F = ({
+}), wo = "a1rlj479", Vo = "s35f1di", jo = "sj4471g", Uo = "b12050d8", Fo = "b1d5ybek", zo = (o) => o === "left" || o === "right" ? Vo : Uo, Go = (o) => o === "left" || o === "right" ? jo : Fo, Wo = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", z = ({
   children: o,
   style: s,
   className: i,
@@ -14,30 +14,30 @@ const Do = /* @__PURE__ */ n("div")({
   hiding: l,
   direction: r = "left",
   onAnimationEnd: c
-}) => /* @__PURE__ */ e(Do, {
+}) => /* @__PURE__ */ e(qo, {
   style: s,
-  className: k(i, wo, Go(r), t && !l && Fo(r), t && l && zo(r)),
+  className: k(i, wo, Wo(r), t && !l && zo(r), t && l && Go(r)),
   onAnimationEnd: c,
   children: o
-}), Wo = /* @__PURE__ */ n("a")({
+}), Ho = /* @__PURE__ */ n("a")({
   name: "Link",
   class: "l1sgte8c",
   propsAsIs: !1
-}), Ho = /* @__PURE__ */ n("div")({
+}), Ko = /* @__PURE__ */ n("div")({
   name: "BannerContainer",
   class: "b7yfc72",
   propsAsIs: !1
-}), Ko = () => Wo, Yo = /* @__PURE__ */ n(Ko())({
+}), Yo = () => Ho, Jo = /* @__PURE__ */ n(Yo())({
   name: "BannerLink",
   class: "bejjq94",
   propsAsIs: !0
-}), Jo = ({ promotion: o, promotionId: s, hiding: i, direction: t = "bottom" }) => {
+}), Xo = ({ 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.banner) == null ? void 0 : r.url;
-  return c && c.indexOf("http") !== 0 && (c = `https://${c}`), /* @__PURE__ */ e(F, { direction: t, hiding: i, children: /* @__PURE__ */ e(Ho, { className: "BannerContainer", children: /* @__PURE__ */ e(
-    Yo,
+  return c && c.indexOf("http") !== 0 && (c = `https://${c}`), /* @__PURE__ */ e(z, { direction: t, hiding: i, children: /* @__PURE__ */ e(Ko, { className: "BannerContainer", children: /* @__PURE__ */ e(
+    Jo,
     {
       className: "BannerLink",
       href: c,
@@ -48,211 +48,211 @@ const Do = /* @__PURE__ */ n("div")({
       target: "_blank"
     }
   ) }) });
-}, Qo = /* @__PURE__ */ n("div")({
+}, Zo = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n18wsqoo",
   propsAsIs: !1
-}), Xo = /* @__PURE__ */ n("div")({
+}), Qo = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1ia90c2",
   propsAsIs: !1
-}), Zo = /* @__PURE__ */ n("div")({
+}), oe = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "tg2z08v",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ n("div")({
+}), ee = /* @__PURE__ */ n("div")({
   name: "Text",
   class: "t59zdk1",
   propsAsIs: !1
-}), z = /* @__PURE__ */ n("div")({
+}), G = /* @__PURE__ */ n("div")({
   name: "MediaImgBottom",
   class: "m1ab9fq",
   propsAsIs: !1
-}), ee = () => z, ne = /* @__PURE__ */ n(ee())({
+}), ne = () => G, se = /* @__PURE__ */ n(ne())({
   name: "MediaImgMiddle",
   class: "m9fsr0y",
   propsAsIs: !0
-}), se = /* @__PURE__ */ n("img")({
+}), te = /* @__PURE__ */ n("img")({
   name: "CtaIcon",
   class: "cvi9y5q",
   propsAsIs: !1
-}), te = /* @__PURE__ */ n("button")({
+}), ie = /* @__PURE__ */ n("button")({
   name: "Button",
   class: "bgl6boa",
   propsAsIs: !1
-}), ie = /* @__PURE__ */ n("div")({
+}), ae = /* @__PURE__ */ n("div")({
   name: "Logo",
   class: "l5mq0z",
   propsAsIs: !1
-}), ae = /* @__PURE__ */ n("div")({
+}), re = /* @__PURE__ */ n("div")({
   name: "Footer",
   class: "f1mse0ft",
   propsAsIs: !1
-}), re = /* @__PURE__ */ n("div")({
+}), le = /* @__PURE__ */ n("div")({
   name: "Vector",
   class: "v1hcloah",
   propsAsIs: !1
-}), le = /* @__PURE__ */ n("div")({
+}), de = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n3n65jf",
   propsAsIs: !1
-}), de = {
-  [N.BOTTOM]: z,
-  [N.MIDDLE]: ne
-}, ce = ({ src: o, imagePosition: s }) => {
-  const i = de[s] || z;
+}), ce = {
+  [N.BOTTOM]: G,
+  [N.MIDDLE]: se
+}, pe = ({ src: o, imagePosition: s }) => {
+  const i = ce[s] || G;
   return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("img", { src: o, alt: "" }) });
-}, pe = ({ notification: o, open: s }) => {
-  if (!o || !o.promotion || o.enabled !== po.NOTIFICATION_ENABLED)
+}, me = ({ notification: o, open: s }) => {
+  if (!o || !o.promotion || o.enabled !== uo.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(le, { className: "SL_Lower_Third_Notification", onClick: s, children: [
-    /* @__PURE__ */ v(Qo, { children: [
-      /* @__PURE__ */ e(ce, { src: l, imagePosition: A }),
-      /* @__PURE__ */ v(Xo, { children: [
-        i && /* @__PURE__ */ e(Zo, { children: i }),
-        t && /* @__PURE__ */ e(oe, { children: t })
+  return /* @__PURE__ */ v(de, { className: "SL_Lower_Third_Notification", onClick: s, children: [
+    /* @__PURE__ */ v(Zo, { children: [
+      /* @__PURE__ */ e(pe, { src: l, imagePosition: A }),
+      /* @__PURE__ */ v(Qo, { children: [
+        i && /* @__PURE__ */ e(oe, { children: i }),
+        t && /* @__PURE__ */ e(ee, { children: t })
       ] })
     ] }),
-    /* @__PURE__ */ v(ae, { children: [
-      m !== mo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ v(ro, { children: [
-        /* @__PURE__ */ e(ie, { children: /* @__PURE__ */ e("img", { src: c, alt: i }) }),
-        /* @__PURE__ */ e(re, {})
+    /* @__PURE__ */ v(re, { children: [
+      m !== vo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ v(co, { children: [
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e("img", { src: c, alt: i }) }),
+        /* @__PURE__ */ e(le, {})
       ] }),
-      /* @__PURE__ */ v(te, { 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) === uo.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(se, { src: a == null ? void 0 : a.ctaIcon, alt: "cta-icon" }),
+      /* @__PURE__ */ v(ie, { 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) === Ao.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(te, { src: a == null ? void 0 : a.ctaIcon, alt: "cta-icon" }),
         (a == null ? void 0 : a.label) || "Open"
       ] })
     ] })
   ] });
-}, me = /* @__PURE__ */ n("div")({
+}, ue = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n1ku6hz",
   propsAsIs: !1
-}), ue = /* @__PURE__ */ n("div")({
+}), ve = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "nbxqmol",
   propsAsIs: !1
-}), ve = /* @__PURE__ */ n("div")({
+}), Ae = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1gu3eml",
   propsAsIs: !1
-}), Ae = /* @__PURE__ */ n("div")({
+}), ge = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t1u17zva",
   propsAsIs: !1
-}), ge = /* @__PURE__ */ n("div")({
+}), he = /* @__PURE__ */ n("div")({
   name: "Text",
   class: "t10ko1g",
   propsAsIs: !1
-}), D = /* @__PURE__ */ n("div")({
+}), q = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "mntc42e",
   propsAsIs: !1
-}), he = () => D, no = /* @__PURE__ */ n(he())({
+}), Ie = () => q, to = /* @__PURE__ */ n(Ie())({
   name: "MediaImgFit",
   class: "ml060eo",
   propsAsIs: !0
-}), Ie = () => D, Ao = /* @__PURE__ */ n(Ie())({
+}), ye = () => q, ho = /* @__PURE__ */ n(ye())({
   name: "MediaImgCentered",
   class: "m1vqlvig",
   propsAsIs: !0
-}), ye = () => Ao, be = /* @__PURE__ */ n(ye())({
+}), be = () => ho, fe = /* @__PURE__ */ n(be())({
   name: "MediaImgBottom",
   class: "m1e7tvi5",
   propsAsIs: !0
-}), fe = () => D, Ne = /* @__PURE__ */ n(fe())({
+}), Ne = () => q, $e = /* @__PURE__ */ n(Ne())({
   name: "MediaImgSolid",
   class: "mqvntt2",
   propsAsIs: !0
-}), $e = () => D, Ce = /* @__PURE__ */ n($e())({
+}), Ce = () => q, Te = /* @__PURE__ */ n(Ce())({
   name: "MediaImgMiddle",
   class: "m12jtj3u",
   propsAsIs: !0
-}), Te = /* @__PURE__ */ n("img")({
+}), Se = /* @__PURE__ */ n("img")({
   name: "CtaIcon",
   class: "ckq1frv",
   propsAsIs: !1
-}), Se = /* @__PURE__ */ n("button")({
+}), Ee = /* @__PURE__ */ n("button")({
   name: "Button",
   class: "bis90pl",
   propsAsIs: !1
-}), Ee = () => Eo, ke = /* @__PURE__ */ n(Ee())({
+}), ke = () => ko, Le = /* @__PURE__ */ n(ke())({
   name: "StyledChevronRight",
   class: "s9mjmz3",
   propsAsIs: !0
-}), Le = /* @__PURE__ */ n("div")({
+}), Me = /* @__PURE__ */ n("div")({
   name: "Logo",
   class: "l1cf50a7",
   propsAsIs: !1
-}), Me = {
-  [N.UNSET]: no,
-  [N.FIT]: no,
-  [N.CENTERED]: Ao,
-  [N.BOTTOM]: be,
-  [N.SOLID]: Ne,
-  [N.MIDDLE]: Ce
-}, Pe = ({ src: o, imagePosition: s }) => {
-  const i = Me[s];
+}), Pe = {
+  [N.UNSET]: to,
+  [N.FIT]: to,
+  [N.CENTERED]: ho,
+  [N.BOTTOM]: fe,
+  [N.SOLID]: $e,
+  [N.MIDDLE]: Te
+}, Oe = ({ src: o, imagePosition: s }) => {
+  const i = Pe[s];
   return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("img", { src: o, alt: "" }) });
-}, Oe = ({ notification: o, open: s, promotionId: i, hiding: t, direction: l = "left" }) => {
-  if (!o || !o.promotion || o.enabled !== po.NOTIFICATION_ENABLED)
+}, _e = ({ notification: o, open: s, promotionId: i, hiding: t, direction: l = "left" }) => {
+  if (!o || !o.promotion || o.enabled !== uo.NOTIFICATION_ENABLED)
     return null;
-  if (o.promotion.mode === vo.LOWER_THIRD)
-    return /* @__PURE__ */ e(pe, { notification: o, open: s });
+  if (o.promotion.mode === go.LOWER_THIRD)
+    return /* @__PURE__ */ e(me, { 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(F, { className: "SL_Rich_Notification", direction: l, hiding: t, children: /* @__PURE__ */ v(ue, { onClick: s, children: [
-    g !== mo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ e(Le, { children: /* @__PURE__ */ e("img", { src: a, alt: r }) }),
-    /* @__PURE__ */ v(me, { children: [
-      /* @__PURE__ */ e(Pe, { src: m, imagePosition: u }),
-      /* @__PURE__ */ v(ve, { children: [
-        r && /* @__PURE__ */ e(Ae, { children: r }),
-        c && /* @__PURE__ */ e(ge, { children: c })
+  return /* @__PURE__ */ e(z, { className: "SL_Rich_Notification", direction: l, hiding: t, children: /* @__PURE__ */ v(ve, { onClick: s, children: [
+    g !== vo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ e(Me, { children: /* @__PURE__ */ e("img", { src: a, alt: r }) }),
+    /* @__PURE__ */ v(ue, { children: [
+      /* @__PURE__ */ e(Oe, { src: m, imagePosition: u }),
+      /* @__PURE__ */ v(Ae, { children: [
+        r && /* @__PURE__ */ e(ge, { children: r }),
+        c && /* @__PURE__ */ e(he, { children: c })
       ] }),
-      /* @__PURE__ */ v(Se, { 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) === uo.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(Te, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
+      /* @__PURE__ */ v(Ee, { 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) === Ao.CTA_ICON_TRANSPARENT && /* @__PURE__ */ e(Se, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
         (p == null ? void 0 : p.label) || "Open"
       ] }),
-      /* @__PURE__ */ e(ke, { name: "chevronRight" })
+      /* @__PURE__ */ e(Le, { name: "chevronRight" })
     ] })
   ] }) });
-}, _e = /* @__PURE__ */ n("div")({
+}, Be = /* @__PURE__ */ n("div")({
   name: "OverlayContainer",
   class: "okzhq2w",
   propsAsIs: !1
-}), go = /* @__PURE__ */ n("div")({
+}), Io = /* @__PURE__ */ n("div")({
   name: "PromoOverlay",
   class: "pmgz5i",
   propsAsIs: !1
-}), ho = /* @__PURE__ */ n("div")({
+}), yo = /* @__PURE__ */ n("div")({
   name: "Header",
   class: "hyxi3jt",
   propsAsIs: !1
-}), Io = /* @__PURE__ */ n("div")({
+}), bo = /* @__PURE__ */ n("div")({
   name: "HeaderContent",
   class: "h149e3gp",
   propsAsIs: !1
-}), yo = "h10toh7", so = /* @__PURE__ */ n("img")({
+}), fo = "h10toh7", io = /* @__PURE__ */ n("img")({
   name: "SponsorLogo",
   class: "s1jyea6t",
   propsAsIs: !1
-}), Be = /* @__PURE__ */ n("div")({
+}), xe = /* @__PURE__ */ n("div")({
   name: "SponsorName",
   class: "szpfa3h",
   propsAsIs: !1
-}), bo = /* @__PURE__ */ n("div")({
+}), No = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1crmu01",
   propsAsIs: !1
-}), xe = /* @__PURE__ */ n("img")({
+}), Re = /* @__PURE__ */ n("img")({
   name: "PromoImg",
   class: "p1l37r8s",
   propsAsIs: !1
-}), Re = "s1nmch9k", to = /* @__PURE__ */ n("div")({
+}), De = "s1nmch9k", ao = /* @__PURE__ */ n("div")({
   name: "Content",
   class: "c1er0ljd",
   propsAsIs: !1
-}), De = /* @__PURE__ */ n("div")({
+}), qe = /* @__PURE__ */ n("div")({
   name: "Description",
   class: "dydopmr",
   propsAsIs: !1
@@ -260,58 +260,58 @@ const Do = /* @__PURE__ */ n("div")({
   name: "Sponsor",
   class: "s1w6nt04",
   propsAsIs: !1
-}), qe = /* @__PURE__ */ n("div")({
+}), Ve = /* @__PURE__ */ n("div")({
   name: "SponsorText",
   class: "s1evcmtq",
   propsAsIs: !1
-}), fo = /* @__PURE__ */ n("div")({
+}), $o = /* @__PURE__ */ n("div")({
   name: "ADLogo",
   class: "awodx0x",
   propsAsIs: !1
-}), Ve = /* @__PURE__ */ n("span")({
+}), je = /* @__PURE__ */ n("span")({
   name: "SponsoredText",
   class: "s1q3n6oi",
   propsAsIs: !1
-}), je = /* @__PURE__ */ n("div")({
+}), Ue = /* @__PURE__ */ n("div")({
   name: "ActionBtnWrap",
   class: "a8d4xfk",
   propsAsIs: !1
-}), Ue = /* @__PURE__ */ n("a")({
+}), Fe = /* @__PURE__ */ n("a")({
   name: "ActionButton",
   class: "at6oobh",
   propsAsIs: !1
-}), Fe = /* @__PURE__ */ n("div")({
+}), ze = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t1gyg7tt",
   propsAsIs: !1
-}), ze = "h17rwbtk", Ge = /* @__PURE__ */ n("div")({
+}), Ge = "h17rwbtk", We = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c10m2bce",
   propsAsIs: !1
-}), io = /* @__PURE__ */ n("div")({
+}), ro = /* @__PURE__ */ n("div")({
   name: "Item",
   class: "ig23yq5",
   propsAsIs: !1
-}), We = /* @__PURE__ */ n("div")({
+}), He = /* @__PURE__ */ n("div")({
   name: "Dot",
   class: "d1f6aqua",
   propsAsIs: !1
-}), He = ({
+}), Ke = ({
   time: o,
   adCount: s,
   adPosition: i
 }) => {
   const t = Math.floor(o / 60), l = o - t * 60;
-  return t === 0 && l === 0 && s === i ? null : /* @__PURE__ */ v(Ge, {
-    children: [s > 1 && /* @__PURE__ */ v(ro, {
-      children: [/* @__PURE__ */ v(io, {
+  return t === 0 && l === 0 && s === i ? null : /* @__PURE__ */ v(We, {
+    children: [s > 1 && /* @__PURE__ */ v(co, {
+      children: [/* @__PURE__ */ v(ro, {
         children: [i, " of ", s]
-      }), /* @__PURE__ */ e(We, {})]
-    }), /* @__PURE__ */ v(io, {
+      }), /* @__PURE__ */ e(He, {})]
+    }), /* @__PURE__ */ v(ro, {
       children: [t, ":", l < 10 ? `0${l}` : l]
     })]
   });
-}, Ke = (o, s, { onPlay: i, onStop: t, onProgress: l }) => {
+}, Ye = (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(
@@ -338,15 +338,15 @@ const Do = /* @__PURE__ */ n("div")({
     }
     return g;
   };
-}, Ye = /* @__PURE__ */ n("div")({
+}, Je = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c4q6dw1",
   propsAsIs: !1
-}), Je = /* @__PURE__ */ n("div")({
+}), Xe = /* @__PURE__ */ n("div")({
   name: "ControlsContainer",
   class: "c1la67r",
   propsAsIs: !1
-}), Qe = "m3guev", Xe = "m7099mt", Ze = "mmm6o5s", on = ({
+}), Ze = "m3guev", Qe = "m7099mt", on = "mmm6o5s", en = ({
   promotion: o,
   controlVideo: s,
   promotionId: i,
@@ -355,7 +355,7 @@ const Do = /* @__PURE__ */ n("div")({
   skipAutoClose: r
 }) => {
   var c;
-  const m = U(null), [A, a] = x(!1), [g, u] = x(0), [p, I] = x(0), [$, h] = x(0), y = U(), b = So(() => {
+  const m = F(null), [A, a] = R(!1), [g, u] = R(0), [p, I] = R(0), [$, h] = R(0), y = F(), b = Eo(() => {
     u(0), I(0), h(0), a(!1), s == null || s({
       muted: !1
     });
@@ -363,9 +363,9 @@ const Do = /* @__PURE__ */ n("div")({
   P(() => {
     if (l != null && l.url && m.current) {
       b();
-      const f = Ke(m.current, l.url, {
+      const f = Ye(m.current, l.url, {
         onPlay: () => {
-          R.emit("advertisement", {
+          D.emit("advertisement", {
             action: "videoPlay",
             payload: {
               id: i,
@@ -388,23 +388,23 @@ const Do = /* @__PURE__ */ n("div")({
     }
   }, [l == null ? void 0 : l.url, s, b, i, o.type, t]);
   const O = ((c = o.sponsor) == null ? void 0 : c.logo) && o.logoMode === M.CENTER;
-  return /* @__PURE__ */ v(go, {
+  return /* @__PURE__ */ v(Io, {
     className: "PromoOverlay",
-    children: [/* @__PURE__ */ v(ho, {
-      children: [/* @__PURE__ */ e(Io, {
-        className: k(!O && yo),
-        children: /* @__PURE__ */ e(fo, {
+    children: [/* @__PURE__ */ v(yo, {
+      children: [/* @__PURE__ */ e(bo, {
+        className: k(!O && fo),
+        children: /* @__PURE__ */ e($o, {
           style: {
             transform: "scale(1.5)"
           },
           children: "Ad"
         })
-      }), /* @__PURE__ */ v(Je, {
-        children: [/* @__PURE__ */ e(He, {
+      }), /* @__PURE__ */ v(Xe, {
+        children: [/* @__PURE__ */ e(Ke, {
           time: g,
           adCount: p,
           adPosition: $
-        }), r && /* @__PURE__ */ e(lo, {
+        }), r && /* @__PURE__ */ e(po, {
           className: "ClosePromoIcon",
           close: () => {
             var f;
@@ -412,39 +412,41 @@ const Do = /* @__PURE__ */ n("div")({
           }
         })]
       })]
-    }), /* @__PURE__ */ e(bo, {
-      className: k(Qe, A && Xe, !A && Ze),
-      children: /* @__PURE__ */ e(Ye, {
+    }), /* @__PURE__ */ e(No, {
+      className: k(Ze, A && Qe, !A && on),
+      children: /* @__PURE__ */ e(Je, {
         ref: m
       })
     })]
   });
-}, ao = (o) => {
-  var s, i, t, l, r, c, m, A, a, g, u, p, I, $, h, y, b, O, f, C, G, W, H, K, Y, J, Q, X, Z, oo;
+}, lo = (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, X, Z, Q, oo, eo;
   const {
     promotion: d,
-    advertisementPaused: No,
+    advertisementPaused: Co,
     togglePause: E,
     controlVideo: _,
-    skipAutoClose: $o,
+    skipAutoClose: To,
     promotionId: B,
-    onClose: Co,
+    onClose: So,
     markAsViewed: w,
-    externalAd: eo
-  } = o, q = d.type === S.INGAME_IAB11_LBAR || d.type === S.INGAME_IAB11, V = ((s = d.sponsor) == null ? void 0 : s.logo) && d.logoMode === M.CENTER, To = !!((t = (i = d.banner) == null ? void 0 : i.video) != null && t.url), j = d.autoPlayVideo === Bo.ENABLED;
+    externalAd: no
+  } = o, V = d.type === S.INGAME_IAB11_LBAR || d.type === S.INGAME_IAB11, j = ((s = d.sponsor) == null ? void 0 : s.logo) && d.logoMode === M.CENTER, so = !!((t = (i = d.banner) == null ? void 0 : i.video) != null && t.url), x = d.autoPlayVideo === xo.ENABLED;
   if (P(() => {
-    E == null || E(To || j);
+    E == null || E(so || x);
   }, []), P(() => {
     B && d.type && w && w();
   }, [B, d.type, w]), P(() => () => {
     _ == null || _({ muted: !1 });
-  }, [_]), eo)
-    return /* @__PURE__ */ e(on, { ...o, externalAd: eo });
+  }, [_]), no)
+    return /* @__PURE__ */ e(en, { ...o, externalAd: no });
   let L = (l = d.banner) == null ? void 0 : l.url;
-  return L && L.indexOf("http") !== 0 && (L = `https://${L}`), /* @__PURE__ */ v(go, { className: "PromoOverlay", children: [
-    /* @__PURE__ */ v(ho, { children: [
-      /* @__PURE__ */ v(Io, { className: k(!V && yo), children: [
-        ((r = d.sponsor) == null ? void 0 : r.logo) && d.logoMode === M.LEFT && /* @__PURE__ */ e(so, { src: (c = d.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
+  L && L.indexOf("http") !== 0 && (L = `https://${L}`);
+  let U = !0;
+  return so && (!Co || !x ? U = !0 : U = !1), /* @__PURE__ */ v(Io, { className: "PromoOverlay", children: [
+    /* @__PURE__ */ v(yo, { children: [
+      /* @__PURE__ */ v(bo, { className: k(!j && fo), children: [
+        ((r = d.sponsor) == null ? void 0 : r.logo) && d.logoMode === M.LEFT && /* @__PURE__ */ e(io, { src: (c = d.sponsor) == null ? void 0 : c.logo, alt: "promo" }),
         /* @__PURE__ */ v(
           we,
           {
@@ -452,39 +454,39 @@ const Do = /* @__PURE__ */ n("div")({
               paddingLeft: (m = d.sponsor) != null && m.logo && d.logoMode === M.LEFT ? "0px" : "8px"
             },
             children: [
-              ((A = d.sponsor) == null ? void 0 : A.logo) && d.logoMode === M.LEFT && /* @__PURE__ */ e(Be, { children: (a = d.sponsor) == null ? void 0 : a.name }),
-              /* @__PURE__ */ v(qe, { className: "SponsorText", children: [
-                /* @__PURE__ */ e(fo, { children: "AD" }),
-                /* @__PURE__ */ e(Ve, { children: "SPONSORED" })
+              ((A = d.sponsor) == null ? void 0 : A.logo) && d.logoMode === M.LEFT && /* @__PURE__ */ e(xe, { children: (a = d.sponsor) == null ? void 0 : a.name }),
+              /* @__PURE__ */ v(Ve, { className: "SponsorText", children: [
+                /* @__PURE__ */ e($o, { children: "AD" }),
+                /* @__PURE__ */ e(je, { children: "SPONSORED" })
               ] })
             ]
           }
         )
       ] }),
       /* @__PURE__ */ e(
-        lo,
+        po,
         {
           className: "ClosePromoIcon",
-          close: Co,
+          close: So,
           autoClose: (g = d.closeTimer) == null ? void 0 : g.auto,
-          duration: $o ? 0 : (u = d.closeTimer) == null ? void 0 : u.seconds,
-          isPlaying: !No
+          duration: To ? 0 : (u = d.closeTimer) == null ? void 0 : u.seconds,
+          isPlaying: U
         }
       )
     ] }),
-    /* @__PURE__ */ v(bo, { children: [
-      V && /* @__PURE__ */ e(so, { className: Re, src: (p = d.sponsor) == null ? void 0 : p.logo, alt: "promo" }),
-      /* @__PURE__ */ e(to, { children: ($ = (I = d.banner) == null ? void 0 : I.video) != null && $.url ? /* @__PURE__ */ e(
-        ko,
+    /* @__PURE__ */ v(No, { children: [
+      j && /* @__PURE__ */ e(io, { className: De, src: (p = d.sponsor) == null ? void 0 : p.logo, alt: "promo" }),
+      /* @__PURE__ */ e(ao, { children: ($ = (I = d.banner) == null ? void 0 : I.video) != null && $.url ? /* @__PURE__ */ e(
+        Lo,
         {
           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: q ? "1/1" : "16/9",
+          aspectRatio: V ? "1/1" : "16/9",
           onPause: () => {
-            j && (E == null || E(!0));
+            x && (E == null || E(!0));
           },
           onPlay: () => {
-            R.emit("advertisement", {
+            D.emit("advertisement", {
               action: "videoPlay",
               payload: {
                 id: B,
@@ -493,49 +495,49 @@ const Do = /* @__PURE__ */ n("div")({
             }), E == null || E(!1);
           },
           controlVideo: _,
-          autoPlay: j
+          autoPlay: x
         }
-      ) : (f = d.banner) != null && f.imageUrl ? /* @__PURE__ */ e(xe, { style: q ? { aspectRatio: "1/1" } : {}, src: (C = d.banner) == null ? void 0 : C.imageUrl, alt: "promo" }) : null }),
-      !q && /* @__PURE__ */ v(to, { children: [
-        ((G = d.banner) == null ? void 0 : G.title) && /* @__PURE__ */ e(Fe, { className: k("AdvTitle", V && ze), children: (W = d.banner) == null ? void 0 : W.title }),
-        ((H = d.banner) == null ? void 0 : H.body) && /* @__PURE__ */ e(De, { className: "AdvDescription", children: (K = d.banner) == null ? void 0 : K.body })
+      ) : (f = d.banner) != null && f.imageUrl ? /* @__PURE__ */ e(Re, { style: V ? { aspectRatio: "1/1" } : {}, src: (C = d.banner) == null ? void 0 : C.imageUrl, alt: "promo" }) : null }),
+      !V && /* @__PURE__ */ v(ao, { children: [
+        ((W = d.banner) == null ? void 0 : W.title) && /* @__PURE__ */ e(ze, { className: k("AdvTitle", j && Ge), children: (H = d.banner) == null ? void 0 : H.title }),
+        ((K = d.banner) == null ? void 0 : K.body) && /* @__PURE__ */ e(qe, { className: "AdvDescription", children: (Y = d.banner) == null ? void 0 : Y.body })
       ] })
     ] }),
-    d.buttonType !== xo.NO_BUTTON && /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(
-      Ue,
+    d.buttonType !== Ro.NO_BUTTON && /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e(
+      Fe,
       {
         href: L,
         style: {
-          backgroundColor: ((J = (Y = d.banner) == null ? void 0 : Y.ctaButton) == null ? void 0 : J.color) || "#009dc4",
-          color: ((X = (Q = d.banner) == null ? void 0 : Q.ctaButton) == null ? void 0 : X.textColor) || "#fff"
+          backgroundColor: ((X = (J = d.banner) == null ? void 0 : J.ctaButton) == null ? void 0 : X.color) || "#009dc4",
+          color: ((Q = (Z = d.banner) == null ? void 0 : Z.ctaButton) == null ? void 0 : Q.textColor) || "#fff"
         },
         "data-analytics": "button",
         "data-promo-id": B,
         "data-promo-type": d.type,
         target: "_blank",
-        children: (oo = (Z = d.banner) == null ? void 0 : Z.ctaButton) == null ? void 0 : oo.label
+        children: (eo = (oo = d.banner) == null ? void 0 : oo.ctaButton) == null ? void 0 : eo.label
       }
     ) })
   ] });
-}, en = /* @__PURE__ */ n("div")({
+}, nn = /* @__PURE__ */ n("div")({
   name: "SidebarContainer",
   class: "s1abskp8",
   propsAsIs: !1
-}), nn = ({
+}), sn = ({
   children: o,
   direction: s,
   style: i,
   className: t,
   hiding: l
-}) => /* @__PURE__ */ e(F, {
+}) => /* @__PURE__ */ e(z, {
   direction: s,
   style: i,
   hiding: l,
   className: t,
-  children: /* @__PURE__ */ e(en, {
+  children: /* @__PURE__ */ e(nn, {
     children: o
   })
-}), sn = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === S.INGAME_IAB21_LBAR, tn = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11 || (o == null ? void 0 : o.type) === S.INGAME_IAB21, an = ({
+}), tn = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === S.INGAME_IAB21_LBAR, an = (o) => (o == null ? void 0 : o.type) === S.INGAME_IAB11 || (o == null ? void 0 : o.type) === S.INGAME_IAB21, rn = ({
   advertisement: o,
   close: s,
   skipTypeCheck: i,
@@ -550,8 +552,8 @@ const Do = /* @__PURE__ */ n("div")({
   controlVideo: u,
   advertisementPaused: p,
   togglePause: I
-}) => o.promotion ? c && o.notification ? /* @__PURE__ */ e(Oe, { open: a, notification: o.notification, promotionId: o.question.id }) : !r && !m && (i || tn(o.promotion)) ? /* @__PURE__ */ e(_e, { className: "PromoOverlayContainer", children: /* @__PURE__ */ e(
-  ao,
+}) => o.promotion ? c && o.notification ? /* @__PURE__ */ e(_e, { open: a, notification: o.notification, promotionId: o.question.id }) : !r && !m && (i || an(o.promotion)) ? /* @__PURE__ */ e(Be, { className: "PromoOverlayContainer", children: /* @__PURE__ */ e(
+  lo,
   {
     markAsViewed: A,
     promotionId: o.question.id,
@@ -563,8 +565,8 @@ const Do = /* @__PURE__ */ n("div")({
     advertisementPaused: p,
     togglePause: I
   }
-) }) : r && (i || sn(o.promotion)) ? /* @__PURE__ */ e(nn, { className: "PromoSidebarContainer", direction: r, hiding: !1, children: /* @__PURE__ */ e(
-  ao,
+) }) : r && (i || tn(o.promotion)) ? /* @__PURE__ */ e(sn, { className: "PromoSidebarContainer", direction: r, hiding: !1, children: /* @__PURE__ */ e(
+  lo,
   {
     markAsViewed: A,
     promotionId: o.question.id,
@@ -577,28 +579,28 @@ const Do = /* @__PURE__ */ n("div")({
     togglePause: I
   }
 ) }) : m ? /* @__PURE__ */ e(
-  Jo,
+  Xo,
   {
     promotionId: o.question.id,
     hiding: !1,
     promotion: o.promotion,
     direction: m
   }
-) : null : null, rn = /* @__PURE__ */ n("div")({
+) : null : null, ln = /* @__PURE__ */ n("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), ln = (o) => {
+}), dn = (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" && R.emit("advertisement", {
+    s.getAttribute("data-analytics") === "button" && D.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         id: i,
         type: t
       }
-    }), s.getAttribute("data-analytics") === "banner" && R.emit("advertisement", {
+    }), s.getAttribute("data-analytics") === "banner" && D.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         id: i,
@@ -606,7 +608,7 @@ const Do = /* @__PURE__ */ n("div")({
       }
     });
   }
-}, dn = ({
+}, cn = ({
   gamification: o,
   layoutMode: s,
   skipAutoClose: i,
@@ -620,23 +622,23 @@ const Do = /* @__PURE__ */ n("div")({
   controlVideo: g
 }) => {
   var u, p, I;
-  const $ = U(null), h = co(o.advertisement.$store);
-  Lo($, {
+  const $ = F(null), h = mo(o.advertisement.$store);
+  Mo($, {
     enabled: !!h.data,
     event: "click",
-    listener: ln
+    listener: dn
   });
   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) === vo.LOWER_THIRD;
-  return /* @__PURE__ */ e(rn, {
+  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) === go.LOWER_THIRD;
+  return /* @__PURE__ */ e(ln, {
     ref: $,
     style: {
       height: y ? "auto" : "100%"
     },
     className: k("SL-AdvertisementUIWrap", m && "mobile-view", b && "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ e(an, {
+    children: /* @__PURE__ */ e(rn, {
       skipTypeCheck: t,
       sidebar: l,
       banner: r,
@@ -653,7 +655,7 @@ const Do = /* @__PURE__ */ n("div")({
       controlVideo: g
     })
   });
-}, cn = ({
+}, pn = ({
   sdk: o,
   sidebar: s,
   externalAd: i,
@@ -665,7 +667,7 @@ const Do = /* @__PURE__ */ n("div")({
   persistent: A,
   notification: a
 }) => {
-  const g = co(o.featuresList.getStore());
+  const g = mo(o.featuresList.getStore());
   if (P(() => {
     if (i) {
       const p = document.createElement("script");
@@ -687,8 +689,8 @@ const Do = /* @__PURE__ */ n("div")({
     });
   if (!g)
     return null;
-  const u = o.getFeature(Ro.GAMES);
-  return u ? /* @__PURE__ */ e(dn, {
+  const u = o.getFeature(Do.GAMES);
+  return u ? /* @__PURE__ */ e(cn, {
     gamification: u,
     sidebar: s,
     banner: t,
@@ -701,7 +703,7 @@ const Do = /* @__PURE__ */ n("div")({
     externalAd: i,
     controlVideo: o.controlVideoPlayer
   }) : null;
-}, An = ({
+}, gn = ({
   event: o,
   sidebar: s,
   banner: i,
@@ -713,10 +715,10 @@ const Do = /* @__PURE__ */ n("div")({
   skipTypeCheck: A,
   externalAd: a
 }) => {
-  const g = Mo(), u = Po(), p = Oo();
+  const g = Po(), u = Oo(), p = _o();
   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(_o, { customTheme: c ?? p, children: /* @__PURE__ */ e(
-      cn,
+    /* @__PURE__ */ e(Bo, { customTheme: c ?? p, children: /* @__PURE__ */ e(
+      pn,
       {
         sdk: g,
         sidebar: s,
@@ -734,6 +736,6 @@ const Do = /* @__PURE__ */ n("div")({
   ] }) : null;
 };
 export {
-  An as StreamLayerSDKAdvertisement,
-  cn as StreamLayerSDKAdvertisementUI
+  gn as StreamLayerSDKAdvertisement,
+  pn as StreamLayerSDKAdvertisementUI
 };