@streamlayer/react 1.4.0 → 1.4.1

package/lib/es/index2.js

@@ -1,8 +1,8 @@
 var fe = Object.defineProperty;
 var ke = (e, s, n) => s in e ? fe(e, s, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[s] = n;
 var m = (e, s, n) => ke(e, typeof s != "symbol" ? s + "" : s, n);
-import { h as w, i as G, Q as x, S as C } from "./useStreamLayerApp2.js";
-import { a4 as P, u, F as ye, s as h, T as re, i as Ne, p as be, b as Se, N as Ie, k as Ee, M as Ae, f as we, S as Ce, C as $e, g as De, O as le, m as q, l as Le, h as Te, j as Oe, n as de, o as xe, q as Re, r as Ve, t as M, w as Pe, x as ce, y as U, z as qe, A as H, I as O, a as pe, D as _e, E as Fe, G as Qe, e as Ke, H as R, J as j, K as Me, P as Ue, R as ze, c as ue, V as We, W as Be, L as _, _ as Ge, v as F, $ as He, a0 as je, X as Xe, Y as Ye, Z as Ze, a5 as Je, a2 as he, a3 as X } from "./provider.js";
+import { h as w, i as G, d as x, S as C } from "./useStreamLayerApp2.js";
+import { a4 as P, u, F as ye, s as h, T as re, i as Ne, p as be, b as Se, N as Ie, k as Ee, M as Ae, f as we, S as Ce, C as $e, g as De, O as le, m as q, l as Le, h as Te, j as Oe, n as de, o as xe, q as Re, r as Ve, t as Q, w as Pe, y as ce, x as U, z as qe, A as H, I as O, a as pe, D as _e, E as Fe, G as Ke, e as Me, H as R, J as j, K as Qe, P as Ue, R as ze, c as ue, V as We, W as Be, L as _, _ as Ge, v as F, $ as He, a0 as je, X as Xe, Y as Ye, Z as Ze, a5 as Je, a2 as he, a3 as X } from "./provider.js";
 import { jsx as t, jsxs as g, Fragment as L } from "react/jsx-runtime";
 import { createContext as es, useContext as z, useRef as D, useState as E, useEffect as k, useTransition as ss, lazy as ns, useMemo as $, Suspense as ts, forwardRef as os, useLayoutEffect as is, useCallback as V } from "react";
 window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));
@@ -107,7 +107,7 @@ var te;
 x.POLL, x.PREDICTION, x.TRIVIA;
 const ds = {
   [C.GAMES]: !0
-}, Q = /* @__PURE__ */ h("div")({
+}, K = /* @__PURE__ */ h("div")({
   name: "LoadingContainer",
   class: "lclc0ej",
   propsAsIs: !1
@@ -121,17 +121,17 @@ const ds = {
   const r = u(e.status), l = u(s.sdkStore.slStreamId);
   if (!a) {
     if (l != null && l.loading && !l.data)
-      return /* @__PURE__ */ t(Q, {
+      return /* @__PURE__ */ t(K, {
         className: o,
         children: "Event is loading..."
       });
     if (!(l != null && l.data))
-      return /* @__PURE__ */ t(Q, {
+      return /* @__PURE__ */ t(K, {
         className: o,
         children: "Event is forbidden..."
       });
     if (r !== ye.Ready)
-      return /* @__PURE__ */ t(Q, {
+      return /* @__PURE__ */ t(K, {
         className: o,
         children: "Wait feature..."
       });
@@ -265,7 +265,7 @@ const ds = {
   const { tabsShown: d } = u(n, { keys: ["tabsShown"] }), [i, c] = E(q.HOME), [, p] = ss(), { sdkInDesktopView: v, screen: f } = u(l, { keys: ["sdkInDesktopView"] }), N = (S) => {
     p(() => {
       var y;
-      c(S), v === !1 && (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, f.size, { behavior: "instant" });
+      c(S), v === !1 && (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && Q(a, f.size, { behavior: "instant" });
     });
   };
   k(() => n.subscribe((S) => {
@@ -478,11 +478,11 @@ const ds = {
   name: "Subtitle",
   class: "s1eftsbu",
   propsAsIs: !1
-}), Qs = /* @__PURE__ */ h("div")({
+}), Ks = /* @__PURE__ */ h("div")({
   name: "Description",
   class: "d8uezec",
   propsAsIs: !1
-}), Ks = /* @__PURE__ */ h("button")({
+}), Ms = /* @__PURE__ */ h("button")({
   name: "ActionButton",
   class: "a1h1bk90",
   propsAsIs: !1
@@ -495,10 +495,10 @@ const ds = {
       /* @__PURE__ */ t(_s, { children: "PRESENTS" })
     ] }),
     ((d = n == null ? void 0 : n.titleCard) == null ? void 0 : d.title) && /* @__PURE__ */ t(Fs, { children: (i = n == null ? void 0 : n.titleCard) == null ? void 0 : i.title }),
-    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ t(Qs, { children: (p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.subtitle }),
-    /* @__PURE__ */ t(Ks, { onClick: s, children: "Play Now" })
+    ((c = n == null ? void 0 : n.titleCard) == null ? void 0 : c.subtitle) && /* @__PURE__ */ t(Ks, { children: (p = n == null ? void 0 : n.titleCard) == null ? void 0 : p.subtitle }),
+    /* @__PURE__ */ t(Ms, { onClick: s, children: "Play Now" })
   ] });
-}, K = [{
+}, M = [{
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_0.png",
   tagline: "",
   headline: /* @__PURE__ */ g(L, {
@@ -516,7 +516,7 @@ const ds = {
 }, {
   graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",
   headline: "Compete against friends on the leaderboard"
-}], Ms = /* @__PURE__ */ h("div")({
+}], Qs = /* @__PURE__ */ h("div")({
   name: "OnboardingContainer",
   class: "o1xni1kr",
   propsAsIs: !1
@@ -551,7 +551,7 @@ const ds = {
     return () => {
       A();
     };
-  }, [e.$store]), /* @__PURE__ */ t(Ms, {
+  }, [e.$store]), /* @__PURE__ */ t(Qs, {
     children: /* @__PURE__ */ t(Fe, {
       loading: a,
       rules: [{
@@ -568,7 +568,7 @@ const ds = {
       rulesTitle: (d = s.rules) == null ? void 0 : d.heading,
       termsTitle: "Terms and Conditions",
       termsText: (i = s.rules) == null ? void 0 : i.terms,
-      steps: K,
+      steps: M,
       primaryColor: (c = s.inviteCard) == null ? void 0 : c.iconColor,
       inviteLink: b,
       inviteCardTitle: (p = s.inviteCard) == null ? void 0 : p.heading,
@@ -592,7 +592,7 @@ const ds = {
   sdkInDesktopView: r,
   responsiveStore: l
 }) => {
-  const d = D(null), i = s.data.onboarding, [c, p] = E(i == null ? void 0 : i.instantOpen), v = e.getFeature(C.GAMES), f = $(() => K == null ? void 0 : K.map(({
+  const d = D(null), i = s.data.onboarding, [c, p] = E(i == null ? void 0 : i.instantOpen), v = e.getFeature(C.GAMES), f = $(() => M == null ? void 0 : M.map(({
     graphicSrc: y
   }) => y), []), {
     screen: N
@@ -642,7 +642,7 @@ const ds = {
           close: s.close,
           action: () => {
             var y;
-            p(!0), (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && M(a, N.size, {
+            p(!0), (((y = a.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && Q(a, N.size, {
               behavior: "smooth"
             });
           },
@@ -667,7 +667,7 @@ const ds = {
   name: "NotificationRefreshing",
   class: "n192d1q8",
   propsAsIs: !1
-}), Zs = () => Qe, Js = /* @__PURE__ */ h(Zs())({
+}), Zs = () => Ke, Js = /* @__PURE__ */ h(Zs())({
   name: "Pill",
   class: "p1lha68t",
   propsAsIs: !0
@@ -719,7 +719,7 @@ const ds = {
         })
       }), /* @__PURE__ */ t(Ys, {}, s.id)]
     })]
-  }) : s.type === R.QUESTION_RESOLVED && (r = (a = s.data) == null ? void 0 : a.question) != null && r.predictionResult ? /* @__PURE__ */ t(Me, {
+  }) : s.type === R.QUESTION_RESOLVED && (r = (a = s.data) == null ? void 0 : a.question) != null && r.predictionResult ? /* @__PURE__ */ t(Qe, {
     style: {
       height: s.hiding ? 0 : c
     },
@@ -769,7 +769,7 @@ const ds = {
       r.get().sdkInDesktopView ? (N = a.current) == null || N.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : M(n, c.size, {
+      }) : Q(n, c.size, {
         behavior: "smooth"
       }), s(null);
     },
@@ -785,7 +785,7 @@ const ds = {
 }) => {
   const [l] = E(e.getNotificationsStore()), d = u(l), [i, c] = E(null), p = $(() => e.getActiveNotification(), [e, d]);
   return k(() => {
-    p && Ke.emit("notification", {
+    p && Me.emit("notification", {
       action: "rendered",
       payload: {
         questionId: p.data.questionId,
@@ -953,6 +953,7 @@ export {
   gn as E,
   an as F,
   kn as S,
+  vs as a,
   cn as d,
   fn as u
 };

package/lib/es/insight.js

@@ -0,0 +1,69 @@
+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())({
+  name: "QuestionWrap",
+  class: "q10hhsxv",
+  propsAsIs: !0
+}), H = ({
+  gamification: e,
+  persistent: s,
+  hideHeader: r,
+  insightId: t
+}) => {
+  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);
+  })), () => {
+    a.current = "";
+  }) : e.feedList.getStore().subscribe(({
+    data: i
+  }) => {
+    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
+    })
+  }) : null;
+}, b = ({
+  sdk: e,
+  event: s,
+  persistent: r,
+  insightId: t,
+  hideHeader: a
+}) => {
+  const {
+    deactivate: o
+  } = g(e);
+  if (l(() => {
+    s ? e.createEventSession(s) : o();
+  }, [s, o, e]), !p(e.featuresList.getStore()))
+    return null;
+  const i = e.getFeature(Q.GAMES);
+  return i ? /* @__PURE__ */ n(H, {
+    insightId: t,
+    persistent: r,
+    hideHeader: a,
+    gamification: i
+  }) : 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;
+};
+export {
+  O as StreamLayerSDKInsight,
+  b as StreamLayerSDKInsightUI
+};

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, x as J, y 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 Q, 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 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";
+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";
 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 = () => _, Z = /* @__PURE__ */ u(c0())({
+}, c0 = () => _, Q = /* @__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(Z, {
+  const c = i ? /* @__PURE__ */ n(Q, {
     className: s,
     hiding: p,
     onAnimationEnd: d,
     children: /* @__PURE__ */ n(t0, {
       gamification: e
     })
-  }) : r ? /* @__PURE__ */ n(Z, {
+  }) : r ? /* @__PURE__ */ n(Q, {
     className: s,
     hiding: p,
     onAnimationEnd: d,
@@ -255,7 +255,7 @@ const M = /* @__PURE__ */ u("div")({
     useContainer: !a,
     children: c
   });
-}, v0 = Q2(() => import("./gamification-feature2.js")), h0 = ({ sdk: e, feature: s, className: t, scrollStore: o, appNode: i, scrollNode: r, responsiveStore: a }) => {
+}, v0 = Z2(() => 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(
-    Z2,
+    Q2,
     {
       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
-}), Q0 = () => $2, Z0 = /* @__PURE__ */ u(Q0())({
+}), Z0 = () => $2, Q0 = /* @__PURE__ */ u(Z0())({
   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(Z0, {
+  return !e || !f.current ? null : w2.createPortal(/* @__PURE__ */ n(Q0, {
     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}${Q.down("xl")`
+`${s1}${w.REGULAR}${w.REGULAR}${w.COLOR}${w.SERIF}${w.WEIGHT_DEFAULT}${Z.down("xl")`
     --header-offset: 56px;
     --watch-live-header: 46px;
-  `}${Q.intermediate("xl", "lg")`
+  `}${Z.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/provider.js

@@ -4,7 +4,7 @@ var fs = (c, p, m) => Ik(c, typeof p != "symbol" ? p + "" : p, m);
 import * as _ from "react";
 import Pa, { useCallback as lr, useSyncExternalStore as _k, useState as Rt, useEffect as Wt, useRef as Zn, useMemo as li, useLayoutEffect as lv, Component as sv, createElement as Pk, PureComponent as Nk, createContext as Mk } from "react";
 import { jsx as x, jsxs as Q, Fragment as ci } from "react/jsx-runtime";
-import { p as Ak, S as bp, Q as $e, d as Nu, e as Nc, I as uv, g as zk, f as Cp, u as Ok } from "./useStreamLayerApp2.js";
+import { p as Ak, S as bp, d as $e, e as Nu, Q as Nc, I as uv, g as zk, f as Cp, u as Ok } from "./useStreamLayerApp2.js";
 var wp = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function cv(c) {
   return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
@@ -23226,7 +23226,7 @@ export {
   y7 as u,
   NP as v,
   BS as w,
-  DP as x,
-  I7 as y,
+  I7 as x,
+  DP as y,
   QP as z
 };

package/lib/es/useStreamLayerApp2.js

@@ -17708,7 +17708,7 @@ const $_ = ({
         m = !0;
       };
     const u = Y_(e, n, a, {
-      version: "1.4.0",
+      version: "1.4.1",
       onDeepLinkHandled: s,
       videoPlayerController: r,
       onContentActivate: o
@@ -17730,13 +17730,13 @@ export {
   Fa as I,
   mm as N,
   Ze as P,
-  G as Q,
+  ae as Q,
   j as S,
   Jo as a,
   um as b,
   ym as c,
-  ft as d,
-  ae as e,
+  G as d,
+  ft as e,
   Yt as f,
   Yr as g,
   P as h,