@streamlayer/react-ui 1.2.0 → 1.2.2

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

@@ -1,10 +1,12 @@
 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 declare const StreamLayerSDKAdvertisement: React.FC<{
-    sdk: StreamLayerSDK;
+export type StreamLayerSDKAdvertisementProps = {
     event?: string;
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
     layoutMode?: 'cover' | 'side-by-side';
+};
+export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps & {
+    sdk: StreamLayerSDK;
 }>;

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

@@ -1,46 +1,46 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { styled as c } from "@linaria/react";
-import { useStore as m } from "@nanostores/react";
+import { useStore as l } from "@nanostores/react";
 import { useAnalyticsListener as f } from "../../../hooks/analytics.js";
-import { useEffect as u, useRef as v, useMemo as d } from "react";
-import { eventBus as p } from "@streamlayer/sdk-web-interfaces";
+import { useEffect as u, useRef as p, useMemo as v } from "react";
+import { eventBus as d } from "@streamlayer/sdk-web-interfaces";
 import { FeatureType as A } from "@streamlayer/sdk-web-types";
 import { useAppApp as y } from "../useApp.js";
 import { AdvertisementUI as g } from "../../../ui/advertisement/index.js";
-const h = /* @__PURE__ */ c("div")({
+const S = /* @__PURE__ */ c("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), S = (e) => {
+}), h = (e) => {
   const t = e.target;
-  t instanceof HTMLAnchorElement && t.target === "_blank" && t.getAttribute("data-analytics") === "web-link" && p.emit("poll", {
+  t instanceof HTMLAnchorElement && t.target === "_blank" && t.getAttribute("data-analytics") === "web-link" && d.emit("poll", {
     action: "navigated",
     payload: {}
   });
 }, L = ({
   gamification: e,
   layoutMode: t,
-  sidebar: r,
-  banner: i
+  sidebar: i,
+  banner: r
 }) => {
-  const o = v(null), a = m(e.advertisement.$list), n = d(
+  const s = p(null), o = l(e.advertisement.$list), n = v(
     () => e.advertisement.getActiveAdvertisement(),
     // fire getActiveNotification when notifications were updated
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a]
+    [o]
   );
-  return f(o, {
+  return f(s, {
     enabled: !!n,
     event: "click",
-    listener: S
-  }), n ? /* @__PURE__ */ s(h, {
-    ref: o,
+    listener: h
+  }), n ? /* @__PURE__ */ a(S, {
+    ref: s,
     style: {
-      height: !i && !r ? "auto" : "100%"
+      height: !r && !i ? "auto" : "100%"
     },
-    children: /* @__PURE__ */ s(g, {
-      sidebar: r,
-      banner: i,
+    children: /* @__PURE__ */ a(g, {
+      sidebar: i,
+      banner: r,
       advertisement: n,
       layoutMode: t
     })
@@ -48,42 +48,35 @@ const h = /* @__PURE__ */ c("div")({
 }, K = ({
   sdk: e,
   sidebar: t,
-  banner: r,
-  event: i,
-  layoutMode: o
+  banner: i,
+  event: r,
+  layoutMode: s
 }) => {
   const {
-    deactivate: a
+    deactivate: o
   } = y(e);
   u(() => {
-    i ? e.createEventSession(i) : a();
-  }, [i, a, e]);
-  const n = m(e.featuresList.getStore());
-  if (t && r)
-    return /* @__PURE__ */ s("div", {
+    r ? e.createEventSession(r) : o();
+  }, [r, o, e]);
+  const n = l(e.featuresList.getStore());
+  if (t && i)
+    return /* @__PURE__ */ a("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (!t && !r && o)
-    return /* @__PURE__ */ s("div", {
-      style: {
-        color: "red"
-      },
-      children: "layoutMode property unavailable for the overlay mode."
-    });
   if (!n)
     return null;
-  const l = e.getFeature(A.GAMES);
-  return l ? /* @__PURE__ */ s(L, {
-    gamification: l,
+  const m = e.getFeature(A.GAMES);
+  return m ? /* @__PURE__ */ a(L, {
+    gamification: m,
     sidebar: t,
-    banner: r,
-    layoutMode: o
+    banner: i,
+    layoutMode: s
   }) : null;
 };
 export {
-  h as AdvertisementUIWrap,
+  S as AdvertisementUIWrap,
   K as StreamLayerSDKAdvertisement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -54,18 +54,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.2.0",
-    "@streamlayer/sdk-web": "^1.0.2",
-    "@streamlayer/sdk-web-analytics": "^1.0.2",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.0.2",
-    "@streamlayer/sdk-web-api": "^1.1.1",
-    "@streamlayer/sdk-web-core": "^1.0.2",
-    "@streamlayer/sdk-web-features": "^1.0.2",
-    "@streamlayer/sdk-web-interfaces": "^1.0.2",
-    "@streamlayer/sdk-web-logger": "^1.0.2",
-    "@streamlayer/sdk-web-notifications": "^1.0.2",
-    "@streamlayer/sdk-web-storage": "^1.0.2",
-    "@streamlayer/sdk-web-types": "^1.1.1"
+    "@streamlayer/feature-gamification": "^1.2.2",
+    "@streamlayer/sdk-web": "^1.0.4",
+    "@streamlayer/sdk-web-analytics": "^1.0.4",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.0.4",
+    "@streamlayer/sdk-web-api": "^1.1.3",
+    "@streamlayer/sdk-web-core": "^1.0.4",
+    "@streamlayer/sdk-web-features": "^1.0.4",
+    "@streamlayer/sdk-web-interfaces": "^1.0.4",
+    "@streamlayer/sdk-web-logger": "^1.0.4",
+    "@streamlayer/sdk-web-notifications": "^1.0.4",
+    "@streamlayer/sdk-web-storage": "^1.0.4",
+    "@streamlayer/sdk-web-types": "^1.1.3"
   },
   "nx": {
     "implicitDependencies": [
@@ -106,6 +106,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "@streamlayer/react": "^1.1.1"
+    "@streamlayer/react": "^1.1.3"
   }
 }