@streamlayer/react-ui 0.60.0 → 0.61.0

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

@@ -1,23 +1,23 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { VideoPlayer as l } from "../../../../video-player/index.js";
-import { InsightContainer as m, InsightContent as s, Title as h, Description as p, ActionBtn as c } from "./styles.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { VideoPlayer as m } from "../../../../video-player/index.js";
+import { InsightContainer as s, InsightContent as e, Title as h, Description as p, ActionBtn as c } from "./styles.js";
 import "react";
 import "../../../../icons/index.js";
 import "@linaria/react";
 import "../../../../video-player/styles.js";
-const a = ({
-  video: i,
+const j = ({
+  video: r,
   heading: o,
-  body: e,
-  action: t
-}) => /* @__PURE__ */ n(m, { children: [
-  i && /* @__PURE__ */ r(l, { source: i.url, poster: i.thumbnailUrl }),
-  /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ r(h, { children: o }),
-    /* @__PURE__ */ r(p, { children: e }),
-    t && /* @__PURE__ */ r(c, { onClick: t, children: "View Insight" })
+  body: l,
+  action: n
+}) => /* @__PURE__ */ i(s, { children: [
+  (r == null ? void 0 : r.url) && /* @__PURE__ */ t(m, { source: r.url, poster: r.thumbnailUrl }),
+  /* @__PURE__ */ i(e, { children: [
+    /* @__PURE__ */ t(h, { children: o }),
+    /* @__PURE__ */ t(p, { children: l }),
+    n && /* @__PURE__ */ t(c, { onClick: n, children: "View Insight" })
   ] })
 ] });
 export {
-  a as Insight
+  j as Insight
 };

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

@@ -7,22 +7,28 @@ const r = o.div`
   background-color: var(--color-neutrals-white);
   border-radius: 8px;
   width: 100%;
-`, t = o.div`
+`, i = o.div`
   display: flex;
   flex-direction: column;
   row-gap: 12px;
-`, i = o.h3`
+`, t = o.h3`
   color: var(--color-primary-green2);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   font-family: var(--font-serif);
   font-weight: var(--font-weight-default);
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+  text-overflow: ellipsis;
+  max-height: 50px;
 `, n = o.div`
   color: var(--color-neutrals-gray9);
   font-size: 12px;
   line-height: 24px;
-  font-weight: 550;
   font-weight: var(--font-weight-default);
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -55,6 +61,6 @@ export {
   l as ActionBtn,
   n as Description,
   r as InsightContainer,
-  t as InsightContent,
-  i as Title
+  i as InsightContent,
+  t as Title
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.60.0",
+  "version": "0.61.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -36,13 +36,13 @@
     "react-window": "^1.8.9",
     "@lottiefiles/react-lottie-player": "*",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.23.1",
-    "@streamlayer/sdk-web": "^0.28.19",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.14",
+    "@streamlayer/feature-gamification": "^0.24.0",
+    "@streamlayer/sdk-web": "^0.28.20",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.15",
     "@streamlayer/sdk-web-api": "^0.0.1",
     "@streamlayer/sdk-web-core": "^0.17.8",
+    "@streamlayer/sdk-web-features": "^0.10.23",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
-    "@streamlayer/sdk-web-features": "^0.10.22",
     "@streamlayer/sdk-web-notifications": "^0.12.1",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.20.1"
@@ -84,6 +84,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.29.1"
+    "@streamlayer/react": "^0.29.2"
   }
 }