@streamlayer/react-ui 1.23.0 → 1.23.1

package/lib/app/masters/Points/index.js

@@ -1,25 +1,33 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useState as m, useEffect as f } from "react";
-import { useStore as c } from "@streamlayer/react-polyfills";
-import { FeatureType as p } from "@streamlayer/sdk-web-types";
-import { Points as S } from "../../../ui/gamification/points/index.js";
-const a = ({ gamification: r }) => {
-  const o = r.userSummary.$store, [t, u] = m(0);
-  return f(() => {
-    const i = o.subscribe((e) => {
+import { useState as c, useEffect as a, useCallback as f } from "react";
+import { useStore as p } from "@streamlayer/react-polyfills";
+import { eventBus as l } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as S } from "@streamlayer/sdk-web-types";
+import { Points as y } from "../../../ui/gamification/points/index.js";
+const P = ({ gamification: t }) => {
+  const o = t.userSummary.$store, [r, i] = c(0);
+  a(() => {
+    const u = o.subscribe((e) => {
       var s;
-      (s = e == null ? void 0 : e.summary) != null && s.points && u(e.summary.points);
+      (s = e == null ? void 0 : e.summary) != null && s.points && i(e.summary.points);
     });
     return () => {
-      i();
+      u();
     };
-  }, [o]), /* @__PURE__ */ n(S, { points: t });
-}, b = ({ sdk: r }) => {
-  if (!c(r.featuresList.getStore()))
+  }, [o]);
+  const m = f(() => {
+    l.emit("interactions", {
+      action: "tap",
+      payload: {}
+    });
+  }, []);
+  return /* @__PURE__ */ n(y, { onClick: m, points: r });
+}, x = ({ sdk: t }) => {
+  if (!p(t.featuresList.getStore()))
     return null;
-  const t = r.getFeature(p.GAMES);
-  return t ? /* @__PURE__ */ n(a, { gamification: t }) : null;
+  const r = t.getFeature(S.GAMES);
+  return r ? /* @__PURE__ */ n(P, { gamification: r }) : null;
 };
 export {
-  b as StreamLayerSDKPoints
+  x as StreamLayerSDKPoints
 };

package/lib/ui/gamification/question/notification/insight/index.js

@@ -1,14 +1,14 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { QuestionImages as e } from "@streamlayer/sdk-web-types";
-import { VideoPlayer as h } from "../../../../video-player/index.js";
-import { InsightContainer as o, ImageContainer as u, Image as p, InsightContent as I, Title as g, Description as f, ActionBtn as C } from "./styles.js";
-const V = ({ video: r, image: n, imageMode: c, heading: l, body: m, action: s, controlVideo: a }) => /* @__PURE__ */ i(o, { children: [
-  (r == null ? void 0 : r.url) && /* @__PURE__ */ t(h, { source: r.url, poster: r.thumbnailUrl, controlVideo: a }),
-  n && !(r != null && r.url) && /* @__PURE__ */ t(u, { "data-rounded": c === e.ROUNDED, children: /* @__PURE__ */ t(p, { src: n, alt: l }) }),
-  /* @__PURE__ */ i(I, { children: [
-    /* @__PURE__ */ t(g, { children: l }),
-    /* @__PURE__ */ t(f, { children: m }),
-    s && /* @__PURE__ */ t(C, { "data-a": "intr", onClick: s, children: "View Insight" })
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { QuestionImages as h } from "@streamlayer/sdk-web-types";
+import { VideoPlayer as o } from "../../../../video-player/index.js";
+import { InsightContainer as u, ImageContainer as a, Image as p, InsightContent as I, Title as g, Description as f, ActionBtn as C } from "./styles.js";
+const V = ({ video: r, image: t, imageMode: i, heading: l, body: m, action: s, controlVideo: e }) => /* @__PURE__ */ c(u, { children: [
+  (r == null ? void 0 : r.url) && /* @__PURE__ */ n(o, { source: r.url, poster: r.thumbnailUrl, controlVideo: e }),
+  t && !(r != null && r.url) && /* @__PURE__ */ n(a, { "data-rounded": i === h.ROUNDED, children: /* @__PURE__ */ n(p, { src: t, alt: l }) }),
+  /* @__PURE__ */ c(I, { children: [
+    /* @__PURE__ */ n(g, { children: l }),
+    /* @__PURE__ */ n(f, { children: m }),
+    s && /* @__PURE__ */ n(C, { onClick: s, children: "View Insight" })
   ] })
 ] });
 export {

package/lib/ui/gamification/question/notification/pill/index.js

@@ -1,9 +1,9 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { SvgIcon as m } from "../../../../icons/index.js";
-import { Container as c, Content as a, Title as l } from "./styles.js";
-const f = ({ title: n, onClick: o, className: i, style: t }) => /* @__PURE__ */ r(c, { "data-a": "intr", onClick: o, className: i, style: t, children: /* @__PURE__ */ e(a, { children: [
-  /* @__PURE__ */ r(m, { name: "iconUp" }),
-  n && /* @__PURE__ */ r(l, { children: n })
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { SvgIcon as e } from "../../../../icons/index.js";
+import { Container as d, Content as m, Title as c } from "./styles.js";
+const f = ({ title: n, onClick: t, className: a, style: i }) => /* @__PURE__ */ r(d, { "data-a": "intr", onClick: t, className: a, style: i, children: /* @__PURE__ */ o(m, { "data-a": "intr", children: [
+  /* @__PURE__ */ r(e, { "data-a": "intr", name: "iconUp" }),
+  n && /* @__PURE__ */ r(c, { "data-a": "intr", children: n })
 ] }) });
 export {
   f as Pill

package/lib/ui/gamification/question/notification/tweet/index.js

@@ -1,11 +1,11 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { TwitterContent as n } from "../../../../questions/twitter/index.js";
 import { Container as o, QuoteWrap as l, Quote as c, ActionBtn as m } from "./styles.js";
-const f = ({ action: i, ...e }) => /* @__PURE__ */ r(o, { children: [
+const s = ({ action: i, ...e }) => /* @__PURE__ */ r(o, { children: [
   e.title && /* @__PURE__ */ t(l, { children: /* @__PURE__ */ t(c, { children: e.title }) }),
   /* @__PURE__ */ t(n, { ...e }),
-  i && /* @__PURE__ */ t(m, { "data-a": "intr", onClick: i, children: "View Insight" })
+  i && /* @__PURE__ */ t(m, { onClick: i, children: "View Insight" })
 ] });
 export {
-  f as Tweet
+  s as Tweet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.23.0",
+  "version": "1.23.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -69,19 +69,19 @@
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.16.9",
-    "@streamlayer/react-polyfills": "^0.1.16",
-    "@streamlayer/sdk-web": "^1.10.9",
-    "@streamlayer/sdk-web-analytics": "^1.7.9",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.35",
-    "@streamlayer/sdk-web-api": "^1.8.9",
-    "@streamlayer/sdk-web-core": "^1.11.11",
-    "@streamlayer/sdk-web-features": "^1.0.56",
-    "@streamlayer/sdk-web-interfaces": "^1.5.0",
-    "@streamlayer/sdk-web-logger": "^1.0.56",
-    "@streamlayer/sdk-web-notifications": "^1.3.18",
-    "@streamlayer/sdk-web-storage": "^1.0.56",
-    "@streamlayer/sdk-web-types": "^1.10.13"
+    "@streamlayer/feature-gamification": "^1.16.10",
+    "@streamlayer/sdk-web": "^1.10.10",
+    "@streamlayer/react-polyfills": "^0.1.17",
+    "@streamlayer/sdk-web-analytics": "^1.7.10",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.36",
+    "@streamlayer/sdk-web-api": "^1.8.10",
+    "@streamlayer/sdk-web-core": "^1.11.12",
+    "@streamlayer/sdk-web-features": "^1.0.57",
+    "@streamlayer/sdk-web-interfaces": "^1.5.1",
+    "@streamlayer/sdk-web-logger": "^1.0.57",
+    "@streamlayer/sdk-web-notifications": "^1.3.19",
+    "@streamlayer/sdk-web-storage": "^1.0.57",
+    "@streamlayer/sdk-web-types": "^1.10.14"
   },
   "nx": {
     "implicitDependencies": [
@@ -121,7 +121,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.15.0"
+    "@streamlayer/react": "^1.15.1"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.2.0",