@streamlayer/react-ui 1.13.0 → 1.13.1

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

@@ -1,20 +1,20 @@
 import { jsx as s } from "react/jsx-runtime";
-import { cx as g } from "@linaria/core";
+import { cx as b } from "@linaria/core";
 import { styled as L } from "@linaria/react";
-import { useStore as h } from "@nanostores/react";
-import { useAnalyticsListener as w } from "../../../hooks/analytics.js";
-import { useEffect as I, useRef as E } from "react";
+import { useStore as g } from "@nanostores/react";
+import { useAnalyticsListener as P } from "../../../hooks/analytics.js";
+import { useEffect as w, useRef as I } from "react";
 import { eventBus as A } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as T, NotificationPromotionMode as U, PromotionType as N } from "@streamlayer/sdk-web-types";
-import { AdvertisementUI as V } from "../../../ui/advertisement/index.js";
-const W = /* @__PURE__ */ L("div")({
+import { FeatureType as E, NotificationPromotionMode as T, PromotionType as U } from "@streamlayer/sdk-web-types";
+import { AdvertisementUI as N } from "../../../ui/advertisement/index.js";
+const V = /* @__PURE__ */ L("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), j = (r) => {
+}), W = (r) => {
   const t = r.target;
   if (t instanceof HTMLAnchorElement && t.target === "_blank") {
-    const o = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || N.UNSET;
+    const o = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || U.UNSET;
     t.getAttribute("data-analytics") === "button" && A.emit("advertisement", {
       action: "buttonSelect",
       payload: {
@@ -29,7 +29,7 @@ const W = /* @__PURE__ */ L("div")({
       }
     });
   }
-}, k = ({
+}, j = ({
   gamification: r,
   layoutMode: t,
   skipAutoClose: o,
@@ -37,41 +37,43 @@ const W = /* @__PURE__ */ L("div")({
   sidebar: a,
   banner: d,
   notification: m,
-  isMobileScreen: c,
-  persistent: l,
-  externalAd: p,
-  controlVideo: u
+  isMobileScreen: l,
+  persistent: c,
+  externalAd: u,
+  controlVideo: p
 }) => {
   var f, v, y;
-  const n = E(null), e = h(r.advertisement.$store);
-  w(n, {
+  const n = I(null), e = g(r.advertisement.$store);
+  P(n, {
     enabled: !!e.data,
     event: "click",
-    listener: j
+    listener: W
   });
-  const S = !d && !a;
-  if (e.data === void 0 || !l && e.isViewed)
+  const h = !d && !a;
+  if (e.data === void 0 || !c && e.isViewed)
     return null;
-  const b = ((y = (v = (f = e == null ? void 0 : e.data) == null ? void 0 : f.notification) == null ? void 0 : v.promotion) == null ? void 0 : y.mode) === U.LOWER_THIRD;
-  return /* @__PURE__ */ s(W, {
+  const S = ((y = (v = (f = e == null ? void 0 : e.data) == null ? void 0 : f.notification) == null ? void 0 : v.promotion) == null ? void 0 : y.mode) === T.LOWER_THIRD;
+  return /* @__PURE__ */ s(V, {
     ref: n,
     style: {
-      height: S ? "auto" : "100%"
+      height: h ? "auto" : "100%"
     },
-    className: g("SL-AdvertisementUIWrap", c && "mobile-view", b && "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ s(V, {
+    className: b("SL-AdvertisementUIWrap", l && "mobile-view", S && "SL-AdvertisementUIWrap--lower-third"),
+    children: /* @__PURE__ */ s(N, {
       skipTypeCheck: i,
       sidebar: a,
       banner: d,
       advertisement: e.data,
+      advertisementPaused: e.isPaused,
+      togglePause: e.togglePause,
       close: e.close,
-      externalAd: p ? e.externalAd : void 0,
+      externalAd: u ? e.externalAd : void 0,
       markAsViewed: r.advertisement.markAsViewed,
       open: r.advertisement.open,
       layoutMode: t,
       isNotification: m,
       skipAutoClose: o,
-      controlVideo: u
+      controlVideo: p
     })
   });
 }, _ = ({
@@ -82,12 +84,12 @@ const W = /* @__PURE__ */ L("div")({
   skipAutoClose: a,
   skipTypeCheck: d,
   layoutMode: m,
-  isMobileScreen: c,
-  persistent: l,
-  notification: p
+  isMobileScreen: l,
+  persistent: c,
+  notification: u
 }) => {
-  const u = h(r.featuresList.getStore());
-  if (I(() => {
+  const p = g(r.featuresList.getStore());
+  if (w(() => {
     if (o) {
       const e = document.createElement("script");
       e.async = !0, e.src = "https://imasdk.googleapis.com/js/sdkloader/ima3.js", document.body.appendChild(e);
@@ -106,17 +108,17 @@ const W = /* @__PURE__ */ L("div")({
       },
       children: "externalAd is not supported with banner"
     });
-  if (!u)
+  if (!p)
     return null;
-  const n = r.getFeature(T.GAMES);
-  return n ? /* @__PURE__ */ s(k, {
+  const n = r.getFeature(E.GAMES);
+  return n ? /* @__PURE__ */ s(j, {
     gamification: n,
     sidebar: t,
     banner: i,
     layoutMode: m,
-    isMobileScreen: c,
-    persistent: l,
-    notification: p,
+    isMobileScreen: l,
+    persistent: c,
+    notification: u,
     skipTypeCheck: d,
     skipAutoClose: a,
     externalAd: o,
@@ -124,6 +126,6 @@ const W = /* @__PURE__ */ L("div")({
   }) : null;
 };
 export {
-  W as AdvertisementUIWrap,
+  V as AdvertisementUIWrap,
   _ as StreamLayerSDKAdvertisement
 };