@streamlayer/react-ui 1.7.1 → 1.8.0

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

@@ -1,7 +1,6 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 export declare const AdvertisementUIWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export type StreamLayerSDKAdvertisementProps = {
-    event?: string;
     isMobileScreen?: boolean;
     persistent?: boolean;
     skipTypeCheck?: boolean;

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

@@ -1,27 +1,26 @@
-import { jsx as l } from "react/jsx-runtime";
-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")({
+import { jsx as s } from "react/jsx-runtime";
+import { styled as p } from "@linaria/react";
+import { useStore as f } from "@nanostores/react";
+import { useAnalyticsListener as v } from "../../../hooks/analytics.js";
+import { useRef as y } from "react";
+import { eventBus as c } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as A, PromotionType as g } from "@streamlayer/sdk-web-types";
+import { AdvertisementUI as b } from "../../../ui/advertisement/index.js";
+const S = /* @__PURE__ */ p("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), 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") || h.UNSET;
-    e.getAttribute("data-analytics") === "button" && u.emit("advertisement", {
+}), h = (n) => {
+  const t = n.target;
+  if (t instanceof HTMLAnchorElement && t.target === "_blank") {
+    const r = t.getAttribute("data-promo-id") || "", i = t.getAttribute("data-promo-type") || g.UNSET;
+    t.getAttribute("data-analytics") === "button" && c.emit("advertisement", {
       action: "buttonSelect",
       payload: {
         advertisementId: r,
         advertisementType: i
       }
-    }), e.getAttribute("data-analytics") === "banner" && u.emit("advertisement", {
+    }), t.getAttribute("data-analytics") === "banner" && c.emit("advertisement", {
       action: "bannerSelect",
       payload: {
         advertisementId: r,
@@ -29,83 +28,72 @@ const I = /* @__PURE__ */ v("div")({
       }
     });
   }
-}, N = ({
-  gamification: t,
-  layoutMode: e,
+}, I = ({
+  gamification: n,
+  layoutMode: t,
   skipTypeCheck: r,
   sidebar: i,
-  banner: n,
-  notification: d,
-  isMobileScreen: f,
-  persistent: a
+  banner: o,
+  notification: m,
+  isMobileScreen: l,
+  persistent: d
 }) => {
-  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]
-  );
-  A(s, {
-    enabled: !!o,
+  const a = y(null), e = f(n.advertisement.$store);
+  v(a, {
+    enabled: !!e.data,
     event: "click",
-    listener: T
+    listener: h
   });
-  const c = !n && !i;
-  return o ? /* @__PURE__ */ l(I, {
-    ref: s,
+  const u = !o && !i;
+  return e.data === void 0 || !d && e.isViewed ? null : /* @__PURE__ */ s(S, {
+    ref: a,
     style: {
-      height: c ? "auto" : "100%"
+      height: u ? "auto" : "100%"
     },
-    className: f ? "mobile-view" : "",
-    children: /* @__PURE__ */ l(E, {
+    className: l ? "mobile-view" : "",
+    children: /* @__PURE__ */ s(b, {
       skipTypeCheck: r,
       sidebar: i,
-      banner: n,
-      advertisement: o,
-      layoutMode: e,
-      isNotification: d
+      banner: o,
+      advertisement: e.data,
+      close: e.close,
+      layoutMode: t,
+      isNotification: m
     })
-  }) : null;
-}, w = ({
-  sdk: t,
-  sidebar: e,
+  });
+}, D = ({
+  sdk: n,
+  sidebar: t,
   banner: r,
   skipTypeCheck: i,
-  event: n,
-  layoutMode: d,
-  isMobileScreen: f,
-  persistent: a,
-  notification: s
+  layoutMode: o,
+  isMobileScreen: m,
+  persistent: l,
+  notification: d
 }) => {
-  const {
-    deactivate: m
-  } = L(t);
-  y(() => {
-    n ? t.createEventSession(n) : m();
-  }, [n, m, t]);
-  const o = p(t.featuresList.getStore());
-  if (e && r)
-    return /* @__PURE__ */ l("div", {
+  const a = f(n.featuresList.getStore());
+  if (t && r)
+    return /* @__PURE__ */ s("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (!o)
+  if (!a)
     return null;
-  const c = t.getFeature(b.GAMES);
-  return c ? /* @__PURE__ */ l(N, {
-    gamification: c,
-    sidebar: e,
+  const e = n.getFeature(A.GAMES);
+  return e ? /* @__PURE__ */ s(I, {
+    gamification: e,
+    sidebar: t,
     banner: r,
-    layoutMode: d,
-    isMobileScreen: f,
-    persistent: a,
-    notification: s,
+    layoutMode: o,
+    isMobileScreen: m,
+    persistent: l,
+    notification: d,
     skipTypeCheck: i
   }) : null;
 };
 export {
-  I as AdvertisementUIWrap,
-  w as StreamLayerSDKAdvertisement
+  S as AdvertisementUIWrap,
+  D as StreamLayerSDKAdvertisement
 };

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

@@ -9,7 +9,6 @@ export declare const QuestionWrap: {
     hideHeader?: boolean;
 }>;
 export type StreamLayerSDKInsightProps = {
-    event?: string;
     hideHeader?: boolean;
     persistent?: boolean;
 };

package/lib/app/app/Insight/index.js

@@ -1,69 +1,58 @@
-import { jsx as i } from "react/jsx-runtime";
-import { styled as d } from "@linaria/react";
-import { useStore as S } from "@nanostores/react";
-import { useEffect as l, useRef as Q } from "react";
-import { FeatureType as h, QuestionStatus as w } from "@streamlayer/sdk-web-types";
-import { Question as y } from "../Features/Gamification/Question.js";
-import { useAppApp as A } from "../useApp.js";
-import { ShowIn as V } from "../../../ui/show-in/index.js";
-const v = () => y, x = /* @__PURE__ */ d(v())({
+import { jsx as f } from "react/jsx-runtime";
+import { styled as m } from "@linaria/react";
+import { useStore as c } from "@nanostores/react";
+import { useRef as i, useEffect as d } from "react";
+import { FeatureType as l } from "@streamlayer/sdk-web-types";
+import { Question as Q } from "../Features/Gamification/Question.js";
+import { ShowIn as S } from "../../../ui/show-in/index.js";
+const y = () => Q, I = /* @__PURE__ */ m(y())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), E = ({
+}), h = ({
   gamification: e,
-  persistent: t,
-  hideHeader: f,
+  persistent: s,
+  hideHeader: p,
   insightId: r
 }) => {
-  const s = Q(""), n = S(e.openedQuestion.$store);
-  return l(() => r ? (!t || e.isOpenedQuestion(r) || (s.current = r, e.getFeedItem(r).then((o) => {
-    s.current === r && e.openQuestion(r, o);
+  const t = i(""), u = c(e.openedQuestion.$store);
+  return d(() => r ? (!s || e.isOpenedQuestion(r) || (t.current = r, e.getFeedItem(r).then((n) => {
+    t.current === r && e.openQuestion(r, n);
   })), () => {
-    s.current = "";
-  }) : e.feedList.getStore().subscribe(({
-    data: u
+    t.current = "";
+  }) : (e.activeQuestionId.subscribe(({
+    data: o
   }) => {
-    if (u) {
-      const o = u, p = o == null ? void 0 : o.find(({
-        type: m,
-        attributes: c
-      }) => m === "insight" && (c == null ? void 0 : c.status) === w.ACTIVE);
-      p && (!t || e.isOpenedQuestion(p.id) || e.openQuestion(p.id, p));
-    }
-  }), [e, t, r]), n ? /* @__PURE__ */ i(V, {
+    var n;
+    o && ((n = o.feedItem) == null ? void 0 : n.type) === "insight" && (!s || e.isOpenedQuestion(o.feedItem.id) || (t.current = o.feedItem.id, e.openQuestion(o.feedItem.id, o.feedItem))), !o && t.current && (e.closeQuestion(t.current), t.current = "");
+  }), () => {
+  }), [e, s, r]), u ? /* @__PURE__ */ f(S, {
     style: {
       height: "100%"
     },
-    children: /* @__PURE__ */ i(x, {
-      hideHeader: f,
+    children: /* @__PURE__ */ f(I, {
+      hideHeader: p,
       gamification: e,
       hideSponsor: !0
     })
   }) : null;
-}, j = ({
+}, D = ({
   sdk: e,
-  event: t,
-  persistent: f,
-  insightId: r,
-  hideHeader: s
+  persistent: s,
+  insightId: p,
+  hideHeader: r
 }) => {
-  const {
-    deactivate: n
-  } = A(e);
-  if (l(() => {
-    t ? e.createEventSession(t) : n();
-  }, [t, n, e]), !S(e.featuresList.getStore()))
+  if (!c(e.featuresList.getStore()))
     return null;
-  const o = e.getFeature(h.GAMES);
-  return o ? /* @__PURE__ */ i(E, {
-    insightId: r,
-    persistent: f,
-    hideHeader: s,
-    gamification: o
+  const u = e.getFeature(l.GAMES);
+  return u ? /* @__PURE__ */ f(h, {
+    insightId: p,
+    persistent: s,
+    hideHeader: r,
+    gamification: u
   }) : null;
 };
 export {
-  x as QuestionWrap,
-  j as StreamLayerSDKInsight
+  I as QuestionWrap,
+  D as StreamLayerSDKInsight
 };

package/lib/app/app/story/insight/index.js

@@ -1,58 +1,55 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { styled as d } from "@linaria/react";
 import { StreamLayerProvider as u, useStreamLayer as p } from "@streamlayer/react";
 import { StreamLayerSDKInsight as c } from "../../Insight/index.js";
 import { StreamLayerThemeProvider as y } from "../../../../ui/theme/index.js";
 import { useStreamLayerDebug as f } from "../../../../utils/debug/index.js";
 import { customTheme as l } from "./styles.js";
-import { Video as v } from "./video.js";
-const h = /* @__PURE__ */ d("div")({
+import { Video as h } from "./video.js";
+const v = /* @__PURE__ */ d("div")({
   name: "Body",
   class: "buit6hv",
   propsAsIs: !1
 }), S = ({
-  event: o,
-  hideHeader: m,
-  insightId: n
+  hideHeader: t,
+  insightId: o
 }) => {
-  const r = p();
-  return r ? /* @__PURE__ */ e(y, {
+  const e = p();
+  return e ? /* @__PURE__ */ r(y, {
     customTheme: l,
-    children: /* @__PURE__ */ e(c, {
-      hideHeader: m,
-      event: o,
-      sdk: r,
-      insightId: n,
+    children: /* @__PURE__ */ r(c, {
+      hideHeader: t,
+      sdk: e,
+      insightId: o,
       persistent: !0
     })
   }) : null;
 }, D = ({
-  sdkKey: o,
-  eventId: m,
-  layoutMode: n,
-  insightId: r,
-  production: s,
+  sdkKey: t,
+  eventId: o,
+  layoutMode: e,
+  insightId: s,
+  production: n,
   onlyInsight: i,
   hideHeader: a
 }) => {
-  const t = f({
-    sdkKey: o,
-    eventId: m,
-    production: s
+  const m = f({
+    sdkKey: t,
+    eventId: o,
+    production: n
   });
-  return /* @__PURE__ */ e(u, {
-    sdkKey: t.sdkKey,
-    production: t.env === "production",
+  return /* @__PURE__ */ r(u, {
+    sdkKey: m.sdkKey,
+    event: m.event,
+    production: m.env === "production",
     autoEnable: !0,
-    children: i ? /* @__PURE__ */ e(S, {
-      insightId: r,
-      hideHeader: a,
-      event: t.event
-    }) : /* @__PURE__ */ e(h, {
-      children: /* @__PURE__ */ e(v, {
-        insightId: r,
-        layoutMode: n,
-        event: t.event
+    children: i ? /* @__PURE__ */ r(S, {
+      insightId: s,
+      hideHeader: a
+    }) : /* @__PURE__ */ r(v, {
+      children: /* @__PURE__ */ r(h, {
+        insightId: s,
+        layoutMode: e
       })
     })
   });

package/lib/app/app/story/insight/video.d.ts

@@ -1,5 +1,4 @@
 export declare const Video: React.FC<{
-    event?: string;
     insightId?: string;
     layoutMode?: 'side-by-side' | 'cover';
 }>;

package/lib/app/app/story/insight/video.js

@@ -1,15 +1,15 @@
-import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useStreamLayer as c } from "@streamlayer/react";
-import { StreamLayerSDKInsight as n } from "../../Insight/index.js";
-import { StreamLayerThemeProvider as s } from "../../../../ui/theme/index.js";
-import { VideoFrame as p, customTheme as a, VideoPlayerWrap as u, InsightContainerMobile as f, InsightContainerOverlay as g, InsightContainerLBar as y } from "./styles.js";
-const F = ({ event: t, insightId: o, layoutMode: m }) => {
-  const r = c(), d = h(null);
-  return /* @__PURE__ */ i(l, { children: [
-    /* @__PURE__ */ i(p, { ref: d, "data-testid": "video-frame", children: [
-      /* @__PURE__ */ e(m === "cover" ? g : y, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { event: t, sdk: r, insightId: o, persistent: !0 }) }) }),
-      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
+import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
+import { useRef as l } from "react";
+import { useStreamLayer as h } from "@streamlayer/react";
+import { StreamLayerSDKInsight as i } from "../../Insight/index.js";
+import { StreamLayerThemeProvider as n } from "../../../../ui/theme/index.js";
+import { VideoFrame as c, customTheme as s, VideoPlayerWrap as p, InsightContainerMobile as u, InsightContainerOverlay as f, InsightContainerLBar as g } from "./styles.js";
+const x = ({ insightId: t, layoutMode: a }) => {
+  const r = h(), m = l(null);
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ o(c, { ref: m, "data-testid": "video-frame", children: [
+      /* @__PURE__ */ e(a === "cover" ? f : g, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) }),
+      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
         "video",
         {
           src: "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
@@ -22,9 +22,9 @@ const F = ({ event: t, insightId: o, layoutMode: m }) => {
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ e(f, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { event: t, sdk: r, insightId: o, persistent: !0 }) }) })
+    /* @__PURE__ */ e(u, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) })
   ] });
 };
 export {
-  F as Video
+  x as Video
 };

package/lib/app/app/story/promotion/content.d.ts

@@ -1,3 +1 @@
-export declare const Content: React.FC<{
-    event?: string;
-}>;
+export declare const Content: React.FC;

package/lib/app/app/story/promotion/content.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { styled as r } from "@linaria/react";
-import { useStreamLayer as o } from "@streamlayer/react";
-import { StreamLayerSDKAdvertisement as i } from "../../Advertisement/index.js";
-import { theme as a } from "../../../../ui/theme/theme.js";
-const d = /* @__PURE__ */ r("div")({
+import { useStreamLayer as m } from "@streamlayer/react";
+import { StreamLayerSDKAdvertisement as o } from "../../Advertisement/index.js";
+import { theme as i } from "../../../../ui/theme/theme.js";
+const a = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1g3vhjc",
   propsAsIs: !1
@@ -11,17 +11,14 @@ const d = /* @__PURE__ */ r("div")({
   name: "Div",
   class: "d1626h38",
   propsAsIs: !1
-}), h = ({
-  event: m
-}) => {
-  const s = o();
-  return s ? /* @__PURE__ */ e(d, {
-    className: a,
+}), c = () => {
+  const s = m();
+  return s ? /* @__PURE__ */ e(a, {
+    className: i,
     "data-testid": "overlay",
     children: [/* @__PURE__ */ e(n, {
       children: ["Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ", /* @__PURE__ */ t("br", {}), "-------------"]
-    }), /* @__PURE__ */ t(i, {
-      event: m,
+    }), /* @__PURE__ */ t(o, {
       sdk: s,
       persistent: !0
     }), /* @__PURE__ */ e(n, {
@@ -30,5 +27,5 @@ const d = /* @__PURE__ */ r("div")({
   }) : null;
 };
 export {
-  h as Content
+  c as Content
 };

package/lib/app/app/story/promotion/index.js

@@ -30,6 +30,7 @@ const b = /* @__PURE__ */ r("div")({
   return /* @__PURE__ */ e(f, {
     children: /* @__PURE__ */ p(l, {
       sdkKey: o.sdkKey,
+      event: o.event,
       production: o.env === "production",
       autoEnable: !0,
       children: [/* @__PURE__ */ e(b, {
@@ -43,9 +44,7 @@ const b = /* @__PURE__ */ r("div")({
         })
       }), /* @__PURE__ */ e("h3", {
         children: "Overlay View (should appear between two text blocks)"
-      }), /* @__PURE__ */ e(u, {
-        event: o.event
-      })]
+      }), /* @__PURE__ */ e(u, {})]
     })
   });
 };

package/lib/ui/advertisement/index.d.ts

@@ -1,11 +1,10 @@
 import { Advertisement } from '@streamlayer/feature-gamification';
 export declare const AdvertisementUI: React.FC<{
-    advertisement: Advertisement & {
-        data: Exclude<Advertisement['data'], undefined>;
-    };
+    advertisement: Advertisement;
     layoutMode?: 'cover' | 'side-by-side';
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
+    close?: () => void;
     isNotification?: boolean;
     skipTypeCheck?: boolean;
 }>;

package/lib/ui/advertisement/index.js

@@ -1,29 +1,27 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useStore as f } from "@nanostores/react";
-import { PromotionType as t } from "@streamlayer/sdk-web-types";
-import { Banner as s } from "./banner/index.js";
-import { Notification as u } from "./notification/index.js";
-import { Overlay as c } from "./overlay/index.js";
-import { Sidebar as I } from "./sidebar/index.js";
-import { OverlayContainer as y } from "./overlay/styles.js";
-const A = (r) => (r == null ? void 0 : r.type) === t.INGAME_IAB11_LBAR || (r == null ? void 0 : r.type) === t.INGAME_IAB21_LBAR, h = (r) => (r == null ? void 0 : r.type) === t.INGAME_IAB11 || (r == null ? void 0 : r.type) === t.INGAME_IAB21, G = ({ advertisement: r, skipTypeCheck: d, layoutMode: m = "side-by-side", sidebar: n, isNotification: e, banner: l }) => {
-  const o = f(r.data);
-  return !o.data && o.loading ? null : o.error ? /* @__PURE__ */ a("div", { children: [
-    "error ",
-    /* @__PURE__ */ i("button", { onClick: r.close, children: "close" })
-  ] }) : o.data ? e ? /* @__PURE__ */ i(u, { notification: o.data.notification, promotionId: r.id }) : !n && !l && (d || h(o.data.promotions)) ? /* @__PURE__ */ i(y, { className: "PromoOverlayContainer", children: /* @__PURE__ */ i(c, { promotionId: r.id, promotion: o.data.promotions, onClose: r.close }) }) : n && (d || A(o.data.promotions)) ? /* @__PURE__ */ i(I, { className: "PromoSidebarContainer", direction: n, hiding: r.hiding, children: /* @__PURE__ */ i(c, { promotionId: r.id, promotion: o.data.promotions, onClose: r.close }) }) : l ? /* @__PURE__ */ i(
-    s,
-    {
-      promotionId: r.id,
-      hiding: r.hiding,
-      promotion: o.data.promotions,
-      direction: l
-    }
-  ) : null : /* @__PURE__ */ a("div", { children: [
-    "empty promo ",
-    /* @__PURE__ */ i("button", { onClick: r.close, children: "close" })
-  ] });
-};
+import { jsx as o } from "react/jsx-runtime";
+import { PromotionType as r } from "@streamlayer/sdk-web-types";
+import { Banner as c } from "./banner/index.js";
+import { Notification as y } from "./notification/index.js";
+import { Overlay as u } from "./overlay/index.js";
+import { Sidebar as A } from "./sidebar/index.js";
+import { OverlayContainer as a } from "./overlay/styles.js";
+const d = (i) => (i == null ? void 0 : i.type) === r.INGAME_IAB11_LBAR || (i == null ? void 0 : i.type) === r.INGAME_IAB21_LBAR, e = (i) => (i == null ? void 0 : i.type) === r.INGAME_IAB11 || (i == null ? void 0 : i.type) === r.INGAME_IAB21, C = ({
+  advertisement: i,
+  close: f,
+  skipTypeCheck: l,
+  layoutMode: s = "side-by-side",
+  sidebar: n,
+  isNotification: I,
+  banner: t
+}) => I && i.notification ? /* @__PURE__ */ o(y, { notification: i.notification, promotionId: i.question.id }) : !n && !t && (l || e(i.promotion)) ? /* @__PURE__ */ o(a, { className: "PromoOverlayContainer", children: /* @__PURE__ */ o(u, { promotionId: i.question.id, promotion: i.promotion, onClose: f }) }) : n && (l || d(i.promotion)) ? /* @__PURE__ */ o(A, { className: "PromoSidebarContainer", direction: n, hiding: !1, children: /* @__PURE__ */ o(u, { promotionId: i.question.id, promotion: i.promotion, onClose: f }) }) : t ? /* @__PURE__ */ o(
+  c,
+  {
+    promotionId: i.question.id,
+    hiding: !1,
+    promotion: i.promotion,
+    direction: t
+  }
+) : null;
 export {
-  G as AdvertisementUI
+  C as AdvertisementUI
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -51,7 +51,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.122.0",
+    "@streamlayer/sl-eslib": "^5.123.1",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "nanoid": "3.3.7",
@@ -59,18 +59,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.5.4",
-    "@streamlayer/sdk-web": "^1.2.7",
-    "@streamlayer/sdk-web-analytics": "^1.2.7",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.0.16",
-    "@streamlayer/sdk-web-api": "^1.4.1",
-    "@streamlayer/sdk-web-core": "^1.3.1",
-    "@streamlayer/sdk-web-features": "^1.0.16",
-    "@streamlayer/sdk-web-interfaces": "^1.1.11",
-    "@streamlayer/sdk-web-logger": "^1.0.16",
-    "@streamlayer/sdk-web-notifications": "^1.1.11",
-    "@streamlayer/sdk-web-storage": "^1.0.16",
-    "@streamlayer/sdk-web-types": "^1.5.1"
+    "@streamlayer/feature-gamification": "^1.6.0",
+    "@streamlayer/sdk-web": "^1.3.0",
+    "@streamlayer/sdk-web-analytics": "^1.3.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.0.17",
+    "@streamlayer/sdk-web-api": "^1.5.0",
+    "@streamlayer/sdk-web-features": "^1.0.17",
+    "@streamlayer/sdk-web-core": "^1.4.0",
+    "@streamlayer/sdk-web-interfaces": "^1.1.12",
+    "@streamlayer/sdk-web-logger": "^1.0.17",
+    "@streamlayer/sdk-web-notifications": "^1.1.12",
+    "@streamlayer/sdk-web-storage": "^1.0.17",
+    "@streamlayer/sdk-web-types": "^1.6.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -111,6 +111,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.4.1"
+    "@streamlayer/react": "^1.5.0"
   }
 }