@streamlayer/react 1.20.5 → 1.20.7

package/lib/es/index.js

@@ -1,15 +1,20 @@
-import { Q as m, S, a4 as o, h as i, u as s, b as y, $ as L } from "./provider.js";
+import { S as p, a as y, b as L, h as c, u as f, d as u, c as D } from "./provider.js";
+import "nanostores";
 import "react/jsx-runtime";
 import "react";
-import { StreamLayerSDKNotification as p, StreamLayerSDKNotificationUI as u } from "./notification.js";
+import "@nanostores/react";
+import "lodash.throttle";
+import "react-dom";
+import "react-countup";
+import { StreamLayerSDKNotification as d, StreamLayerSDKNotificationUI as h } from "./notification.js";
 export {
-  m as StreamLayerProvider,
-  S as StreamLayerSDKEvent,
-  p as StreamLayerSDKNotification,
-  u as StreamLayerSDKNotificationUI,
-  o as StreamLayerSDKReact,
-  i as StreamLayerThemeProvider,
-  s as useStreamLayer,
-  y as useStreamLayerTheme,
-  L as useStreamLayerUI
+  p as StreamLayerProvider,
+  y as StreamLayerSDKEvent,
+  d as StreamLayerSDKNotification,
+  h as StreamLayerSDKNotificationUI,
+  L as StreamLayerSDKReact,
+  c as StreamLayerThemeProvider,
+  f as useStreamLayer,
+  u as useStreamLayerTheme,
+  D as useStreamLayerUI
 };

package/lib/es/index2.js

@@ -1,7 +1,9 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { s as _, B as te, k as ft, l as ht, a as Se, n as gt, c as vt, j as Ee } from "./provider.js";
-import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as X, useLayoutEffect as wt, createContext as Ve, useMemo as He, useCallback as Re, memo as bt } from "react";
-import { C as yt, a as St, S as qe } from "./useStreamLayerApp2.js";
+import { s as _, B as te, o as ft, p as ht, f as Se, j as gt, n as Ee } from "./provider.js";
+import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as X, useLayoutEffect as vt, createContext as Ve, useMemo as He, useCallback as Re, memo as wt } from "react";
+import { ConnectError as bt, Code as yt } from "@connectrpc/connect";
+import St from "lodash.throttle";
+import { S as qe } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -2613,7 +2615,7 @@ function Xs(t, e, s) {
   }));
 }
 function ee(t, e) {
-  return typeof window > "u" ? X(t, e) : wt(t, e);
+  return typeof window > "u" ? X(t, e) : vt(t, e);
 }
 const De = /* @__PURE__ */ Ve(null), Us = /* @__PURE__ */ Ve(null), lt = /* @__PURE__ */ Ae(function(t, e) {
   let {
@@ -3237,7 +3239,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return X(() => {
-    const g = gt(() => {
+    const g = St(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3281,7 +3283,7 @@ const yr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof yt && l.code !== St.InvalidArgument ? `The event ID was not
+      description: l instanceof bt && l.code !== yt.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }
@@ -3308,7 +3310,7 @@ handle this request.`
   name: "BetPackContainer",
   class: "b18vssq2",
   propsAsIs: !1
-}), ie = "slBetPackCb", xr = vt("betPack-ui"), Tr = (t, e = {}) => {
+}), ie = "slBetPackCb", xr = gt("betPack-ui"), Tr = (t, e = {}) => {
   var s, r;
   const { questionId: n, answerId: i } = e, l = { questionId: n, answerId: i };
   xr.debug({ id: ie, type: t, ...l }), (s = window.top) == null || s.postMessage({ id: ie, type: t, ...l }, "*"), window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers[ie] && window.webkit.messageHandlers[ie].postMessage({ type: t, ...l }), (r = window.slBetPackCb) != null && r.postMessage && window.slBetPackCb.postMessage(JSON.stringify({ type: t, ...l, from: "base" }));
@@ -3350,7 +3352,7 @@ handle this request.`
   name: "SlideSwitchButton",
   class: "spp13y7",
   propsAsIs: !1
-}), jr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
+}), Hr = Ae(({ sdk: t, onEvent: e, close: s }, r) => {
   const [n, i] = W(), [l, a] = W(), o = Re(
     (c) => {
       if (c.type === "slBetPackReady") {
@@ -3395,7 +3397,7 @@ handle this request.`
     description: `You are not authorized to
 view this resource.`
   }
-) : /* @__PURE__ */ P(Le, {}), Gr = bt(({ sdk: t, swipeable: e = !0, onEvent: s = Cr, overlay: r }) => {
+) : /* @__PURE__ */ P(Le, {}), Gr = wt(({ sdk: t, swipeable: e = !0, onEvent: s = Cr, overlay: r }) => {
   const n = Se(t.featuresList.getStore()), i = He(() => t.getFeature(qe.GAMES), [n]), l = Se(t.getUserStore());
   return X(() => (t.writeOverlaySessionId(), () => {
     t.writeOverlaySessionId("");
@@ -3409,5 +3411,5 @@ view this resource.`
 });
 export {
   Gr as Q,
-  jr as n
+  Hr as n
 };

package/lib/es/insight.js

@@ -1,35 +1,40 @@
-import { jsx as u, jsxs as l } from "react/jsx-runtime";
-import { useRef as h, useEffect as p } from "react";
-import { a as m, s as f, T as S, u as I, b as g, h as v, S as k } from "./provider.js";
+import { jsx as u, jsxs as c } from "react/jsx-runtime";
+import { useRef as l, useEffect as h } from "react";
+import "@nanostores/react";
+import "nanostores";
+import { f as m, s as f, T as S, u as I, d as g, h as v, a as k } from "./provider.js";
+import "lodash.throttle";
+import "react-dom";
+import "react-countup";
 import { S as y } from "./useStreamLayerApp2.js";
-const Q = () => S, b = /* @__PURE__ */ f(Q())({
+const Q = () => S, L = /* @__PURE__ */ f(Q())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), L = ({
+}), b = ({
   gamification: e,
   sdk: n,
   persistent: i,
-  skipAutoClose: a,
-  hideHeader: o,
+  skipAutoClose: o,
+  hideHeader: a,
   insightId: t
 }) => {
-  const r = h(""), c = m(e.openedQuestion.$store);
-  return p(() => t ? (!i || e.isOpenedQuestion(t) || (r.current = t, e.getFeedItem(t).then((s) => {
+  const s = l(""), p = m(e.openedQuestion.$store);
+  return h(() => t ? (!i || e.isOpenedQuestion(t) || (s.current = t, e.getFeedItem(t).then((r) => {
     var d;
-    r.current === t && ((d = s == null ? void 0 : s.attributes) == null ? void 0 : d.attributes.case) === "insight" && e.openQuestion(t, s);
+    s.current === t && ((d = r == null ? void 0 : r.attributes) == null ? void 0 : d.attributes.case) === "insight" && e.openQuestion(t, r);
   })), () => {
-    r.current = "";
+    s.current = "";
   }) : (e.activeQuestionId.subscribe(({
-    data: s
+    data: r
   }) => {
     var d;
-    s && ((d = s.feedItem) == null ? void 0 : d.type) === "insight" && (!i || e.isOpenedQuestion(s.feedItem.id) || (r.current = s.feedItem.id, e.openQuestion(s.feedItem.id, s.feedItem))), !s && r.current && (e.closeQuestion(r.current), r.current = "");
+    r && ((d = r.feedItem) == null ? void 0 : d.type) === "insight" && (!i || e.isOpenedQuestion(r.feedItem.id) || (s.current = r.feedItem.id, e.openQuestion(r.feedItem.id, r.feedItem))), !r && s.current && (e.closeQuestion(s.current), s.current = "");
   }), () => {
-  }), [e, i, t]), c ? /* @__PURE__ */ u(b, {
+  }), [e, i, t]), p ? /* @__PURE__ */ u(L, {
     sdk: n,
-    skipAutoClose: a,
-    hideHeader: o,
+    skipAutoClose: o,
+    hideHeader: a,
     gamification: e,
     hideSponsor: !0
   }) : null;
@@ -37,42 +42,42 @@ const Q = () => S, b = /* @__PURE__ */ f(Q())({
   sdk: e,
   persistent: n,
   skipAutoClose: i,
-  insightId: a,
-  hideHeader: o
+  insightId: o,
+  hideHeader: a
 }) => {
   if (!m(e.featuresList.getStore()))
     return null;
   const t = e.getFeature(y.GAMES);
-  return t ? /* @__PURE__ */ u(L, {
-    insightId: a,
+  return t ? /* @__PURE__ */ u(b, {
+    insightId: o,
     sdk: e,
     persistent: n,
-    hideHeader: o,
+    hideHeader: a,
     gamification: t,
     skipAutoClose: i
   }) : null;
-}, H = ({
+}, j = ({
   event: e,
   theme: n,
   hideHeader: i,
-  skipAutoClose: a,
-  persistent: o
+  skipAutoClose: o,
+  persistent: a
 }) => {
-  const t = I(), r = g();
-  return t ? /* @__PURE__ */ l("div", { className: "StreamLayerSDK", children: [
-    /* @__PURE__ */ u(v, { customTheme: n ?? r.theme, themeMode: r.themeMode, children: /* @__PURE__ */ u(
+  const t = I(), s = g();
+  return t ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ u(v, { customTheme: n ?? s.theme, themeMode: s.themeMode, children: /* @__PURE__ */ u(
       A,
       {
-        skipAutoClose: a,
+        skipAutoClose: o,
         sdk: t,
         hideHeader: i,
-        persistent: o
+        persistent: a
       }
     ) }),
     e !== void 0 && /* @__PURE__ */ u(k, { event: e })
   ] }) : null;
 };
 export {
-  H as StreamLayerSDKInsight,
+  j as StreamLayerSDKInsight,
   A as StreamLayerSDKInsightUI
 };

package/lib/es/masters2.js

@@ -1,8 +1,11 @@
 import { jsx as s, jsxs as h, Fragment as x } from "react/jsx-runtime";
-import { s as c, i as Y, a as m, A as N, n as V, F as a2, y as l2, o as d2, x as c2, p as p2, l as C2, t as u2, q as m2, z as f2, r as h2, R as j, v as P, j as A, B as X, I as g2, w as v2, C as E2, e as L2, N as w, D as M, E as S2, G as _2, H as T2, J as N2, K as b, L as z, M as J, O as e2, m as F, P as I2, Q as b2, S as R2, U as A2, V as y2 } from "./provider.js";
-import { useRef as I, useState as _, useEffect as v, createContext as k2, useContext as n2, lazy as w2, useMemo as y, Suspense as x2, forwardRef as D2, useLayoutEffect as F2, useCallback as $, Component as O2 } from "react";
-import { n as B2 } from "./index2.js";
-import { Q as V2, S as k } from "./useStreamLayerApp2.js";
+import { s as c, k as Y, f as m, A as N, F as a2, v as l2, w as d2, x as c2, z as p2, p as C2, C as u2, D as m2, G as f2, H as h2, I as j, J as P, n as A, B as X, K as g2, L as v2, M as E2, e as L2, N as w, P as M, Q as S2, R as _2, U as T2, V as b, W as z, r as J, X as e2, m as F, Y as N2, S as I2, a as b2, Z as R2, _ as A2 } from "./provider.js";
+import V from "lodash.throttle";
+import { useRef as I, useState as _, useEffect as v, createContext as y2, useContext as n2, lazy as k2, useMemo as y, Suspense as w2, forwardRef as x2, useLayoutEffect as D2, useCallback as $, Component as F2 } from "react";
+import { n as O2 } from "./index2.js";
+import "nanostores";
+import { Q as B2, S as k } from "./useStreamLayerApp2.js";
+import { createPortal as V2 } from "react-dom";
 const $2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
   class: "s8zgqze",
@@ -97,7 +100,7 @@ const $2 = /* @__PURE__ */ c("div")({
       });
   }
   return t;
-}, i2 = k2({
+}, i2 = y2({
   sdk: null
 }), U = () => n2(i2), Z2 = /* @__PURE__ */ c("div")({
   name: "QuestionContainer",
@@ -144,7 +147,7 @@ const $2 = /* @__PURE__ */ c("div")({
   return /* @__PURE__ */ h(Z2, {
     children: [/* @__PURE__ */ s(l2, {
       close: n.closeQuestion,
-      type: ((e = t.attributes) == null ? void 0 : e.type) || V2.UNSET,
+      type: ((e = t.attributes) == null ? void 0 : e.type) || B2.UNSET,
       mastersApp: !0
     }), o === "question" && /* @__PURE__ */ s(Y2, {
       vote: n.submitAnswer,
@@ -178,7 +181,7 @@ const $2 = /* @__PURE__ */ c("div")({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
-}), s1 = ({
+}), r1 = ({
   gamification: n,
   className: e
 }) => /* @__PURE__ */ s(e0, {
@@ -216,10 +219,10 @@ const $2 = /* @__PURE__ */ c("div")({
       })
     })
   });
-}, o0 = w2(() => import("./gamification-feature2.js")), r0 = ({ sdk: n, feature: e, className: t }) => {
+}, o0 = k2(() => import("./gamification-feature2.js")), r0 = ({ sdk: n, feature: e, className: t }) => {
   const i = y(() => e && e.featureConfig.get().type === k.GAMES ? /* @__PURE__ */ s(Q2, { className: t, sdk: n, feature: e, children: /* @__PURE__ */ s(o0, { className: t, gamification: e }) }) : null, [n, e, t]);
   return /* @__PURE__ */ s(
-    x2,
+    w2,
     {
       fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
       children: i
@@ -246,7 +249,7 @@ const $2 = /* @__PURE__ */ c("div")({
   name: "Title",
   class: "t1bqnx9c",
   propsAsIs: !1
-}), p0 = "hlc2pcy", C0 = D2(({
+}), p0 = "hlc2pcy", C0 = x2(({
   className: n
 }, e) => /* @__PURE__ */ h(l0, {
   className: A(n, p0),
@@ -408,7 +411,7 @@ const $2 = /* @__PURE__ */ c("div")({
   } = m(a, {
     keys: ["screen"]
   });
-  (r = l == null ? void 0 : l.titleCard) != null && r.media && (l.titleCard.media.sponsorLogo = T0), F2(() => {
+  (r = l == null ? void 0 : l.titleCard) != null && r.media && (l.titleCard.media.sponsorLogo = T0), D2(() => {
     var L;
     t(((L = d.current) == null ? void 0 : L.getBoundingClientRect().height) || 0);
   }, [t]);
@@ -567,8 +570,8 @@ const $2 = /* @__PURE__ */ c("div")({
     a.get().sdkInDesktopView || d ? f < 50 && e(null) : f > -50 && e(null);
   }, [f, a, e, d]);
   const E = a.get().sdkInDesktopView ? t : i;
-  return !n || !E.current ? null : _2.createPortal(/* @__PURE__ */ s(O0, {
-    title: n.type === w.QUESTION_RESOLVED ? "Prediction result" : `New ${((C = T2[(l = n.data) == null ? void 0 : l.questionType]) == null ? void 0 : C.label) || "notification"}`,
+  return !n || !E.current ? null : V2(/* @__PURE__ */ s(O0, {
+    title: n.type === w.QUESTION_RESOLVED ? "Prediction result" : `New ${((C = _2[(l = n.data) == null ? void 0 : l.questionType]) == null ? void 0 : C.label) || "notification"}`,
     onClick: () => {
       var S;
       a.get().sdkInDesktopView ? (S = o.current) == null || S.scrollTo({
@@ -662,7 +665,7 @@ const $2 = /* @__PURE__ */ c("div")({
     };
   }, [e, n]), [e];
 }, G0 = {
-  ...N2,
+  ...T2,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   BG_TRANSPARENT: "rgba(0,0,0, .8)",
@@ -747,7 +750,7 @@ const $2 = /* @__PURE__ */ c("div")({
     --header-offset: 0px;
   `}`;
 const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: A("masters-theme", z0), style: e, children: n }) }), q0 = ({ sdk: n, className: e }) => {
-  const [, t] = I2(n);
+  const [, t] = N2(n);
   return /* @__PURE__ */ s(r0, { className: e, feature: t, sdk: n });
 }, Q0 = ({ sdk: n, className: e, appNode: t, responsiveStore: i, useContainer: o }) => {
   const a = m(n.featuresList.getStore());
@@ -768,7 +771,7 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
   }) : null;
 }, Z0 = (n) => {
   const e = I(null);
-  return J(e, { enabled: !0, event: "click", listener: e2 }), /* @__PURE__ */ s(B2, { ref: e, ...n });
+  return J(e, { enabled: !0, event: "click", listener: e2 }), /* @__PURE__ */ s(O2, { ref: e, ...n });
 }, W0 = ({ sdk: n, useContainer: e }) => {
   const t = I(null), i = m(n.status), o = m(n.sdkStore.slStreamId), a = I(null), [r] = U0(t), [d, l] = q2(t, r, e), C = i === "ready" && !!o.data;
   return v(() => {
@@ -825,8 +828,8 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     ),
     !i && /* @__PURE__ */ s(W0, { sdk: n, useContainer: t })
   ] });
-}, i1 = ({ sdkKey: n, plugins: e, children: t, event: i, onDeepLinkHandled: o, videoPlayerController: a, production: r = !0 }) => /* @__PURE__ */ h(
-  b2,
+}, a1 = ({ sdkKey: n, plugins: e, children: t, event: i, onDeepLinkHandled: o, videoPlayerController: a, production: r = !0 }) => /* @__PURE__ */ h(
+  I2,
   {
     sdkKey: n,
     plugins: e,
@@ -838,7 +841,7 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     skipOnboarding: !0,
     hideFriends: !0,
     children: [
-      /* @__PURE__ */ s(R2, { event: i }),
+      /* @__PURE__ */ s(b2, { event: i }),
       t
     ]
   }
@@ -846,10 +849,10 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
   betPack: n,
   useContainer: e
 }) => {
-  const { sdk: t, status: i } = n2(A2);
-  return i === y2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
+  const { sdk: t, status: i } = n2(R2);
+  return i === A2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
 };
-class o1 extends O2 {
+class l1 extends F2 {
   constructor(e) {
     super(e), this.state = { hasError: !1 };
   }
@@ -864,7 +867,7 @@ class o1 extends O2 {
   }
 }
 export {
-  s1 as C,
-  i1 as M,
-  o1 as a
+  r1 as C,
+  a1 as M,
+  l1 as a
 };