@streamlayer/react 1.8.1 → 1.8.3

package/lib/es/advertisement.js

@@ -1,42 +1,42 @@
-import { jsx as n, jsxs as m, Fragment as eo } from "react/jsx-runtime";
-import { useEffect as io, useRef as to } from "react";
-import { f as $, s, c as ao, g as lo, X as ro, h as k, a as Q, L as co, u as po, i as mo, b as uo, d as vo, S as Ao } from "./index2.js";
-import { N as h, a as Y, b as Z, C as oo, c as no, P as g, d as N, A as Io, e as ho, S as go } from "./useStreamLayerApp2.js";
-const yo = /* @__PURE__ */ s("div")({
+import { jsx as s, jsxs as m, Fragment as io } from "react/jsx-runtime";
+import { useEffect as to, useRef as ao } from "react";
+import { f as C, s as n, c as ro, g as lo, X as co, h as M, a as Y, L as po, u as mo, i as uo, b as vo, S as b, d as Ao } from "./index2.js";
+import { N as h, a as Z, b as oo, C as so, c as no, P as g, d as $, A as Io, e as ho, S as go } from "./useStreamLayerApp2.js";
+const yo = /* @__PURE__ */ n("div")({
   name: "Container",
   class: "c5b6wdg",
   propsAsIs: !1
-}), bo = "a1rlj479", fo = "s35f1di", No = "sj4471g", $o = "b12050d8", Co = "b1d5ybek", To = (o) => o === "left" || o === "right" ? fo : $o, So = (o) => o === "left" || o === "right" ? No : Co, ko = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", M = ({
+}), bo = "a1rlj479", fo = "s35f1di", No = "sj4471g", $o = "b12050d8", Co = "b1d5ybek", To = (o) => o === "left" || o === "right" ? fo : $o, So = (o) => o === "left" || o === "right" ? No : Co, ko = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", L = ({
   children: o,
   style: e,
   className: i,
-  enabled: l = !0,
-  hiding: r,
+  enabled: r = !0,
+  hiding: l,
   direction: a = "left",
   onAnimationEnd: d
-}) => /* @__PURE__ */ n(yo, {
+}) => /* @__PURE__ */ s(yo, {
   style: e,
-  className: $(i, bo, ko(a), l && !r && To(a), l && r && So(a)),
+  className: C(i, bo, ko(a), r && !l && To(a), r && l && So(a)),
   onAnimationEnd: d,
   children: o
-}), Mo = /* @__PURE__ */ s("a")({
+}), Mo = /* @__PURE__ */ n("a")({
   name: "Link",
   class: "l1sgte8c",
   propsAsIs: !1
-}), Lo = /* @__PURE__ */ s("div")({
+}), Lo = /* @__PURE__ */ n("div")({
   name: "BannerContainer",
   class: "b7yfc72",
   propsAsIs: !1
-}), Oo = () => Mo, Bo = /* @__PURE__ */ s(Oo())({
+}), Oo = () => Mo, Bo = /* @__PURE__ */ n(Oo())({
   name: "BannerLink",
   class: "bejjq94",
   propsAsIs: !0
-}), Eo = ({ promotion: o, promotionId: e, hiding: i, direction: l = "bottom" }) => {
-  var r, a;
-  if (!((r = o.additionalBanner) != null && r.imageUrl))
+}), Eo = ({ promotion: o, promotionId: e, hiding: i, direction: r = "bottom" }) => {
+  var l, a;
+  if (!((l = o.additionalBanner) != null && l.imageUrl))
     return null;
   let d = (a = o.banner) == null ? void 0 : a.url;
-  return d && d.indexOf("http") !== 0 && (d = `https://${d}`), /* @__PURE__ */ n(M, { direction: l, hiding: i, children: /* @__PURE__ */ n(Lo, { className: "BannerContainer", children: /* @__PURE__ */ n(
+  return d && d.indexOf("http") !== 0 && (d = `https://${d}`), /* @__PURE__ */ s(L, { direction: r, hiding: i, children: /* @__PURE__ */ s(Lo, { className: "BannerContainer", children: /* @__PURE__ */ s(
     Bo,
     {
       className: "BannerLink",
@@ -48,289 +48,289 @@ const yo = /* @__PURE__ */ s("div")({
       target: "_blank"
     }
   ) }) });
-}, _o = /* @__PURE__ */ s("div")({
+}, _o = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n18wsqoo",
   propsAsIs: !1
-}), Po = /* @__PURE__ */ s("div")({
+}), Po = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1ia90c2",
   propsAsIs: !1
-}), xo = /* @__PURE__ */ s("div")({
+}), xo = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "tg2z08v",
   propsAsIs: !1
-}), Ro = /* @__PURE__ */ s("div")({
+}), Ro = /* @__PURE__ */ n("div")({
   name: "Text",
   class: "t59zdk1",
   propsAsIs: !1
-}), L = /* @__PURE__ */ s("div")({
+}), O = /* @__PURE__ */ n("div")({
   name: "MediaImgBottom",
   class: "m1ab9fq",
   propsAsIs: !1
-}), Do = () => L, qo = /* @__PURE__ */ s(Do())({
+}), Do = () => O, qo = /* @__PURE__ */ n(Do())({
   name: "MediaImgMiddle",
   class: "m9fsr0y",
   propsAsIs: !0
-}), wo = /* @__PURE__ */ s("img")({
+}), wo = /* @__PURE__ */ n("img")({
   name: "CtaIcon",
   class: "cvi9y5q",
   propsAsIs: !1
-}), jo = /* @__PURE__ */ s("button")({
+}), jo = /* @__PURE__ */ n("button")({
   name: "Button",
   class: "bgl6boa",
   propsAsIs: !1
-}), Fo = /* @__PURE__ */ s("div")({
+}), Fo = /* @__PURE__ */ n("div")({
   name: "Logo",
   class: "l5mq0z",
   propsAsIs: !1
-}), Uo = /* @__PURE__ */ s("div")({
+}), Uo = /* @__PURE__ */ n("div")({
   name: "Footer",
   class: "f1mse0ft",
   propsAsIs: !1
-}), zo = /* @__PURE__ */ s("div")({
+}), zo = /* @__PURE__ */ n("div")({
   name: "Vector",
   class: "v1hcloah",
   propsAsIs: !1
-}), Vo = /* @__PURE__ */ s("div")({
+}), Vo = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "n3n65jf",
   propsAsIs: !1
 }), Go = {
-  [h.BOTTOM]: L,
+  [h.BOTTOM]: O,
   [h.MIDDLE]: qo
 }, Wo = ({ src: o, imagePosition: e }) => {
-  const i = Go[e] || L;
-  return /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n("img", { src: o, alt: "" }) });
+  const i = Go[e] || O;
+  return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s("img", { src: o, alt: "" }) });
 }, Ho = ({ notification: o, open: e }) => {
-  if (!o || !o.promotion || o.enabled !== Y.NOTIFICATION_ENABLED)
+  if (!o || !o.promotion || o.enabled !== Z.NOTIFICATION_ENABLED)
     return null;
-  const { title: i, body: l, image: r, promotion: a } = o, { sponsorLogo: d, sponsorLogoMode: c, imagePosition: u, ctaButton: t } = a;
+  const { title: i, body: r, image: l, promotion: a } = o, { sponsorLogo: d, sponsorLogoMode: c, imagePosition: u, ctaButton: t } = a;
   return /* @__PURE__ */ m(Vo, { className: "SL_Lower_Third_Notification", onClick: e, children: [
     /* @__PURE__ */ m(_o, { children: [
-      /* @__PURE__ */ n(Wo, { src: r, imagePosition: u }),
+      /* @__PURE__ */ s(Wo, { src: l, imagePosition: u }),
       /* @__PURE__ */ m(Po, { children: [
-        i && /* @__PURE__ */ n(xo, { children: i }),
-        l && /* @__PURE__ */ n(Ro, { children: l })
+        i && /* @__PURE__ */ s(xo, { children: i }),
+        r && /* @__PURE__ */ s(Ro, { children: r })
       ] })
     ] }),
     /* @__PURE__ */ m(Uo, { children: [
-      c !== Z.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ m(eo, { children: [
-        /* @__PURE__ */ n(Fo, { children: /* @__PURE__ */ n("img", { src: d, alt: i }) }),
-        /* @__PURE__ */ n(zo, {})
+      c !== oo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ m(io, { children: [
+        /* @__PURE__ */ s(Fo, { children: /* @__PURE__ */ s("img", { src: d, alt: i }) }),
+        /* @__PURE__ */ s(zo, {})
       ] }),
       /* @__PURE__ */ m(jo, { name: "promo-button", style: { color: t == null ? void 0 : t.textColor, backgroundColor: t == null ? void 0 : t.color }, children: [
-        (t == null ? void 0 : t.ctaIcon) && (t == null ? void 0 : t.ctaIconMode) === oo.CTA_ICON_TRANSPARENT && /* @__PURE__ */ n(wo, { src: t == null ? void 0 : t.ctaIcon, alt: "cta-icon" }),
+        (t == null ? void 0 : t.ctaIcon) && (t == null ? void 0 : t.ctaIconMode) === so.CTA_ICON_TRANSPARENT && /* @__PURE__ */ s(wo, { src: t == null ? void 0 : t.ctaIcon, alt: "cta-icon" }),
         (t == null ? void 0 : t.label) || "Open"
       ] })
     ] })
   ] });
-}, Ko = /* @__PURE__ */ s("div")({
+}, Ko = /* @__PURE__ */ n("div")({
   name: "NotificationContent",
   class: "n1ku6hz",
   propsAsIs: !1
-}), Xo = /* @__PURE__ */ s("div")({
+}), Xo = /* @__PURE__ */ n("div")({
   name: "NotificationContainer",
   class: "nbxqmol",
   propsAsIs: !1
-}), Jo = /* @__PURE__ */ s("div")({
+}), Jo = /* @__PURE__ */ n("div")({
   name: "Body",
   class: "b1gu3eml",
   propsAsIs: !1
-}), Qo = /* @__PURE__ */ s("div")({
+}), Qo = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t1u17zva",
   propsAsIs: !1
-}), Yo = /* @__PURE__ */ s("div")({
+}), Yo = /* @__PURE__ */ n("div")({
   name: "Text",
   class: "t10ko1g",
   propsAsIs: !1
-}), C = /* @__PURE__ */ s("div")({
+}), T = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "mntc42e",
   propsAsIs: !1
-}), Zo = () => C, H = /* @__PURE__ */ s(Zo())({
+}), Zo = () => T, K = /* @__PURE__ */ n(Zo())({
   name: "MediaImgFit",
   class: "ml060eo",
   propsAsIs: !0
-}), on = () => C, so = /* @__PURE__ */ s(on())({
+}), os = () => T, eo = /* @__PURE__ */ n(os())({
   name: "MediaImgCentered",
   class: "m1vqlvig",
   propsAsIs: !0
-}), nn = () => so, sn = /* @__PURE__ */ s(nn())({
+}), ss = () => eo, ns = /* @__PURE__ */ n(ss())({
   name: "MediaImgBottom",
   class: "m1e7tvi5",
   propsAsIs: !0
-}), en = () => C, tn = /* @__PURE__ */ s(en())({
+}), es = () => T, is = /* @__PURE__ */ n(es())({
   name: "MediaImgSolid",
   class: "mqvntt2",
   propsAsIs: !0
-}), an = () => C, ln = /* @__PURE__ */ s(an())({
+}), ts = () => T, as = /* @__PURE__ */ n(ts())({
   name: "MediaImgMiddle",
   class: "m12jtj3u",
   propsAsIs: !0
-}), rn = /* @__PURE__ */ s("img")({
+}), rs = /* @__PURE__ */ n("img")({
   name: "CtaIcon",
   class: "ckq1frv",
   propsAsIs: !1
-}), dn = /* @__PURE__ */ s("button")({
+}), ls = /* @__PURE__ */ n("button")({
   name: "Button",
   class: "bis90pl",
   propsAsIs: !1
-}), cn = () => ao, pn = /* @__PURE__ */ s(cn())({
+}), ds = () => ro, cs = /* @__PURE__ */ n(ds())({
   name: "StyledChevronRight",
   class: "s9mjmz3",
   propsAsIs: !0
-}), mn = /* @__PURE__ */ s("div")({
+}), ps = /* @__PURE__ */ n("div")({
   name: "Logo",
   class: "l1cf50a7",
   propsAsIs: !1
-}), un = {
-  [h.UNSET]: H,
-  [h.FIT]: H,
-  [h.CENTERED]: so,
-  [h.BOTTOM]: sn,
-  [h.SOLID]: tn,
-  [h.MIDDLE]: ln
-}, vn = ({ src: o, imagePosition: e }) => {
-  const i = un[e];
-  return /* @__PURE__ */ n(i, { children: /* @__PURE__ */ n("img", { src: o, alt: "" }) });
-}, An = ({ notification: o, open: e, promotionId: i, hiding: l, direction: r = "left" }) => {
-  if (!o || !o.promotion || o.enabled !== Y.NOTIFICATION_ENABLED)
+}), ms = {
+  [h.UNSET]: K,
+  [h.FIT]: K,
+  [h.CENTERED]: eo,
+  [h.BOTTOM]: ns,
+  [h.SOLID]: is,
+  [h.MIDDLE]: as
+}, us = ({ src: o, imagePosition: e }) => {
+  const i = ms[e];
+  return /* @__PURE__ */ s(i, { children: /* @__PURE__ */ s("img", { src: o, alt: "" }) });
+}, vs = ({ notification: o, open: e, promotionId: i, hiding: r, direction: l = "left" }) => {
+  if (!o || !o.promotion || o.enabled !== Z.NOTIFICATION_ENABLED)
     return null;
   if (o.promotion.mode === no.LOWER_THIRD)
-    return /* @__PURE__ */ n(Ho, { notification: o, open: e });
+    return /* @__PURE__ */ s(Ho, { notification: o, open: e });
   const { title: a, body: d, image: c, promotion: u } = o, { sponsorLogo: t, sponsorLogoMode: v, imagePosition: I, ctaButton: p } = u;
-  return /* @__PURE__ */ n(M, { className: "SL_Rich_Notification", direction: r, hiding: l, children: /* @__PURE__ */ m(Xo, { onClick: e, children: [
-    v !== Z.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ n(mn, { children: /* @__PURE__ */ n("img", { src: t, alt: a }) }),
+  return /* @__PURE__ */ s(L, { className: "SL_Rich_Notification", direction: l, hiding: r, children: /* @__PURE__ */ m(Xo, { onClick: e, children: [
+    v !== oo.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ s(ps, { children: /* @__PURE__ */ s("img", { src: t, alt: a }) }),
     /* @__PURE__ */ m(Ko, { children: [
-      /* @__PURE__ */ n(vn, { src: c, imagePosition: I }),
+      /* @__PURE__ */ s(us, { src: c, imagePosition: I }),
       /* @__PURE__ */ m(Jo, { children: [
-        a && /* @__PURE__ */ n(Qo, { children: a }),
-        d && /* @__PURE__ */ n(Yo, { children: d })
+        a && /* @__PURE__ */ s(Qo, { children: a }),
+        d && /* @__PURE__ */ s(Yo, { children: d })
       ] }),
-      /* @__PURE__ */ m(dn, { 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) === oo.CTA_ICON_TRANSPARENT && /* @__PURE__ */ n(rn, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
+      /* @__PURE__ */ m(ls, { 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) === so.CTA_ICON_TRANSPARENT && /* @__PURE__ */ s(rs, { src: p == null ? void 0 : p.ctaIcon, alt: "cta-icon" }),
         (p == null ? void 0 : p.label) || "Open"
       ] }),
-      /* @__PURE__ */ n(pn, { name: "chevronRight" })
+      /* @__PURE__ */ s(cs, { name: "chevronRight" })
     ] })
   ] }) });
-}, In = /* @__PURE__ */ s("div")({
+}, As = /* @__PURE__ */ n("div")({
   name: "OverlayContainer",
   class: "okzhq2w",
   propsAsIs: !1
-}), hn = /* @__PURE__ */ s("div")({
+}), Is = /* @__PURE__ */ n("div")({
   name: "PromoOverlay",
   class: "pmgz5i",
   propsAsIs: !1
-}), gn = /* @__PURE__ */ s("div")({
+}), hs = /* @__PURE__ */ n("div")({
   name: "Header",
   class: "hyxi3jt",
   propsAsIs: !1
-}), yn = /* @__PURE__ */ s("div")({
+}), gs = /* @__PURE__ */ n("div")({
   name: "HeaderContent",
   class: "h149e3gp",
   propsAsIs: !1
-}), bn = "h10toh7", K = /* @__PURE__ */ s("img")({
+}), ys = "h10toh7", X = /* @__PURE__ */ n("img")({
   name: "SponsorLogo",
   class: "s1jyea6t",
   propsAsIs: !1
-}), fn = /* @__PURE__ */ s("div")({
+}), bs = /* @__PURE__ */ n("div")({
   name: "SponsorName",
   class: "szpfa3h",
   propsAsIs: !1
-}), Nn = /* @__PURE__ */ s("div")({
+}), fs = /* @__PURE__ */ n("div")({
   name: "Media",
   class: "m1crmu01",
   propsAsIs: !1
-}), $n = /* @__PURE__ */ s("img")({
+}), Ns = /* @__PURE__ */ n("img")({
   name: "PromoImg",
   class: "p1l37r8s",
   propsAsIs: !1
-}), Cn = "s1nmch9k", X = /* @__PURE__ */ s("div")({
+}), $s = "s1nmch9k", J = /* @__PURE__ */ n("div")({
   name: "Content",
   class: "c1er0ljd",
   propsAsIs: !1
-}), Tn = /* @__PURE__ */ s("div")({
+}), Cs = /* @__PURE__ */ n("div")({
   name: "Description",
   class: "dydopmr",
   propsAsIs: !1
-}), Sn = /* @__PURE__ */ s("div")({
+}), Ts = /* @__PURE__ */ n("div")({
   name: "Sponsor",
   class: "s1w6nt04",
   propsAsIs: !1
-}), kn = /* @__PURE__ */ s("div")({
+}), Ss = /* @__PURE__ */ n("div")({
   name: "SponsorText",
   class: "s1evcmtq",
   propsAsIs: !1
-}), Mn = /* @__PURE__ */ s("div")({
+}), ks = /* @__PURE__ */ n("div")({
   name: "ADLogo",
   class: "awodx0x",
   propsAsIs: !1
-}), Ln = /* @__PURE__ */ s("span")({
+}), Ms = /* @__PURE__ */ n("span")({
   name: "SponsoredText",
   class: "s1q3n6oi",
   propsAsIs: !1
-}), On = /* @__PURE__ */ s("div")({
+}), Ls = /* @__PURE__ */ n("div")({
   name: "ActionBtnWrap",
   class: "a8d4xfk",
   propsAsIs: !1
-}), Bn = /* @__PURE__ */ s("a")({
+}), Os = /* @__PURE__ */ n("a")({
   name: "ActionButton",
   class: "at6oobh",
   propsAsIs: !1
-}), En = /* @__PURE__ */ s("div")({
+}), Bs = /* @__PURE__ */ n("div")({
   name: "Title",
   class: "t1gyg7tt",
   propsAsIs: !1
-}), _n = "h17rwbtk", J = ({ promotion: o, skipAutoClose: e, promotionId: i, onClose: l, markAsViewed: r }) => {
-  var a, d, c, u, t, v, I, p, A, b, f, O, B, E, _, P, x, R, D, q, w, j, F, U, z, V, G, W;
-  const T = o.type === g.INGAME_IAB11_LBAR || o.type === g.INGAME_IAB11, S = ((a = o.sponsor) == null ? void 0 : a.logo) && o.logoMode === N.CENTER;
-  io(() => {
-    i && o.type && r && r();
-  }, [i, o.type, r]);
+}), Es = "h17rwbtk", Q = ({ promotion: o, skipAutoClose: e, promotionId: i, onClose: r, markAsViewed: l }) => {
+  var a, d, c, u, t, v, I, p, A, f, N, B, E, _, P, x, R, D, q, w, j, F, U, z, V, G, W, H;
+  const S = o.type === g.INGAME_IAB11_LBAR || o.type === g.INGAME_IAB11, k = ((a = o.sponsor) == null ? void 0 : a.logo) && o.logoMode === $.CENTER;
+  to(() => {
+    i && o.type && l && l();
+  }, [i, o.type, l]);
   let y = (d = o.banner) == null ? void 0 : d.url;
-  return y && y.indexOf("http") !== 0 && (y = `https://${y}`), /* @__PURE__ */ m(hn, { className: "PromoOverlay", children: [
-    /* @__PURE__ */ m(gn, { children: [
-      /* @__PURE__ */ m(yn, { className: $(!S && bn), children: [
-        ((c = o.sponsor) == null ? void 0 : c.logo) && o.logoMode === N.LEFT && /* @__PURE__ */ n(K, { src: (u = o.sponsor) == null ? void 0 : u.logo, alt: "promo" }),
+  return y && y.indexOf("http") !== 0 && (y = `https://${y}`), /* @__PURE__ */ m(Is, { className: "PromoOverlay", children: [
+    /* @__PURE__ */ m(hs, { children: [
+      /* @__PURE__ */ m(gs, { className: C(!k && ys), children: [
+        ((c = o.sponsor) == null ? void 0 : c.logo) && o.logoMode === $.LEFT && /* @__PURE__ */ s(X, { src: (u = o.sponsor) == null ? void 0 : u.logo, alt: "promo" }),
         /* @__PURE__ */ m(
-          Sn,
+          Ts,
           {
             style: {
-              paddingLeft: (t = o.sponsor) != null && t.logo && o.logoMode === N.LEFT ? "0px" : "8px"
+              paddingLeft: (t = o.sponsor) != null && t.logo && o.logoMode === $.LEFT ? "0px" : "8px"
             },
             children: [
-              ((v = o.sponsor) == null ? void 0 : v.logo) && o.logoMode === N.LEFT && /* @__PURE__ */ n(fn, { children: (I = o.sponsor) == null ? void 0 : I.name }),
-              /* @__PURE__ */ m(kn, { className: "SponsorText", children: [
-                /* @__PURE__ */ n(Mn, { children: "AD" }),
-                /* @__PURE__ */ n(Ln, { children: "SPONSORED" })
+              ((v = o.sponsor) == null ? void 0 : v.logo) && o.logoMode === $.LEFT && /* @__PURE__ */ s(bs, { children: (I = o.sponsor) == null ? void 0 : I.name }),
+              /* @__PURE__ */ m(Ss, { className: "SponsorText", children: [
+                /* @__PURE__ */ s(ks, { children: "AD" }),
+                /* @__PURE__ */ s(Ms, { children: "SPONSORED" })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         lo,
         {
           className: "ClosePromoIcon",
-          close: l,
+          close: r,
           autoClose: (p = o.closeTimer) == null ? void 0 : p.auto,
           duration: e ? 0 : (A = o.closeTimer) == null ? void 0 : A.seconds
         }
       )
     ] }),
-    /* @__PURE__ */ m(Nn, { children: [
-      S && /* @__PURE__ */ n(K, { className: Cn, src: (b = o.sponsor) == null ? void 0 : b.logo, alt: "promo" }),
-      /* @__PURE__ */ n(X, { children: (O = (f = o.banner) == null ? void 0 : f.video) != null && O.url ? /* @__PURE__ */ n(
-        ro,
+    /* @__PURE__ */ m(fs, { children: [
+      k && /* @__PURE__ */ s(X, { className: $s, src: (f = o.sponsor) == null ? void 0 : f.logo, alt: "promo" }),
+      /* @__PURE__ */ s(J, { children: (B = (N = o.banner) == null ? void 0 : N.video) != null && B.url ? /* @__PURE__ */ s(
+        co,
         {
-          source: (E = (B = o.banner) == null ? void 0 : B.video) == null ? void 0 : E.url,
-          poster: (P = (_ = o.banner) == null ? void 0 : _.video) == null ? void 0 : P.thumbnailUrl,
-          aspectRatio: T ? "1/1" : "16/9",
+          source: (_ = (E = o.banner) == null ? void 0 : E.video) == null ? void 0 : _.url,
+          poster: (x = (P = o.banner) == null ? void 0 : P.video) == null ? void 0 : x.thumbnailUrl,
+          aspectRatio: S ? "1/1" : "16/9",
           onPlay: () => {
-            k.emit("advertisement", {
+            M.emit("advertisement", {
               action: "videoPlay",
               payload: {
                 id: i,
@@ -340,76 +340,76 @@ const yo = /* @__PURE__ */ s("div")({
           },
           autoPlay: o.autoPlayVideo === Io.ENABLED
         }
-      ) : (x = o.banner) != null && x.imageUrl ? /* @__PURE__ */ n($n, { style: T ? { aspectRatio: "1/1" } : {}, src: (R = o.banner) == null ? void 0 : R.imageUrl, alt: "promo" }) : null }),
-      !T && /* @__PURE__ */ m(X, { children: [
-        ((D = o.banner) == null ? void 0 : D.title) && /* @__PURE__ */ n(En, { className: $("AdvTitle", S && _n), children: (q = o.banner) == null ? void 0 : q.title }),
-        ((w = o.banner) == null ? void 0 : w.body) && /* @__PURE__ */ n(Tn, { className: "AdvDescription", children: (j = o.banner) == null ? void 0 : j.body })
+      ) : (R = o.banner) != null && R.imageUrl ? /* @__PURE__ */ s(Ns, { style: S ? { aspectRatio: "1/1" } : {}, src: (D = o.banner) == null ? void 0 : D.imageUrl, alt: "promo" }) : null }),
+      !S && /* @__PURE__ */ m(J, { children: [
+        ((q = o.banner) == null ? void 0 : q.title) && /* @__PURE__ */ s(Bs, { className: C("AdvTitle", k && Es), children: (w = o.banner) == null ? void 0 : w.title }),
+        ((j = o.banner) == null ? void 0 : j.body) && /* @__PURE__ */ s(Cs, { className: "AdvDescription", children: (F = o.banner) == null ? void 0 : F.body })
       ] })
     ] }),
-    o.buttonType !== ho.NO_BUTTON && /* @__PURE__ */ n(On, { children: /* @__PURE__ */ n(
-      Bn,
+    o.buttonType !== ho.NO_BUTTON && /* @__PURE__ */ s(Ls, { children: /* @__PURE__ */ s(
+      Os,
       {
         href: y,
         style: {
-          backgroundColor: ((U = (F = o.banner) == null ? void 0 : F.ctaButton) == null ? void 0 : U.color) || "#009dc4",
-          color: ((V = (z = o.banner) == null ? void 0 : z.ctaButton) == null ? void 0 : V.textColor) || "#fff"
+          backgroundColor: ((z = (U = o.banner) == null ? void 0 : U.ctaButton) == null ? void 0 : z.color) || "#009dc4",
+          color: ((G = (V = o.banner) == null ? void 0 : V.ctaButton) == null ? void 0 : G.textColor) || "#fff"
         },
         "data-analytics": "button",
         "data-promo-id": i,
         "data-promo-type": o.type,
         target: "_blank",
-        children: (W = (G = o.banner) == null ? void 0 : G.ctaButton) == null ? void 0 : W.label
+        children: (H = (W = o.banner) == null ? void 0 : W.ctaButton) == null ? void 0 : H.label
       }
     ) })
   ] });
-}, Pn = /* @__PURE__ */ s("div")({
+}, _s = /* @__PURE__ */ n("div")({
   name: "SidebarContainer",
   class: "s1abskp8",
   propsAsIs: !1
-}), xn = ({
+}), Ps = ({
   children: o,
   direction: e,
   style: i,
-  className: l,
-  hiding: r
-}) => /* @__PURE__ */ n(M, {
+  className: r,
+  hiding: l
+}) => /* @__PURE__ */ s(L, {
   direction: e,
   style: i,
-  hiding: r,
-  className: l,
-  children: /* @__PURE__ */ n(Pn, {
+  hiding: l,
+  className: r,
+  children: /* @__PURE__ */ s(_s, {
     children: o
   })
-}), Rn = (o) => (o == null ? void 0 : o.type) === g.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === g.INGAME_IAB21_LBAR, Dn = (o) => (o == null ? void 0 : o.type) === g.INGAME_IAB11 || (o == null ? void 0 : o.type) === g.INGAME_IAB21, qn = ({
+}), xs = (o) => (o == null ? void 0 : o.type) === g.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === g.INGAME_IAB21_LBAR, Rs = (o) => (o == null ? void 0 : o.type) === g.INGAME_IAB11 || (o == null ? void 0 : o.type) === g.INGAME_IAB21, Ds = ({
   advertisement: o,
   close: e,
   skipTypeCheck: i,
-  skipAutoClose: l,
-  layoutMode: r = "side-by-side",
+  skipAutoClose: r,
+  layoutMode: l = "side-by-side",
   sidebar: a,
   isNotification: d,
   banner: c,
   markAsViewed: u,
   open: t
-}) => o.promotion ? d && o.notification ? /* @__PURE__ */ n(An, { open: t, notification: o.notification, promotionId: o.question.id }) : !a && !c && (i || Dn(o.promotion)) ? /* @__PURE__ */ n(In, { className: "PromoOverlayContainer", children: /* @__PURE__ */ n(
-  J,
+}) => o.promotion ? d && o.notification ? /* @__PURE__ */ s(vs, { open: t, notification: o.notification, promotionId: o.question.id }) : !a && !c && (i || Rs(o.promotion)) ? /* @__PURE__ */ s(As, { className: "PromoOverlayContainer", children: /* @__PURE__ */ s(
+  Q,
   {
     markAsViewed: u,
     promotionId: o.question.id,
     promotion: o.promotion,
     onClose: e,
-    skipAutoClose: l
+    skipAutoClose: r
   }
-) }) : a && (i || Rn(o.promotion)) ? /* @__PURE__ */ n(xn, { className: "PromoSidebarContainer", direction: a, hiding: !1, children: /* @__PURE__ */ n(
-  J,
+) }) : a && (i || xs(o.promotion)) ? /* @__PURE__ */ s(Ps, { className: "PromoSidebarContainer", direction: a, hiding: !1, children: /* @__PURE__ */ s(
+  Q,
   {
     markAsViewed: u,
     promotionId: o.question.id,
     promotion: o.promotion,
     onClose: e,
-    skipAutoClose: l
+    skipAutoClose: r
   }
-) }) : c ? /* @__PURE__ */ n(
+) }) : c ? /* @__PURE__ */ s(
   Eo,
   {
     promotionId: o.question.id,
@@ -417,59 +417,59 @@ const yo = /* @__PURE__ */ s("div")({
     promotion: o.promotion,
     direction: c
   }
-) : null : null, wn = /* @__PURE__ */ s("div")({
+) : null : null, qs = /* @__PURE__ */ n("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), jn = (o) => {
+}), ws = (o) => {
   const e = o.target;
   if (e instanceof HTMLAnchorElement && e.target === "_blank") {
-    const i = e.getAttribute("data-promo-id") || "", l = e.getAttribute("data-promo-type") || g.UNSET;
-    e.getAttribute("data-analytics") === "button" && k.emit("advertisement", {
+    const i = e.getAttribute("data-promo-id") || "", r = e.getAttribute("data-promo-type") || g.UNSET;
+    e.getAttribute("data-analytics") === "button" && M.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         id: i,
-        type: l
+        type: r
       }
-    }), e.getAttribute("data-analytics") === "banner" && k.emit("advertisement", {
+    }), e.getAttribute("data-analytics") === "banner" && M.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         id: i,
-        type: l
+        type: r
       }
     });
   }
-}, Fn = ({
+}, js = ({
   gamification: o,
   layoutMode: e,
   skipAutoClose: i,
-  skipTypeCheck: l,
-  sidebar: r,
+  skipTypeCheck: r,
+  sidebar: l,
   banner: a,
   notification: d,
   isMobileScreen: c,
   persistent: u
 }) => {
   var t, v, I;
-  const p = to(null), A = Q(o.advertisement.$store);
-  co(p, {
+  const p = ao(null), A = Y(o.advertisement.$store);
+  po(p, {
     enabled: !!A.data,
     event: "click",
-    listener: jn
+    listener: ws
   });
-  const b = !a && !r;
+  const f = !a && !l;
   if (A.data === void 0 || !u && A.isViewed)
     return null;
-  const f = ((I = (v = (t = A == null ? void 0 : A.data) == null ? void 0 : t.notification) == null ? void 0 : v.promotion) == null ? void 0 : I.mode) === no.LOWER_THIRD;
-  return /* @__PURE__ */ n(wn, {
+  const N = ((I = (v = (t = A == null ? void 0 : A.data) == null ? void 0 : t.notification) == null ? void 0 : v.promotion) == null ? void 0 : I.mode) === no.LOWER_THIRD;
+  return /* @__PURE__ */ s(qs, {
     ref: p,
     style: {
-      height: b ? "auto" : "100%"
+      height: f ? "auto" : "100%"
     },
-    className: $("SL-AdvertisementUIWrap", c && "mobile-view", f && "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ n(qn, {
-      skipTypeCheck: l,
-      sidebar: r,
+    className: C("SL-AdvertisementUIWrap", c && "mobile-view", N && "SL-AdvertisementUIWrap--lower-third"),
+    children: /* @__PURE__ */ s(Ds, {
+      skipTypeCheck: r,
+      sidebar: l,
       banner: a,
       advertisement: A.data,
       close: A.close,
@@ -480,20 +480,20 @@ const yo = /* @__PURE__ */ s("div")({
       skipAutoClose: i
     })
   });
-}, Un = ({
+}, Fs = ({
   sdk: o,
   sidebar: e,
   banner: i,
-  skipAutoClose: l,
-  skipTypeCheck: r,
+  skipAutoClose: r,
+  skipTypeCheck: l,
   layoutMode: a,
   isMobileScreen: d,
   persistent: c,
   notification: u
 }) => {
-  const t = Q(o.featuresList.getStore());
+  const t = Y(o.featuresList.getStore());
   if (e && i)
-    return /* @__PURE__ */ n("div", {
+    return /* @__PURE__ */ s("div", {
       style: {
         color: "red"
       },
@@ -502,7 +502,7 @@ const yo = /* @__PURE__ */ s("div")({
   if (!t)
     return null;
   const v = o.getFeature(go.GAMES);
-  return v ? /* @__PURE__ */ n(Fn, {
+  return v ? /* @__PURE__ */ s(js, {
     gamification: v,
     sidebar: e,
     banner: i,
@@ -510,40 +510,40 @@ const yo = /* @__PURE__ */ s("div")({
     isMobileScreen: d,
     persistent: c,
     notification: u,
-    skipTypeCheck: r,
-    skipAutoClose: l
+    skipTypeCheck: l,
+    skipAutoClose: r
   }) : null;
-}, Hn = ({
+}, Ws = ({
   event: o,
   sidebar: e,
   banner: i,
-  isMobileScreen: l,
-  skipAutoClose: r,
+  isMobileScreen: r,
+  skipAutoClose: l,
   persistent: a,
   theme: d,
   notification: c,
   skipTypeCheck: u
 }) => {
-  const t = po(), v = mo(), I = uo();
-  return !t || e && !v.promotionSidebar || i && !v.promotionBanner || c && !v.promotionNotification || !i && !e && !c && !v.promotionOverlay ? null : /* @__PURE__ */ m("div", { className: "StreamLayerSDK", children: [
-    /* @__PURE__ */ n(vo, { customTheme: d ?? I, children: /* @__PURE__ */ n(
-      Un,
+  const t = mo(), v = uo(), I = vo();
+  return t ? e && !v.promotionSidebar ? o !== void 0 && /* @__PURE__ */ s(b, { event: o }) : i && !v.promotionBanner ? o !== void 0 && /* @__PURE__ */ s(b, { event: o }) : c && !v.promotionNotification ? o !== void 0 && /* @__PURE__ */ s(b, { event: o }) : !i && !e && !c && !v.promotionOverlay ? o !== void 0 && /* @__PURE__ */ s(b, { event: o }) : /* @__PURE__ */ m("div", { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ s(Ao, { customTheme: d ?? I, children: /* @__PURE__ */ s(
+      Fs,
       {
         sdk: t,
         sidebar: e,
         banner: i,
-        isMobileScreen: l,
+        isMobileScreen: r,
         persistent: a,
         notification: c,
         skipTypeCheck: u,
-        skipAutoClose: r,
+        skipAutoClose: l,
         layoutMode: "side-by-side"
       }
     ) }),
-    o !== void 0 && /* @__PURE__ */ n(Ao, { event: o })
-  ] });
+    o !== void 0 && /* @__PURE__ */ s(b, { event: o })
+  ] }) : null;
 };
 export {
-  Hn as StreamLayerSDKAdvertisement,
-  Un as StreamLayerSDKAdvertisementUI
+  Ws as StreamLayerSDKAdvertisement,
+  Fs as StreamLayerSDKAdvertisementUI
 };