@streamlayer/react 1.20.6 → 1.21.0

package/lib/classic/es/bet-pack.js

@@ -1,7 +1,9 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { s as _, B as te, k as vt, l as gt, a as Se, q as wt, c as bt, j as Ee, u as yt, e as St } from "./provider.js";
-import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as Et, createContext as He, useMemo as Re, useCallback as qe, memo as xt } from "react";
-import { C as Tt, a as Ct, S as We } from "./useStreamLayerApp2.js";
+import { s as _, B as te, o as vt, p as gt, e as Se, j as wt, n as Ee, u as bt, i as yt } from "./provider.js";
+import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as St, createContext as He, useMemo as Re, useCallback as qe, memo as Et } from "react";
+import { ConnectError as xt, Code as Tt } from "@connectrpc/connect";
+import Ct from "lodash.throttle";
+import { S as We } from "./useStreamLayerApp2.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -2613,7 +2615,7 @@ function Js(t, e, s) {
   }));
 }
 function ee(t, e) {
-  return typeof window > "u" ? Y(t, e) : Et(t, e);
+  return typeof window > "u" ? Y(t, e) : St(t, e);
 }
 const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__PURE__ */ Ae(function(t, e) {
   let {
@@ -3237,7 +3239,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return Y(() => {
-    const v = wt(() => {
+    const v = Ct(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3281,7 +3283,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     {
       onEvent: n,
       actionFn: () => n({ type: "slHardRefresh" }),
-      description: l instanceof Tt && l.code !== Ct.InvalidArgument ? `The event ID was not
+      description: l instanceof xt && l.code !== Tt.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", Mr = bt("betPack-ui"), kr = (t, e = {}) => {
+}), ie = "slBetPackCb", Mr = wt("betPack-ui"), kr = (t, e = {}) => {
   var s, r;
   const { questionId: n, answerId: i } = e, l = { questionId: n, answerId: i };
   Mr.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" }));
@@ -3397,7 +3399,7 @@ const Dr = ({ user: t, gamification: e, overlay: s, swipeable: r, onEvent: n })
     description: `You are not authorized to
 view this resource.`
   }
-) : /* @__PURE__ */ P(Le, {}), mt = xt(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
+) : /* @__PURE__ */ P(Le, {}), mt = Et(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
   const n = Se(t.featuresList.getStore()), i = Re(() => t.getFeature(We.GAMES), [n]), l = Se(t.getUserStore());
   return Y(() => (t.writeOverlaySessionId(), () => {
     t.writeOverlaySessionId("");
@@ -3410,16 +3412,16 @@ view this resource.`
   );
 }), Ve = (t) => {
   const e = t.target;
-  e instanceof Element && e.getAttribute("data-a") === "intr" && St.emit("interactions", {
+  e instanceof Element && e.getAttribute("data-a") === "intr" && yt.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, Rr = () => {
-  const t = yt();
+}, Wr = () => {
+  const t = bt();
   return Y(() => (document == null || document.addEventListener("click", Ve), () => {
     document == null || document.removeEventListener("click", Ve);
   }), []), t ? /* @__PURE__ */ P(mt, { sdk: t }) : null;
 };
 export {
-  Rr as BetPackProvider
+  Wr as BetPackProvider
 };

package/lib/classic/es/index.js

@@ -1,15 +1,20 @@
-import { z as m, S, A as o, h as i, u as s, b as y, r 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/classic/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 { e 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
 };