@streamlayer/react 1.4.1 → 1.5.1

package/lib/es/insight.js

@@ -1,69 +1,62 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useEffect as l, useRef as h } from "react";
-import { u as p, x as f, s as S } from "./provider.js";
-import { F as g, a as v, u as y, d as I } from "./index2.js";
-import { S as Q, Q as x } from "./useStreamLayerApp2.js";
-const E = () => v, L = /* @__PURE__ */ S(E())({
+import { jsx as d, jsxs as m } from "react/jsx-runtime";
+import { useRef as c, useEffect as l } from "react";
+import { a as o, s as f, b as h, u as p, d as S, S as I } from "./index2.js";
+import { S as g } from "./useStreamLayerApp2.js";
+const v = () => h, y = /* @__PURE__ */ f(v())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), H = ({
+}), Q = ({
   gamification: e,
   persistent: s,
-  hideHeader: r,
-  insightId: t
+  hideHeader: n,
+  insightId: i
 }) => {
-  const a = h(""), o = p(e.openedQuestion.$store);
-  return l(() => t ? (!s || e.isOpenedQuestion(t) || (a.current = t, e.getFeedItem(t).then((i) => {
-    a.current === t && e.openQuestion(t, i);
+  const t = c(""), u = o(e.openedQuestion.$store);
+  return l(() => i ? (!s || e.isOpenedQuestion(i) || (t.current = i, e.getFeedItem(i).then((r) => {
+    var a;
+    t.current === i && ((a = r == null ? void 0 : r.attributes) == null ? void 0 : a.attributes.case) === "insight" && e.openQuestion(i, r);
   })), () => {
-    a.current = "";
-  }) : e.feedList.getStore().subscribe(({
-    data: i
+    t.current = "";
+  }) : (e.activeQuestionId.subscribe(({
+    data: r
   }) => {
-    if (i) {
-      const u = i, d = u == null ? void 0 : u.find(({
-        type: m,
-        attributes: c
-      }) => m === "insight" && (c == null ? void 0 : c.status) === x.ACTIVE);
-      d && (!s || e.isOpenedQuestion(d.id) || e.openQuestion(d.id, d));
-    }
-  }), [e, s, t]), o ? /* @__PURE__ */ n(f, {
-    style: {
-      height: "100%"
-    },
-    children: /* @__PURE__ */ n(L, {
-      hideHeader: r,
-      gamification: e,
-      hideSponsor: !0
-    })
+    var a;
+    r && ((a = r.feedItem) == null ? void 0 : a.type) === "insight" && (!s || e.isOpenedQuestion(r.feedItem.id) || (t.current = r.feedItem.id, e.openQuestion(r.feedItem.id, r.feedItem))), !r && t.current && (e.closeQuestion(t.current), t.current = "");
+  }), () => {
+  }), [e, s, i]), u ? /* @__PURE__ */ d(y, {
+    hideHeader: n,
+    gamification: e,
+    hideSponsor: !0
   }) : null;
 }, b = ({
   sdk: e,
-  event: s,
-  persistent: r,
-  insightId: t,
-  hideHeader: a
+  persistent: s,
+  insightId: n,
+  hideHeader: i
 }) => {
-  const {
-    deactivate: o
-  } = g(e);
-  if (l(() => {
-    s ? e.createEventSession(s) : o();
-  }, [s, o, e]), !p(e.featuresList.getStore()))
+  if (!o(e.featuresList.getStore()))
     return null;
-  const i = e.getFeature(Q.GAMES);
-  return i ? /* @__PURE__ */ n(H, {
-    insightId: t,
-    persistent: r,
-    hideHeader: a,
-    gamification: i
+  const t = e.getFeature(g.GAMES);
+  return t ? /* @__PURE__ */ d(Q, {
+    insightId: n,
+    persistent: s,
+    hideHeader: i,
+    gamification: t
   }) : null;
-}, O = ({ event: e, hideHeader: s, persistent: r }) => {
-  const t = y();
-  return t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(b, { sdk: t, event: e, hideHeader: s, persistent: r }) }) }) : null;
+}, H = ({
+  event: e,
+  theme: s,
+  hideHeader: n,
+  persistent: i
+}) => {
+  const t = p();
+  return t ? /* @__PURE__ */ m("div", { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ d(S, { customTheme: s, children: /* @__PURE__ */ d(b, { sdk: t, hideHeader: n, persistent: i }) }),
+    e !== void 0 && /* @__PURE__ */ d(I, { event: e })
+  ] }) : null;
 };
 export {
-  O as StreamLayerSDKInsight,
+  H as StreamLayerSDKInsight,
   b as StreamLayerSDKInsightUI
 };

package/lib/es/masters.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import { M as o, a as s } from "./masters2.js";
 import "react";
-import "./provider.js";
+import "./index2.js";
 export {
   o as MastersStreamLayerProvider,
   s as MastersStreamLayerSDKReact

package/lib/es/masters2.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as L, Fragment as E } from "react/jsx-runtime";
-import { u as C, F as r2, s as u, T as j, i as i2, p as a2, b as l2, N as d2, k as c2, M as p2, f as u2, S as C2, C as v2, g as h2, O as K, m as x, l as m2, h as g2, j as L2, n as X, o as f2, q as S2, r as y2, t as U, w as k2, y as J, x as _, I as e2, a as P, z as N2, A as b2, B as z, D as A2, E as I2, G as $2, e as E2, H as T, J as q, K as V2, P as w2, R as R2, c as H2, U as Z, V as T2, W as x2, L as F, X as F2, Y as D2, Z as M2, _ as O2, v as D, $ as U2, a0 as _2, a1 as P2, a2 as B2, a3 as G2 } from "./provider.js";
-import { createContext as z2, useContext as s2, useRef as $, useState as b, useEffect as k, useTransition as q2, lazy as Z2, useMemo as H, Suspense as Q2, forwardRef as Y2, useLayoutEffect as W2, useCallback as R, Component as j2 } from "react";
-import { d as K2, S as I } from "./useStreamLayerApp2.js";
+import { a as C, F as r2, s as u, T as j, i as i2, p as a2, h as l2, N as d2, k as c2, M as p2, j as u2, l as C2, C as v2, n as h2, O as K, o as x, q as m2, r as g2, t as L2, v as X, w as f2, x as S2, y as y2, z as U, A as k2, B as J, D as _, I as e2, c as P, G as N2, H as b2, J as z, K as A2, P as I2, R as $2, g as E2, U as T, V as q, W as V2, X as w2, Y as R2, f as H2, Z as Q, _ as T2, $ as x2, L as F, a0 as F2, a1 as D2, a2 as M2, a3 as O2, m as D, a4 as U2, a5 as _2, a6 as P2, a7 as B2, a8 as G2 } from "./index2.js";
+import { createContext as z2, useContext as s2, useRef as $, useState as b, useEffect as k, useTransition as q2, lazy as Q2, useMemo as H, Suspense as Z2, forwardRef as Y2, useLayoutEffect as W2, useCallback as R, Component as j2 } from "react";
+import { Q as K2, S as I } from "./useStreamLayerApp2.js";
 const M = /* @__PURE__ */ u("div")({
   name: "LoadingContainer",
   class: "l7wseip",
@@ -183,7 +183,7 @@ const M = /* @__PURE__ */ u("div")({
     ] }),
     d === x.LEADERBOARD && /* @__PURE__ */ n(y2, { children: /* @__PURE__ */ n(i0, { scrollStore: t, scrollNode: o, gamification: e }) })
   ] });
-}, c0 = () => _, Q = /* @__PURE__ */ u(c0())({
+}, c0 = () => _, Z = /* @__PURE__ */ u(c0())({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
@@ -227,14 +227,14 @@ const M = /* @__PURE__ */ u("div")({
   } = k2();
   if (!t.current || !i && !r)
     return null;
-  const c = i ? /* @__PURE__ */ n(Q, {
+  const c = i ? /* @__PURE__ */ n(Z, {
     className: s,
     hiding: p,
     onAnimationEnd: d,
     children: /* @__PURE__ */ n(t0, {
       gamification: e
     })
-  }) : r ? /* @__PURE__ */ n(Q, {
+  }) : r ? /* @__PURE__ */ n(Z, {
     className: s,
     hiding: p,
     onAnimationEnd: d,
@@ -255,7 +255,7 @@ const M = /* @__PURE__ */ u("div")({
     useContainer: !a,
     children: c
   });
-}, v0 = Z2(() => import("./gamification-feature2.js")), h0 = ({ sdk: e, feature: s, className: t, scrollStore: o, appNode: i, scrollNode: r, responsiveStore: a }) => {
+}, v0 = Q2(() => import("./gamification-feature2.js")), h0 = ({ sdk: e, feature: s, className: t, scrollStore: o, appNode: i, scrollNode: r, responsiveStore: a }) => {
   const p = H(() => s && s.featureConfig.get().type === I.GAMES ? /* @__PURE__ */ n(X2, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ n(
     v0,
     {
@@ -268,7 +268,7 @@ const M = /* @__PURE__ */ u("div")({
     }
   ) }) : null, [e, s, t, a, o, r, i]);
   return /* @__PURE__ */ n(
-    Q2,
+    Z2,
     {
       fallback: /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
       children: p
@@ -563,7 +563,7 @@ const M = /* @__PURE__ */ u("div")({
   name: "NotificationRefreshing",
   class: "n13rok4i",
   propsAsIs: !1
-}), Z0 = () => $2, Q0 = /* @__PURE__ */ u(Z0())({
+}), Q0 = () => $2, Z0 = /* @__PURE__ */ u(Q0())({
   name: "Pill",
   class: "pht79xf",
   propsAsIs: !0
@@ -659,7 +659,7 @@ const M = /* @__PURE__ */ u("div")({
     r.get().sdkInDesktopView ? h < 50 && s(null) : h > -50 && s(null);
   }, [h, r, s]);
   const f = r.get().sdkInDesktopView ? t : o;
-  return !e || !f.current ? null : w2.createPortal(/* @__PURE__ */ n(Q0, {
+  return !e || !f.current ? null : w2.createPortal(/* @__PURE__ */ n(Z0, {
     title: e.type === T.QUESTION_RESOLVED ? "Prediction result" : `New ${((d = R2[(p = e.data) == null ? void 0 : p.questionType]) == null ? void 0 : d.label) || "notification"}`,
     onClick: () => {
       var S;
@@ -805,10 +805,10 @@ const M = /* @__PURE__ */ u("div")({
     ${e}
     --color-${s.toLowerCase().replaceAll("_", "-")}: ${t};
   `, "");
-`${s1}${w.REGULAR}${w.REGULAR}${w.COLOR}${w.SERIF}${w.WEIGHT_DEFAULT}${Z.down("xl")`
+`${s1}${w.REGULAR}${w.REGULAR}${w.COLOR}${w.SERIF}${w.WEIGHT_DEFAULT}${Q.down("xl")`
     --header-offset: 56px;
     --watch-live-header: 46px;
-  `}${Z.intermediate("xl", "lg")`
+  `}${Q.intermediate("xl", "lg")`
     --header-offset: 76px;
   `}`;
 const t1 = "m1ojpy2l", n1 = ({ children: e, style: s }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: t1, style: s, children: e }) }), o1 = ({ sdk: e, className: s, scrollStore: t, appNode: o, scrollNode: i, responsiveStore: r }) => {

package/lib/es/points.js

@@ -1,60 +1,59 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useState as u, useEffect as c } from "react";
-import { s as t, a as m, v as d, d as S, u as f, F as v } from "./provider.js";
-import { u as y, d as h } from "./index2.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useState as p, useEffect as u } from "react";
+import { s as n, c as m, m as d, e as S, a as f, F as y, u as v, d as h } from "./index2.js";
 import { S as g } from "./useStreamLayerApp2.js";
-const A = /* @__PURE__ */ t("div")({
+const A = /* @__PURE__ */ n("div")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), I = /* @__PURE__ */ t("div")({
+}), I = /* @__PURE__ */ n("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), P = () => m, k = /* @__PURE__ */ t(P())({
+}), P = () => m, k = /* @__PURE__ */ n(P())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
-}), b = /* @__PURE__ */ t("div")({
+}), b = /* @__PURE__ */ n("div")({
   name: "PointsBody",
   class: "p12n4f2h",
   propsAsIs: !1
-}), x = /* @__PURE__ */ t("div")({
+}), x = /* @__PURE__ */ n("div")({
   name: "PointsTitle",
   class: "poqmx89",
   propsAsIs: !1
-}), C = /* @__PURE__ */ t("div")({
+}), C = /* @__PURE__ */ n("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), F = ({ points: s, onClick: e }) => /* @__PURE__ */ a(A, { className: d, onClick: e, children: [
-  /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(k, { name: "icon-trophy" }) }),
-  /* @__PURE__ */ a(b, { children: [
-    /* @__PURE__ */ r(x, { children: "Total points" }),
-    /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(S, { value: s }) })
+}), F = ({ points: s, onClick: r }) => /* @__PURE__ */ o(A, { className: d, onClick: r, children: [
+  /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(k, { name: "icon-trophy" }) }),
+  /* @__PURE__ */ o(b, { children: [
+    /* @__PURE__ */ e(x, { children: "Total points" }),
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(S, { value: s }) })
   ] })
 ] }), L = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [i, l] = u(0);
-  return c(() => {
-    const p = e.subscribe((n) => {
-      var o;
-      (o = n == null ? void 0 : n.summary) != null && o.points && l(n.summary.points);
+  const r = s.userSummary.$store, [i, l] = p(0);
+  return u(() => {
+    const c = r.subscribe((t) => {
+      var a;
+      (a = t == null ? void 0 : t.summary) != null && a.points && l(t.summary.points);
     });
     return () => {
-      p();
+      c();
     };
-  }, [e]), /* @__PURE__ */ r(F, { points: i, onClick: () => {
-    s.status.get() === v.Suspended && s.openFeature();
+  }, [r]), /* @__PURE__ */ e(F, { points: i, onClick: () => {
+    s.status.get() === y.Suspended && s.openFeature();
   } });
 }, $ = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(g.GAMES);
-  return e ? /* @__PURE__ */ r(L, { gamification: e }) : null;
-}, K = () => {
-  const s = y();
-  return s ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r($, { sdk: s }) }) }) : null;
+  const r = s.getFeature(g.GAMES);
+  return r ? /* @__PURE__ */ e(L, { gamification: r }) : null;
+}, E = () => {
+  const s = v();
+  return s ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e($, { sdk: s }) }) }) : null;
 };
 export {
-  K as StreamLayerSDKPoints
+  E as StreamLayerSDKPoints
 };