@streamlayer/react 1.1.3 → 1.1.4

package/lib/es/advertisement.js

@@ -1,295 +1,328 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { useEffect as R, useRef as w, useMemo as D } from "react";
-import { a as U, s, c as q, K as F, u as v, L as K, e as O } from "./index2.js";
-import { F as z, u as H, i as W } from "./app.js";
-import { P as c, a as m, S as J } from "./useStreamLayerApp2.js";
-const Q = /* @__PURE__ */ s("div")({
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useEffect as F, useRef as z, useMemo as H } from "react";
+import { a as y, s, c as W, Q as K, e as g, u as A, L as Q } from "./index2.js";
+import { F as J, u as V, d as X } from "./app.js";
+import { P as m, a as v, S as Y } from "./useStreamLayerApp2.js";
+const Z = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c5b6wdg",
   propsAsIs: !1
-}), V = "a1rlj479", X = "s35f1di", Y = "sj4471g", Z = "b12050d8", oo = "b1d5ybek", no = (o) => o === "left" || o === "right" ? X : Z, eo = (o) => o === "left" || o === "right" ? Y : oo, so = (o) => o === "left" ? "avdxyl3" : o === "right" ? "a1bisd08" : o === "top" ? "a1u9y2aj" : "a1qqaks", G = ({
-  children: o,
-  style: a,
+}), ee = "a1rlj479", oe = "s35f1di", ne = "sj4471g", se = "b12050d8", ae = "b1d5ybek", te = (e) => e === "left" || e === "right" ? oe : se, ie = (e) => e === "left" || e === "right" ? ne : ae, le = (e) => e === "left" ? "avdxyl3" : e === "right" ? "a1bisd08" : e === "top" ? "a1u9y2aj" : "a1qqaks", D = ({
+  children: e,
+  style: t,
   className: i,
-  enabled: e = !0,
-  hiding: l,
-  direction: r = "left",
-  onAnimationEnd: t
-}) => /* @__PURE__ */ n(Q, {
-  style: a,
-  className: U(i, V, so(r), e && !l && no(r), e && l && eo(r)),
-  onAnimationEnd: t,
-  children: o
-}), lo = /* @__PURE__ */ s("div")({
+  enabled: a = !0,
+  hiding: n,
+  direction: l = "left",
+  onAnimationEnd: r
+}) => /* @__PURE__ */ o(Z, {
+  style: t,
+  className: y(i, ee, le(l), a && !n && te(l), a && n && ie(l)),
+  onAnimationEnd: r,
+  children: e
+}), re = /* @__PURE__ */ s("a")({
+  name: "Link",
+  class: "l1sgte8c",
+  propsAsIs: !1
+}), de = /* @__PURE__ */ s("div")({
   name: "BannerContainer",
-  class: "bipmch2",
+  class: "b7yfc72",
   propsAsIs: !1
-}), ao = /* @__PURE__ */ s("img")({
+}), ce = () => re, pe = /* @__PURE__ */ s(ce())({
+  name: "BannerLink",
+  class: "bejjq94",
+  propsAsIs: !0
+}), me = /* @__PURE__ */ s("img")({
   name: "BannerImg",
-  class: "bpkcihp",
+  class: "b1j94hdr",
   propsAsIs: !1
-}), io = ({
-  promotion: o,
-  hiding: a,
-  direction: i = "bottom"
-}) => {
-  var e;
-  return (e = o.additionalBanner) != null && e.imageUrl ? /* @__PURE__ */ n(G, {
-    direction: i,
-    hiding: a,
-    children: /* @__PURE__ */ n(lo, {
-      children: /* @__PURE__ */ n(ao, {
-        src: o.additionalBanner.imageUrl,
-        alt: "promo"
-      })
-    })
-  }) : null;
-}, ro = /* @__PURE__ */ s("div")({
+}), ue = ({ promotion: e, promotionId: t, hiding: i, direction: a = "bottom" }) => {
+  var n;
+  return (n = e.additionalBanner) != null && n.imageUrl ? /* @__PURE__ */ o(D, { direction: a, hiding: i, children: /* @__PURE__ */ o(de, { children: /* @__PURE__ */ o(
+    pe,
+    {
+      href: e.additionalBanner.url,
+      "data-promo-id": t,
+      "data-promo-type": e.type,
+      "data-analytics": "banner",
+      target: "_blank",
+      children: /* @__PURE__ */ o(me, { src: e.additionalBanner.imageUrl, alt: "promo" })
+    }
+  ) }) }) : null;
+}, ve = /* @__PURE__ */ s("div")({
+  name: "OverlayContainer",
+  class: "okzhq2w",
+  propsAsIs: !1
+}), be = /* @__PURE__ */ s("div")({
+  name: "PromoOverlay",
+  class: "pmgz5i",
+  propsAsIs: !1
+}), he = /* @__PURE__ */ s("div")({
   name: "Header",
-  class: "hkzhq2w",
+  class: "hyxi3jt",
   propsAsIs: !1
-}), to = /* @__PURE__ */ s("div")({
+}), ye = /* @__PURE__ */ s("div")({
   name: "HeaderContent",
-  class: "hmgz5i",
+  class: "h149e3gp",
   propsAsIs: !1
-}), j = /* @__PURE__ */ s("img")({
+}), ge = "h10toh7", G = /* @__PURE__ */ s("img")({
   name: "SponsorLogo",
-  class: "syxi3jt",
+  class: "s1jyea6t",
   propsAsIs: !1
-}), co = /* @__PURE__ */ s("div")({
+}), Ae = /* @__PURE__ */ s("div")({
   name: "SponsorName",
-  class: "s149e3gp",
+  class: "szpfa3h",
   propsAsIs: !1
-}), po = /* @__PURE__ */ s("div")({
-  name: "PromoOverlay",
-  class: "p10toh7",
-  propsAsIs: !1
-}), mo = /* @__PURE__ */ s("div")({
+}), Ie = /* @__PURE__ */ s("div")({
   name: "Media",
-  class: "m1jyea6t",
+  class: "m1crmu01",
   propsAsIs: !1
-}), uo = /* @__PURE__ */ s("div")({
-  name: "Text",
-  class: "tzpfa3h",
+}), fe = /* @__PURE__ */ s("img")({
+  name: "PromoImg",
+  class: "p1l37r8s",
   propsAsIs: !1
-}), vo = /* @__PURE__ */ s("div")({
+}), $e = "s1nmch9k", U = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1er0ljd",
+  propsAsIs: !1
+}), Se = /* @__PURE__ */ s("div")({
   name: "Description",
-  class: "d1crmu01",
+  class: "dydopmr",
   propsAsIs: !1
-}), ho = /* @__PURE__ */ s("div")({
+}), Me = /* @__PURE__ */ s("div")({
+  name: "Sponsor",
+  class: "s1w6nt04",
+  propsAsIs: !1
+}), Be = /* @__PURE__ */ s("div")({
   name: "SponsorText",
-  class: "s1l37r8s",
+  class: "s1evcmtq",
   propsAsIs: !1
-}), go = /* @__PURE__ */ s("div")({
+}), Ee = /* @__PURE__ */ s("div")({
   name: "ADLogo",
-  class: "a1nmch9k",
+  class: "awodx0x",
   propsAsIs: !1
-}), bo = /* @__PURE__ */ s("span")({
+}), ke = /* @__PURE__ */ s("span")({
   name: "SponsoredText",
-  class: "s1er0ljd",
+  class: "s1q3n6oi",
   propsAsIs: !1
-}), Ao = /* @__PURE__ */ s("div")({
+}), Le = /* @__PURE__ */ s("div")({
   name: "CloseIconWrap",
-  class: "cydopmr",
+  class: "c8d4xfk",
   propsAsIs: !1
-}), yo = () => q, Io = /* @__PURE__ */ s(yo())({
+}), Ne = () => W, Ce = /* @__PURE__ */ s(Ne())({
   name: "CloseIcon",
-  class: "c1w6nt04",
+  class: "ct6oobh",
   propsAsIs: !0
-}), fo = /* @__PURE__ */ s("div")({
-  name: "Content",
-  class: "c1evcmtq",
-  propsAsIs: !1
-}), $o = /* @__PURE__ */ s("div")({
+}), xe = /* @__PURE__ */ s("div")({
   name: "ActionBtnWrap",
-  class: "awodx0x",
+  class: "a1gyg7tt",
   propsAsIs: !1
-}), Mo = /* @__PURE__ */ s("a")({
+}), Te = /* @__PURE__ */ s("a")({
   name: "ActionButton",
-  class: "a1q3n6oi",
-  propsAsIs: !1
-}), So = /* @__PURE__ */ s("img")({
-  name: "PromoImg",
-  class: "p8d4xfk",
+  class: "a17rwbtk",
   propsAsIs: !1
-}), ko = /* @__PURE__ */ s("div")({
+}), _e = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "tt6oobh",
+  class: "t3vxzaw",
   propsAsIs: !1
-}), P = ({
-  promotion: o,
-  onClose: a,
-  inSidebar: i
-}) => {
-  var e, l, r, t, p, h, g, b, A, y, I, f, $, M, S, k, B, C, E, x, L, N, T, _;
-  const u = o.type === c.INGAME_IAB11_LBAR || o.type === c.INGAME_IAB11;
-  return /* @__PURE__ */ d(po, { className: "PromoOverlay", style: { ...i ? {} : { backgroundColor: "#1E3344" } }, children: [
-    /* @__PURE__ */ d(ro, { children: [
-      /* @__PURE__ */ d(to, { children: [
-        ((e = o.sponsor) == null ? void 0 : e.logo) && o.logoMode === m.LEFT && /* @__PURE__ */ n(j, { src: (l = o.sponsor) == null ? void 0 : l.logo, alt: "promo" }),
+}), je = "h10f3u0j", q = ({ promotion: e, promotionId: t, onClose: i }) => {
+  var a, n, l, r, p, c, u, I, f, $, S, M, B, E, k, L, N, C, x, T, _, j, P, O, w, R;
+  const b = e.type === m.INGAME_IAB11_LBAR || e.type === m.INGAME_IAB11, h = ((a = e.sponsor) == null ? void 0 : a.logo) && e.logoMode === v.CENTER;
+  return /* @__PURE__ */ d(be, { className: "PromoOverlay", children: [
+    /* @__PURE__ */ d(he, { children: [
+      /* @__PURE__ */ d(ye, { className: y(!h && ge), children: [
+        ((n = e.sponsor) == null ? void 0 : n.logo) && e.logoMode === v.LEFT && /* @__PURE__ */ o(G, { src: (l = e.sponsor) == null ? void 0 : l.logo, alt: "promo" }),
         /* @__PURE__ */ d(
-          "div",
+          Me,
           {
             style: {
-              paddingLeft: (r = o.sponsor) != null && r.logo && o.logoMode === m.LEFT ? "0px" : "8px"
+              paddingLeft: (r = e.sponsor) != null && r.logo && e.logoMode === v.LEFT ? "0px" : "8px"
             },
             children: [
-              ((t = o.sponsor) == null ? void 0 : t.logo) && o.logoMode === m.LEFT && /* @__PURE__ */ n(co, { children: (p = o.sponsor) == null ? void 0 : p.name }),
-              /* @__PURE__ */ d(ho, { children: [
-                /* @__PURE__ */ n(go, { children: "AD" }),
-                /* @__PURE__ */ n(bo, { children: "SPONSORED" })
+              ((p = e.sponsor) == null ? void 0 : p.logo) && e.logoMode === v.LEFT && /* @__PURE__ */ o(Ae, { children: (c = e.sponsor) == null ? void 0 : c.name }),
+              /* @__PURE__ */ d(Be, { children: [
+                /* @__PURE__ */ o(Ee, { children: "AD" }),
+                /* @__PURE__ */ o(ke, { children: "SPONSORED" })
               ] })
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ n(Ao, { onClick: a, children: /* @__PURE__ */ n(Io, { name: "icon-cross" }) })
+      /* @__PURE__ */ o(Le, { onClick: i, children: /* @__PURE__ */ o(Ce, { name: "icon-cross" }) })
     ] }),
-    /* @__PURE__ */ d(mo, { children: [
-      ((h = o.sponsor) == null ? void 0 : h.logo) && o.logoMode === m.CENTER && /* @__PURE__ */ n(j, { src: (g = o.sponsor) == null ? void 0 : g.logo, alt: "promo" }),
-      /* @__PURE__ */ d(fo, { children: [
-        (A = (b = o.banner) == null ? void 0 : b.video) != null && A.url ? /* @__PURE__ */ n(
-          F,
-          {
-            source: (I = (y = o.banner) == null ? void 0 : y.video) == null ? void 0 : I.url,
-            poster: ($ = (f = o.banner) == null ? void 0 : f.video) == null ? void 0 : $.thumbnailUrl,
-            aspectRatio: u ? "1/1" : "16/9"
-          }
-        ) : (M = o.banner) != null && M.imageUrl ? /* @__PURE__ */ n(
-          So,
-          {
-            style: u ? { width: "268px", height: "268px" } : {},
-            src: (S = o.banner) == null ? void 0 : S.imageUrl,
-            alt: "promo"
-          }
-        ) : null,
-        !u && /* @__PURE__ */ d(uo, { children: [
-          /* @__PURE__ */ n(ko, { children: (k = o.banner) == null ? void 0 : k.title }),
-          /* @__PURE__ */ n(vo, { children: (B = o.banner) == null ? void 0 : B.body })
-        ] })
-      ] }),
-      /* @__PURE__ */ n($o, { children: /* @__PURE__ */ n(
-        Mo,
+    /* @__PURE__ */ d(Ie, { children: [
+      h && /* @__PURE__ */ o(G, { className: $e, src: (u = e.sponsor) == null ? void 0 : u.logo, alt: "promo" }),
+      /* @__PURE__ */ o(U, { children: (f = (I = e.banner) == null ? void 0 : I.video) != null && f.url ? /* @__PURE__ */ o(
+        K,
         {
-          href: (C = o.banner) == null ? void 0 : C.url,
-          style: {
-            backgroundColor: ((x = (E = o.banner) == null ? void 0 : E.ctaButton) == null ? void 0 : x.color) || "#009dc4",
-            color: ((N = (L = o.banner) == null ? void 0 : L.ctaButton) == null ? void 0 : N.textColor) || "#fff"
-          },
-          target: "_blank",
-          children: (_ = (T = o.banner) == null ? void 0 : T.ctaButton) == null ? void 0 : _.label
+          source: (S = ($ = e.banner) == null ? void 0 : $.video) == null ? void 0 : S.url,
+          poster: (B = (M = e.banner) == null ? void 0 : M.video) == null ? void 0 : B.thumbnailUrl,
+          aspectRatio: b ? "1/1" : "16/9",
+          onPlay: () => {
+            g.emit("advertisement", {
+              action: "videoPlay",
+              payload: {
+                advertisementId: t,
+                advertisementType: e.type
+              }
+            });
+          }
         }
-      ) })
-    ] })
+      ) : (E = e.banner) != null && E.imageUrl ? /* @__PURE__ */ o(fe, { style: b ? { aspectRatio: "1/1" } : {}, src: (k = e.banner) == null ? void 0 : k.imageUrl, alt: "promo" }) : null }),
+      !b && /* @__PURE__ */ d(U, { children: [
+        ((L = e.banner) == null ? void 0 : L.title) && /* @__PURE__ */ o(_e, { className: y(h && je), children: (N = e.banner) == null ? void 0 : N.title }),
+        ((C = e.banner) == null ? void 0 : C.body) && /* @__PURE__ */ o(Se, { children: (x = e.banner) == null ? void 0 : x.body })
+      ] })
+    ] }),
+    /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(
+      Te,
+      {
+        href: (T = e.banner) == null ? void 0 : T.url,
+        style: {
+          backgroundColor: ((j = (_ = e.banner) == null ? void 0 : _.ctaButton) == null ? void 0 : j.color) || "#009dc4",
+          color: ((O = (P = e.banner) == null ? void 0 : P.ctaButton) == null ? void 0 : O.textColor) || "#fff"
+        },
+        "data-analytics": "button",
+        "data-promo-id": t,
+        "data-promo-type": e.type,
+        target: "_blank",
+        children: (R = (w = e.banner) == null ? void 0 : w.ctaButton) == null ? void 0 : R.label
+      }
+    ) })
   ] });
-}, Bo = /* @__PURE__ */ s("div")({
+}, Pe = /* @__PURE__ */ s("div")({
   name: "SidebarContainer",
   class: "s1abskp8",
   propsAsIs: !1
-}), Co = ({
-  children: o,
-  direction: a,
+}), Oe = ({
+  children: e,
+  direction: t,
   style: i,
-  className: e,
-  hiding: l
-}) => /* @__PURE__ */ n(G, {
-  direction: a,
+  className: a,
+  hiding: n
+}) => /* @__PURE__ */ o(D, {
+  direction: t,
   style: i,
-  hiding: l,
-  className: e,
-  children: /* @__PURE__ */ n(Bo, {
-    children: o
+  hiding: n,
+  className: a,
+  children: /* @__PURE__ */ o(Pe, {
+    children: e
   })
-}), Eo = (o) => (o == null ? void 0 : o.type) === c.INGAME_IAB11_LBAR || (o == null ? void 0 : o.type) === c.INGAME_IAB21_LBAR, xo = (o) => (o == null ? void 0 : o.type) === c.INGAME_IAB11 || (o == null ? void 0 : o.type) === c.INGAME_IAB21, Lo = ({ advertisement: o, layoutMode: a = "side-by-side", sidebar: i, banner: e }) => {
-  const l = v(o.data);
-  return !l.data && l.loading ? null : l.error ? /* @__PURE__ */ d("div", { children: [
+}), we = (e) => (e == null ? void 0 : e.type) === m.INGAME_IAB11_LBAR || (e == null ? void 0 : e.type) === m.INGAME_IAB21_LBAR, Re = (e) => (e == null ? void 0 : e.type) === m.INGAME_IAB11 || (e == null ? void 0 : e.type) === m.INGAME_IAB21, Ge = ({ advertisement: e, layoutMode: t = "side-by-side", sidebar: i, banner: a }) => {
+  const n = A(e.data);
+  return !n.data && n.loading ? null : n.error ? /* @__PURE__ */ d("div", { children: [
     "error ",
-    /* @__PURE__ */ n("button", { onClick: o.close, children: "close" })
-  ] }) : l.data ? !i && !e && xo(l.data) ? /* @__PURE__ */ n(P, { promotion: l.data, onClose: o.close }) : i && Eo(l.data) ? /* @__PURE__ */ n(Co, { direction: i, hiding: o.hiding, children: /* @__PURE__ */ n(P, { promotion: l.data, onClose: o.close, inSidebar: !0 }) }) : e ? /* @__PURE__ */ n(io, { hiding: o.hiding, promotion: l.data, direction: e }) : null : /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ o("button", { onClick: e.close, children: "close" })
+  ] }) : n.data ? !i && !a && Re(n.data) ? /* @__PURE__ */ o(ve, { children: /* @__PURE__ */ o(q, { promotionId: e.id, promotion: n.data, onClose: e.close }) }) : i && we(n.data) ? /* @__PURE__ */ o(Oe, { direction: i, hiding: e.hiding, children: /* @__PURE__ */ o(q, { promotionId: e.id, promotion: n.data, onClose: e.close }) }) : a ? /* @__PURE__ */ o(ue, { promotionId: e.id, hiding: e.hiding, promotion: n.data, direction: a }) : null : /* @__PURE__ */ d("div", { children: [
     "empty promo ",
-    /* @__PURE__ */ n("button", { onClick: o.close, children: "close" })
+    /* @__PURE__ */ o("button", { onClick: e.close, children: "close" })
   ] });
-}, No = /* @__PURE__ */ s("div")({
+}, Ue = /* @__PURE__ */ s("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), To = (o) => {
-  const a = o.target;
-  a instanceof HTMLAnchorElement && a.target === "_blank" && a.getAttribute("data-analytics") === "web-link" && O.emit("poll", {
-    action: "navigated",
-    payload: {}
-  });
-}, _o = ({
-  gamification: o,
-  layoutMode: a,
+}), qe = (e) => {
+  const t = e.target;
+  if (t instanceof HTMLAnchorElement && t.target === "_blank") {
+    const i = t.getAttribute("data-promo-id") || "", a = t.getAttribute("data-promo-type") || m.UNSET;
+    t.getAttribute("data-analytics") === "button" && g.emit("advertisement", {
+      action: "buttonSelect",
+      payload: {
+        advertisementId: i,
+        advertisementType: a
+      }
+    }), t.getAttribute("data-analytics") === "banner" && g.emit("advertisement", {
+      action: "bannerSelect",
+      payload: {
+        advertisementId: i,
+        advertisementType: a
+      }
+    });
+  }
+}, De = ({
+  gamification: e,
+  layoutMode: t,
   sidebar: i,
-  banner: e
+  banner: a,
+  isMobileScreen: n,
+  persistent: l
 }) => {
-  const l = w(null), r = v(o.advertisement.$list), t = D(
-    () => o.advertisement.getActiveAdvertisement(),
+  const r = z(null), p = A(e.advertisement.$list), c = H(
+    () => e.advertisement.getActiveAdvertisement(l),
     // fire getActiveNotification when notifications were updated
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r]
+    [p, l]
   );
-  return K(l, {
-    enabled: !!t,
+  return Q(r, {
+    enabled: !!c,
     event: "click",
-    listener: To
-  }), t ? /* @__PURE__ */ n(No, {
-    ref: l,
+    listener: qe
+  }), c ? /* @__PURE__ */ o(Ue, {
+    ref: r,
     style: {
-      height: !e && !i ? "auto" : "100%"
+      height: !a && !i ? "auto" : "100%"
     },
-    children: /* @__PURE__ */ n(Lo, {
+    className: n ? "mobile-view" : "",
+    children: /* @__PURE__ */ o(Ge, {
       sidebar: i,
-      banner: e,
-      advertisement: t,
-      layoutMode: a
+      banner: a,
+      advertisement: c,
+      layoutMode: t
     })
   }) : null;
-}, jo = ({
-  sdk: o,
-  sidebar: a,
+}, Fe = ({
+  sdk: e,
+  sidebar: t,
   banner: i,
-  event: e,
-  layoutMode: l
+  event: a,
+  layoutMode: n,
+  isMobileScreen: l,
+  persistent: r
 }) => {
   const {
-    deactivate: r
-  } = z(o);
-  R(() => {
-    e ? o.createEventSession(e) : r();
-  }, [e, r, o]);
-  const t = v(o.featuresList.getStore());
-  if (a && i)
-    return /* @__PURE__ */ n("div", {
+    deactivate: p
+  } = J(e);
+  F(() => {
+    a ? e.createEventSession(a) : p();
+  }, [a, p, e]);
+  const c = A(e.featuresList.getStore());
+  if (t && i)
+    return /* @__PURE__ */ o("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (!t)
+  if (!c)
     return null;
-  const p = o.getFeature(J.GAMES);
-  return p ? /* @__PURE__ */ n(_o, {
-    gamification: p,
-    sidebar: a,
+  const u = e.getFeature(Y.GAMES);
+  return u ? /* @__PURE__ */ o(De, {
+    gamification: u,
+    sidebar: t,
     banner: i,
-    layoutMode: l
+    layoutMode: n,
+    isMobileScreen: l,
+    persistent: r
   }) : null;
-}, Uo = ({ event: o, sidebar: a, banner: i }) => {
-  const e = H();
-  return e ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(W, { children: /* @__PURE__ */ n(
-    jo,
+}, Je = ({
+  event: e,
+  sidebar: t,
+  banner: i,
+  isMobileScreen: a
+}) => {
+  const n = V();
+  return n ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ o(X, { children: /* @__PURE__ */ o(
+    Fe,
     {
-      sdk: e,
-      event: o,
-      sidebar: a,
+      sdk: n,
+      event: e,
+      sidebar: t,
       banner: i,
+      isMobileScreen: a,
       layoutMode: "side-by-side"
     }
   ) }) }) : null;
 };
 export {
-  Uo as StreamLayerSDKAdvertisement
+  Je as StreamLayerSDKAdvertisement
 };