@streamlayer/react 1.23.1 → 1.23.2

package/lib/es/index7.js

@@ -1,5 +1,10 @@
 import "./feature.js";
-import "nanostores";
 import "./sl-types.js";
-import { Q as i } from "./useStreamLayerApp2.js";
-i.FACTOID + "", i.POLL + "", i.TRIVIA + "", i.PREDICTION + "", i.TWEET + "";
+import { Q as QuestionType } from "./useStreamLayerApp2.js";
+({
+  [QuestionType.FACTOID]: "insight",
+  [QuestionType.POLL]: "poll",
+  [QuestionType.TRIVIA]: "trivia",
+  [QuestionType.PREDICTION]: "prediction",
+  [QuestionType.TWEET]: "tweet"
+});

package/lib/es/index8.js

@@ -1,7 +1,7 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "./sl-types.js";
-import { h as a } from "./theme.js";
-const l = ({ children: m, customTheme: r, themeMode: s, style: t }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: o(a, s, r), style: t, children: m }) });
+import { jsx } from "react/jsx-runtime";
+import { c as cx_default } from "./sl-types.js";
+import { h as h$1 } from "./theme.js";
+const h = ({ children: r, customTheme: m, themeMode: o, style: a }) => /* @__PURE__ */ jsx("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ jsx("div", { className: cx_default(h$1, o, m), style: a, children: r }) });
 export {
-  l as h
+  h
 };

package/lib/es/index9.js

@@ -1,11 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as i } from "./sl-types.js";
-const l = /* @__PURE__ */ i("div")({
+import { jsx } from "react/jsx-runtime";
+import { s as styled_default } from "./sl-types.js";
+const e = /* @__PURE__ */ styled_default("div")({
   name: "Container",
   class: "cqg02m",
-  propsAsIs: !1
-}), a = ({ children: s, style: e, loading: o }) => o ? /* @__PURE__ */ t(l, { style: e, children: s }) : s;
+  propsAsIs: false
+});
+const i = ({ children: r, style: o, loading: t }) => t ? /* @__PURE__ */ jsx(e, { style: o, children: r }) : r;
 export {
-  l as e,
-  a as i
+  e,
+  i
 };

package/lib/es/insight.js

@@ -1,81 +1,86 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { h as p } from "./index8.js";
-import { u as m, s as h } from "./sl-types.js";
-import { useRef as f, useEffect as I } from "react";
-import { h as g } from "./Question.js";
-import { S } from "./useStreamLayerApp2.js";
-import { B as k, z as v, j as Q } from "./hooks-WfHlJH12.js";
-const y = () => g, b = /* @__PURE__ */ h(y())({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { h } from "./index8.js";
+import { u as useStore, s as styled_default } from "./sl-types.js";
+import { useRef, useEffect } from "react";
+import { h as ht } from "./Question.js";
+import { S as SdkOverlayType } from "./useStreamLayerApp2.js";
+import { B, z, j } from "./hooks-WfHlJH12.js";
+const b = () => ht, v = /* @__PURE__ */ styled_default(b())({
   name: "QuestionWrap",
   class: "q10hhsxv",
-  propsAsIs: !0
-}), A = ({
+  propsAsIs: true
+}), w = ({
   gamification: e,
   sdk: n,
-  persistent: i,
-  skipAutoClose: o,
-  hideHeader: d,
+  persistent: o,
+  skipAutoClose: p,
+  hideHeader: f,
   insightId: t
 }) => {
-  const s = f(""), c = m(e.openedQuestion.$store);
-  return I(() => t ? (!i || e.isOpenedQuestion(t) || (s.current = t, e.getFeedItem(t).then((r) => {
-    var u;
-    s.current === t && ((u = r == null ? void 0 : r.attributes) == null ? void 0 : u.attributes.case) === "insight" && e.openQuestion(t, r);
+  const r = useRef(""), i = useStore(e.openedQuestion.$store);
+  return useEffect(() => t ? (!o || e.isOpenedQuestion(t) || (r.current = t, e.getFeedItem(t).then((u) => {
+    var c;
+    r.current === t && ((c = u == null ? void 0 : u.attributes) == null ? void 0 : c.attributes.case) === "insight" && e.openQuestion(t, u);
   })), () => {
-    s.current = "";
+    r.current = "";
   }) : (e.activeQuestionId.subscribe(({
-    data: r
+    data: s
   }) => {
     var u;
-    r && ((u = r.feedItem) == null ? void 0 : u.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 = "");
+    s && ((u = s.feedItem) == null ? void 0 : u.type) === "insight" && (!o || 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 = "");
   }), () => {
-  }), [e, i, t]), c ? /* @__PURE__ */ a(b, {
+  }), [e, o, t]), i ? /* @__PURE__ */ jsx(v, {
     sdk: n,
-    skipAutoClose: o,
-    hideHeader: d,
+    skipAutoClose: p,
+    hideHeader: f,
     gamification: e,
-    hideSponsor: !0
+    hideSponsor: true
   }) : null;
-}, x = ({
+}, D = ({
   sdk: e,
   persistent: n,
-  skipAutoClose: i,
-  insightId: o,
-  hideHeader: d
+  skipAutoClose: o,
+  insightId: p,
+  hideHeader: f
 }) => {
-  if (!m(e.featuresList.getStore()))
+  if (!useStore(e.featuresList.getStore()))
     return null;
-  const t = e.getFeature(S.GAMES);
-  return t ? /* @__PURE__ */ a(A, {
-    insightId: o,
+  const r = e.getFeature(SdkOverlayType.GAMES);
+  return r ? /* @__PURE__ */ jsx(w, {
+    insightId: p,
     sdk: e,
     persistent: n,
-    hideHeader: d,
-    gamification: t,
-    skipAutoClose: i
+    hideHeader: f,
+    gamification: r,
+    skipAutoClose: o
   }) : null;
-}, O = ({
-  event: e,
-  theme: n,
-  hideHeader: i,
-  skipAutoClose: o,
-  persistent: d
+};
+const StreamLayerSDKInsight = ({
+  event,
+  theme,
+  hideHeader,
+  skipAutoClose,
+  persistent
 }) => {
-  const t = k(), s = v();
-  return t ? /* @__PURE__ */ l("div", { className: "StreamLayerSDK", children: [
-    /* @__PURE__ */ a(p, { customTheme: n ?? s.theme, themeMode: s.themeMode, children: /* @__PURE__ */ a(
-      x,
+  const sdk = B();
+  const baseTheme = z();
+  if (!sdk) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "StreamLayerSDK", children: [
+    /* @__PURE__ */ jsx(h, { customTheme: theme ?? baseTheme.theme, themeMode: baseTheme.themeMode, children: /* @__PURE__ */ jsx(
+      D,
       {
-        skipAutoClose: o,
-        sdk: t,
-        hideHeader: i,
-        persistent: d
+        skipAutoClose,
+        sdk,
+        hideHeader,
+        persistent
       }
     ) }),
-    e !== void 0 && /* @__PURE__ */ a(Q, { event: e })
-  ] }) : null;
+    event !== void 0 && /* @__PURE__ */ jsx(j, { event })
+  ] });
 };
 export {
-  O as StreamLayerSDKInsight,
-  x as StreamLayerSDKInsightUI
+  StreamLayerSDKInsight,
+  D as StreamLayerSDKInsightUI
 };

package/lib/es/masters.js

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
-import { S as o, M as s } from "./masters2.js";
+import { S, M } from "./masters2.js";
 import "react";
 import "./useStreamLayerApp2.js";
-import { B as S } from "./hooks-WfHlJH12.js";
+import { B } from "./hooks-WfHlJH12.js";
+import "./index16.js";
 export {
-  o as MastersStreamLayerProvider,
-  s as MastersStreamLayerSDKReact,
-  S as useStreamLayer
+  S as MastersStreamLayerProvider,
+  M as MastersStreamLayerSDKReact,
+  B as useStreamLayer
 };