@streamlayer/react 1.17.0 → 1.17.1

package/lib/classic/es/index.js

@@ -1,15 +1,13 @@
-import { S as m, a as S, b as o, h as i, u as s, d as y, c as L } from "./provider.js";
+import { r as m, S, t as o, h as i, u as s, b as y, o as L } from "./provider.js";
 import "react/jsx-runtime";
 import "react";
-import { StreamLayerSDKNotification as p, StreamLayerSDKNotificationUI as D } from "./notification.js";
-import { StreamLayerSDKTv as c } from "./tvos.js";
+import { StreamLayerSDKNotification as p, StreamLayerSDKNotificationUI as u } from "./notification.js";
 export {
   m as StreamLayerProvider,
   S as StreamLayerSDKEvent,
   p as StreamLayerSDKNotification,
-  D as StreamLayerSDKNotificationUI,
+  u as StreamLayerSDKNotificationUI,
   o as StreamLayerSDKReact,
-  c as StreamLayerSDKTv,
   i as StreamLayerThemeProvider,
   s as useStreamLayer,
   y as useStreamLayerTheme,

package/lib/classic/es/insight.js

@@ -1,12 +1,12 @@
 import { jsx as u, jsxs as c } from "react/jsx-runtime";
 import { useRef as l, useEffect as h } from "react";
-import { f as m, s as p, z as f, u as S, d as I, h as g, a as v } from "./provider.js";
+import { a as m, s as p, z as f, u as S, b as I, h as g, S as v } from "./provider.js";
 import { S as y } from "./useStreamLayerApp2.js";
-const Q = () => f, k = /* @__PURE__ */ p(Q())({
+const Q = () => f, b = /* @__PURE__ */ p(Q())({
   name: "QuestionWrap",
   class: "q10hhsxv",
   propsAsIs: !0
-}), A = ({
+}), k = ({
   gamification: e,
   persistent: r,
   skipAutoClose: n,
@@ -25,13 +25,13 @@ const Q = () => f, k = /* @__PURE__ */ p(Q())({
     var a;
     i && ((a = i.feedItem) == null ? void 0 : a.type) === "insight" && (!r || e.isOpenedQuestion(i.feedItem.id) || (t.current = i.feedItem.id, e.openQuestion(i.feedItem.id, i.feedItem))), !i && t.current && (e.closeQuestion(t.current), t.current = "");
   }), () => {
-  }), [e, r, s]), d ? /* @__PURE__ */ u(k, {
+  }), [e, r, s]), d ? /* @__PURE__ */ u(b, {
     skipAutoClose: n,
     hideHeader: o,
     gamification: e,
     hideSponsor: !0
   }) : null;
-}, L = ({
+}, A = ({
   sdk: e,
   persistent: r,
   skipAutoClose: n,
@@ -41,7 +41,7 @@ const Q = () => f, k = /* @__PURE__ */ p(Q())({
   if (!m(e.featuresList.getStore()))
     return null;
   const t = e.getFeature(y.GAMES);
-  return t ? /* @__PURE__ */ u(A, {
+  return t ? /* @__PURE__ */ u(k, {
     insightId: o,
     persistent: r,
     hideHeader: s,
@@ -58,7 +58,7 @@ const Q = () => f, k = /* @__PURE__ */ p(Q())({
   const t = S(), d = I();
   return t ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: [
     /* @__PURE__ */ u(g, { customTheme: r ?? d.theme, themeMode: d.themeMode, children: /* @__PURE__ */ u(
-      L,
+      A,
       {
         skipAutoClose: o,
         sdk: t,
@@ -71,5 +71,5 @@ const Q = () => f, k = /* @__PURE__ */ p(Q())({
 };
 export {
   H as StreamLayerSDKInsight,
-  L as StreamLayerSDKInsightUI
+  A as StreamLayerSDKInsightUI
 };

package/lib/classic/es/notification.js

@@ -1,7 +1,7 @@
+import { s, k as u, D as L, A as O, x as R, p as B, q as P, y as Q, d as U, a as V, e as F, N as k, u as W, b as G, o as K, h as Y } from "./provider.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as y, useCallback as L, useMemo as E, useEffect as x } from "react";
-import { s, k as u, D as O, A as R, x as B, q as P, r as Q, y as U, g as V, f as F, e as W, N as k, u as G, d as K, c as Y, h as _ } from "./provider.js";
-import { Q as m, b as A, c as H, S as J } from "./useStreamLayerApp2.js";
+import { useState as y, useCallback as _, useMemo as E, useEffect as x } from "react";
+import { j as m, Q as A, k as H, S as J } from "./useStreamLayerApp2.js";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
@@ -100,7 +100,7 @@ const $ = /* @__PURE__ */ s("div")({
   return /* @__PURE__ */ c($e, { children: [
     d && /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(he, { children: d }) }),
     /* @__PURE__ */ e(
-      O,
+      L,
       {
         image: t,
         name: (l = i == null ? void 0 : i.meta) == null ? void 0 : l.accountName,
@@ -109,11 +109,11 @@ const $ = /* @__PURE__ */ s("div")({
         createdTweet: i == null ? void 0 : i.date
       }
     ),
-    /* @__PURE__ */ e(Ae, { children: R(n) })
+    /* @__PURE__ */ e(Ae, { children: O(n) })
   ] });
 }, fe = ({ title: t, questionType: i, questionTypeData: o }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ e(
-    B,
+    R,
     {
       questionTypeData: o,
       questionType: i,
@@ -124,7 +124,7 @@ const $ = /* @__PURE__ */ s("div")({
 ] }), ge = ({ tweet: t }) => t ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ye, { ...t, controlVideo: () => {
 } }) }) : null, Te = ({ action: t, questionType: i, inApp: o, insight: a, tweet: n }) => {
   var d;
-  const l = P[i], r = Q[i];
+  const l = B[i], r = P[i];
   if (!l || !o || !o.notification)
     return null;
   const { title: p, image: I, imageMode: v } = o.notification;
@@ -154,7 +154,7 @@ const $ = /* @__PURE__ */ s("div")({
   name: "TitleIcon",
   class: "t16zzzei",
   propsAsIs: !0
-}), we = () => U, qe = /* @__PURE__ */ s(we())({
+}), we = () => Q, qe = /* @__PURE__ */ s(we())({
   name: "Close",
   class: "c1sur0q2",
   propsAsIs: !0
@@ -258,7 +258,7 @@ const $ = /* @__PURE__ */ s("div")({
       var I, v;
       d((v = (I = p == null ? void 0 : p[0]) == null ? void 0 : I.contentRect) == null ? void 0 : v.width);
     });
-  })), r = L((p) => {
+  })), r = _((p) => {
     p || l.disconnect(), l.observe(p);
   }, [l]);
   return E(() => () => {
@@ -391,7 +391,7 @@ const $ = /* @__PURE__ */ s("div")({
   points: t
 }) => /* @__PURE__ */ c(ps, {
   children: [/* @__PURE__ */ c(ms, {
-    children: ["You won ", /* @__PURE__ */ e(V, {
+    children: ["You won ", /* @__PURE__ */ e(U, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
@@ -458,9 +458,9 @@ const $ = /* @__PURE__ */ s("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), ys = (t) => /* @__PURE__ */ e($s, { children: /* @__PURE__ */ e(As, { ...t }) }), fs = ({ sdk: t }) => {
-  const [i] = y(t.getNotificationsStore()), o = F(i), a = t.getFeature(J.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
+  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(J.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
   return x(() => {
-    n && W.emit("notification", {
+    n && F.emit("notification", {
       action: "rendered",
       payload: {
         questionId: n.data.questionId,
@@ -476,8 +476,8 @@ const $ = /* @__PURE__ */ s("div")({
     }
   ) : null : n && n.type === k.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ e(je, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ e(Te, { ...n.data, action: n.action });
 }, bs = ({ theme: t }) => {
-  const i = G(), o = K(), a = Y();
-  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
+  const i = W(), o = G(), a = K();
+  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(Y, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
 };
 export {
   bs as StreamLayerSDKNotification,

package/lib/classic/es/points.js

@@ -1,16 +1,16 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, k as y, m as h, g as S, f, F as p, e as r, u as v, d as g, h as k } from "./provider.js";
-import { S as A } from "./useStreamLayerApp2.js";
-const I = /* @__PURE__ */ a("div")({
+import { s as a, k as y, m as h, d as S, a as f, F as p, e as r, u as v, b as k, h as g } from "./provider.js";
+import { S as b } from "./useStreamLayerApp2.js";
+const A = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), P = /* @__PURE__ */ a("div")({
+}), I = /* @__PURE__ */ a("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), b = () => y, T = /* @__PURE__ */ a(b())({
+}), P = () => y, T = /* @__PURE__ */ a(P())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
@@ -26,8 +26,8 @@ const I = /* @__PURE__ */ a("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(I, { className: h, onClick: e, children: [
-  /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
+}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: h, onClick: e, children: [
+  /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
   /* @__PURE__ */ l(F, { children: [
     /* @__PURE__ */ t(L, { children: "Total points" }),
     /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(S, { value: s }) })
@@ -61,11 +61,11 @@ const I = /* @__PURE__ */ a("div")({
 }, M = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(A.GAMES);
+  const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  const e = v(), n = g();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(k, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
+  const e = v(), n = k();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
 };
 export {
   K as StreamLayerSDKPoints