@streamlayer/react-ui 1.5.0 → 1.6.0

package/lib/app/app/Advertisement/index.d.ts

@@ -5,6 +5,7 @@ export type StreamLayerSDKAdvertisementProps = {
     isMobileScreen?: boolean;
     persistent?: boolean;
     skipTypeCheck?: boolean;
+    notification?: boolean;
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
     layoutMode?: 'cover' | 'side-by-side';

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

@@ -1,27 +1,27 @@
 import { jsx as l } from "react/jsx-runtime";
-import { styled as p } from "@linaria/react";
-import { useStore as u } from "@nanostores/react";
-import { useAnalyticsListener as v } from "../../../hooks/analytics.js";
-import { useEffect as A, useRef as y, useMemo as g } from "react";
-import { eventBus as f } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as S, PromotionType as b } from "@streamlayer/sdk-web-types";
-import { useAppApp as h } from "../useApp.js";
-import { AdvertisementUI as L } from "../../../ui/advertisement/index.js";
-const E = /* @__PURE__ */ p("div")({
+import { styled as v } from "@linaria/react";
+import { useStore as p } from "@nanostores/react";
+import { useAnalyticsListener as A } from "../../../hooks/analytics.js";
+import { useEffect as y, useRef as g, useMemo as S } from "react";
+import { eventBus as u } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as b, PromotionType as h } from "@streamlayer/sdk-web-types";
+import { useAppApp as L } from "../useApp.js";
+import { AdvertisementUI as E } from "../../../ui/advertisement/index.js";
+const I = /* @__PURE__ */ v("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), I = (t) => {
+}), T = (t) => {
   const e = t.target;
   if (e instanceof HTMLAnchorElement && e.target === "_blank") {
-    const r = e.getAttribute("data-promo-id") || "", i = e.getAttribute("data-promo-type") || b.UNSET;
-    e.getAttribute("data-analytics") === "button" && f.emit("advertisement", {
+    const r = e.getAttribute("data-promo-id") || "", i = e.getAttribute("data-promo-type") || h.UNSET;
+    e.getAttribute("data-analytics") === "button" && u.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         advertisementId: r,
         advertisementType: i
       }
-    }), e.getAttribute("data-analytics") === "banner" && f.emit("advertisement", {
+    }), e.getAttribute("data-analytics") === "banner" && u.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         advertisementId: r,
@@ -29,58 +29,61 @@ const E = /* @__PURE__ */ p("div")({
       }
     });
   }
-}, T = ({
+}, N = ({
   gamification: t,
   layoutMode: e,
   skipTypeCheck: r,
   sidebar: i,
   banner: n,
-  isMobileScreen: d,
+  notification: d,
+  isMobileScreen: f,
   persistent: a
 }) => {
-  const s = y(null), m = u(t.advertisement.$list), o = g(
+  const s = g(null), m = p(t.advertisement.$list), o = S(
     () => t.advertisement.getActiveAdvertisement(a),
     // fire getActiveNotification when notifications were updated
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [m, a]
   );
-  v(s, {
+  A(s, {
     enabled: !!o,
     event: "click",
-    listener: I
+    listener: T
   });
   const c = !n && !i;
-  return o ? /* @__PURE__ */ l(E, {
+  return o ? /* @__PURE__ */ l(I, {
     ref: s,
     style: {
       height: c ? "auto" : "100%"
     },
-    className: d ? "mobile-view" : "",
-    children: /* @__PURE__ */ l(L, {
+    className: f ? "mobile-view" : "",
+    children: /* @__PURE__ */ l(E, {
       skipTypeCheck: r,
       sidebar: i,
       banner: n,
       advertisement: o,
-      layoutMode: e
+      layoutMode: e,
+      isNotification: d
     })
   }) : null;
-}, W = ({
+}, w = ({
   sdk: t,
   sidebar: e,
   banner: r,
   skipTypeCheck: i,
   event: n,
   layoutMode: d,
-  isMobileScreen: a,
-  persistent: s
+  isMobileScreen: f,
+  persistent: a,
+  notification: s
 }) => {
   const {
     deactivate: m
-  } = h(t);
-  A(() => {
+  } = L(t);
+  y(() => {
     n ? t.createEventSession(n) : m();
   }, [n, m, t]);
-  const o = u(t.featuresList.getStore());
+  const o = p(t.featuresList.getStore());
   if (e && r)
     return /* @__PURE__ */ l("div", {
       style: {
@@ -90,18 +93,19 @@ const E = /* @__PURE__ */ p("div")({
     });
   if (!o)
     return null;
-  const c = t.getFeature(S.GAMES);
-  return c ? /* @__PURE__ */ l(T, {
+  const c = t.getFeature(b.GAMES);
+  return c ? /* @__PURE__ */ l(N, {
     gamification: c,
     sidebar: e,
     banner: r,
     layoutMode: d,
-    isMobileScreen: a,
-    persistent: s,
+    isMobileScreen: f,
+    persistent: a,
+    notification: s,
     skipTypeCheck: i
   }) : null;
 };
 export {
-  E as AdvertisementUIWrap,
-  W as StreamLayerSDKAdvertisement
+  I as AdvertisementUIWrap,
+  w as StreamLayerSDKAdvertisement
 };