@streamlayer/react-ui 0.82.1 → 0.84.0

package/lib/ui/questions/insight/index.js

@@ -1,43 +1,44 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { VideoPlayer as g } from "../../video-player/index.js";
-import { isValidDate as D, formatDate as v, formatTime as x } from "../../../utils/common.js";
-import { Container as C, DateWrap as T, Image as b, Content as j, Title as I, Description as U } from "./styles.js";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import { VideoPlayer as D } from "../../video-player/index.js";
+import { isValidDate as v, formatDate as b, formatTime as x } from "../../../utils/common.js";
+import { Container as C, DateWrap as T, Image as j, Content as y, Title as I, Description as U } from "./styles.js";
 import "../../icons/index.js";
 import "@linaria/react";
 import "../../video-player/styles.js";
-const F = ({
+const G = ({
   created: m,
-  image: f,
-  title: h,
-  isPickHistory: e,
-  instantView: r
+  image: c,
+  title: f,
+  isPickHistory: h,
+  instantView: r,
+  notification: d
 }) => {
-  const d = u(() => {
+  const l = g(() => {
     if (m) {
-      const l = new Date(m);
-      if (D(l))
+      const p = new Date(m);
+      if (v(p))
         return {
-          date: v(l),
-          time: x(l)
+          date: b(p),
+          time: x(p)
         };
     }
     return null;
-  }, [m]), c = (r == null ? void 0 : r.image) || f;
-  return /* @__PURE__ */ p(C, { children: [
-    d && /* @__PURE__ */ p(T, { children: [
-      d.date,
+  }, [m]), u = (r == null ? void 0 : r.image) || c;
+  return /* @__PURE__ */ e(C, { children: [
+    l && /* @__PURE__ */ e(T, { children: [
+      l.date,
       " · ",
-      d.time
+      l.time
     ] }),
-    (r == null ? void 0 : r.video) && /* @__PURE__ */ o(g, { source: r.video.url, poster: r.video.thumbnailUrl }),
-    c && !(r != null && r.video) && /* @__PURE__ */ o(b, { src: c }),
-    /* @__PURE__ */ p(j, { children: [
-      /* @__PURE__ */ o(I, { children: e ? h : r == null ? void 0 : r.heading }),
-      !e && /* @__PURE__ */ o(U, { children: r == null ? void 0 : r.body })
+    (r == null ? void 0 : r.video) && /* @__PURE__ */ o(D, { source: r.video.url, poster: r.video.thumbnailUrl }),
+    u && !(r != null && r.video) && /* @__PURE__ */ o(j, { src: u }),
+    /* @__PURE__ */ e(y, { children: [
+      /* @__PURE__ */ o(I, { children: h ? f : r == null ? void 0 : r.heading }),
+      /* @__PURE__ */ o(U, { children: h ? d == null ? void 0 : d.body : r == null ? void 0 : r.body })
     ] })
   ] });
 };
 export {
-  F as InsightContent
+  G as InsightContent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.82.1",
+  "version": "0.84.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -42,15 +42,15 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.30.2",
+    "@streamlayer/feature-gamification": "^0.30.3",
+    "@streamlayer/sdk-web": "^0.29.5",
     "@streamlayer/sdk-web-anonymous-auth": "^0.11.30",
     "@streamlayer/sdk-web-api": "^0.1.0",
-    "@streamlayer/sdk-web": "^0.29.5",
     "@streamlayer/sdk-web-core": "^0.1.0",
-    "@streamlayer/sdk-web-features": "^0.11.2",
+    "@streamlayer/sdk-web-features": "^0.11.3",
+    "@streamlayer/sdk-web-interfaces": "^0.18.19",
     "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-interfaces": "^0.18.18",
-    "@streamlayer/sdk-web-notifications": "^0.0.2",
+    "@streamlayer/sdk-web-notifications": "^0.0.3",
     "@streamlayer/sdk-web-storage": "^0.0.4",
     "@streamlayer/sdk-web-types": "^0.1.0"
   },
@@ -72,6 +72,7 @@
     "@nanostores/react": "^0.7.1",
     "@storybook/addon-docs": "^7.5.3",
     "@storybook/addon-styling": "^1.3.7",
+    "@storybook/addon-viewport": "^7.6.8",
     "@storybook/blocks": "^7.5.3",
     "@storybook/jest": "~0.2.3",
     "@storybook/react": "^7.5.3",
@@ -92,6 +93,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.33.3"
+    "@streamlayer/react": "^0.33.5"
   }
 }