@streamlayer/react 1.15.5 → 1.17.0

package/lib/classic/es/notification.js

@@ -1,12 +1,12 @@
-import { k as u, s, Z as L, _ as O, $ as R, G as B, a0 as P, W as Q, d as U, a as V, e as F, N as k, u as W, b as G, Y, h as _ } from "./provider.js";
-import { j as m, Q as A, k as K, S as Z } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useState as y, useCallback as H, useMemo as E, useEffect as x } from "react";
+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";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), J = () => $, X = /* @__PURE__ */ s(J())({
+}), X = () => $, Z = /* @__PURE__ */ s(X())({
   name: "MediaImgBottom",
   class: "m58gin0",
   propsAsIs: !0
@@ -35,7 +35,7 @@ const $ = /* @__PURE__ */ s("div")({
   [m.NONE]: N,
   [m.ROUNDED]: ne,
   [m.CENTERED]: ie,
-  [m.TRANSPARENT]: X
+  [m.TRANSPARENT]: Z
 }, b = ({
   src: t,
   imageMode: i = m.UNSET,
@@ -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(
-      L,
+      O,
       {
         image: t,
         name: (l = i == null ? void 0 : i.meta) == null ? void 0 : l.accountName,
@@ -109,22 +109,22 @@ const $ = /* @__PURE__ */ s("div")({
         createdTweet: i == null ? void 0 : i.date
       }
     ),
-    /* @__PURE__ */ e(Ae, { children: O(n) })
+    /* @__PURE__ */ e(Ae, { children: R(n) })
   ] });
 }, fe = ({ title: t, questionType: i, questionTypeData: o }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ e(
-    R,
+    B,
     {
       questionTypeData: o,
       questionType: i,
-      questionStatus: K.UNSET
+      questionStatus: H.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
 ] }), 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 = B[i], r = P[i];
+  const l = P[i], r = Q[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 = () => Q, qe = /* @__PURE__ */ s(we())({
+}), we = () => U, 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 = H((p) => {
+  })), r = L((p) => {
     p || l.disconnect(), l.observe(p);
   }, [l]);
   return E(() => () => {
@@ -297,31 +297,31 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ye = () => g, _e = /* @__PURE__ */ s(Ye())({
+}), Ke = () => g, Ye = /* @__PURE__ */ s(Ke())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), Ke = () => g, Ze = /* @__PURE__ */ s(Ke())({
+}), _e = () => g, He = /* @__PURE__ */ s(_e())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), He = () => /* @__PURE__ */ c(Fe, {
+}), Je = () => /* @__PURE__ */ c(Fe, {
   children: [/* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(_e, {
+  }), /* @__PURE__ */ e(Ye, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ze, {
+  }), /* @__PURE__ */ e(He, {
     children: /* @__PURE__ */ e("div", {})
   })]
-}), Je = /* @__PURE__ */ s("div")({
+}), Xe = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Xe = () => u, es = /* @__PURE__ */ s(Xe())({
+}), Ze = () => u, es = /* @__PURE__ */ s(Ze())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), ss = () => /* @__PURE__ */ c(Je, {
+}), ss = () => /* @__PURE__ */ c(Xe, {
   children: [/* @__PURE__ */ e(es, {
     name: "icon-check"
   }), " Prediction results are in!"]
@@ -391,7 +391,7 @@ const $ = /* @__PURE__ */ s("div")({
   points: t
 }) => /* @__PURE__ */ c(ps, {
   children: [/* @__PURE__ */ c(ms, {
-    children: ["You won ", /* @__PURE__ */ e(U, {
+    children: ["You won ", /* @__PURE__ */ e(V, {
       delay: 0.5,
       prefix: "+",
       suffix: " points",
@@ -429,7 +429,7 @@ const $ = /* @__PURE__ */ s("div")({
     return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(ss, {}) }) });
   let p = "pending";
   return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(q, { children: [
-    r !== 1 && /* @__PURE__ */ e(He, {}, r),
+    r !== 1 && /* @__PURE__ */ e(Je, {}, r),
     /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
       r === 2 && /* @__PURE__ */ e(os, { title: l || "unknown" }),
       r === 3 && n && /* @__PURE__ */ e(ls, {}),
@@ -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 = V(i), a = t.getFeature(Z.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
+  const [i] = y(t.getNotificationsStore()), o = F(i), a = t.getFeature(J.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
   return x(() => {
-    n && F.emit("notification", {
+    n && W.emit("notification", {
       action: "rendered",
       payload: {
         questionId: n.data.questionId,
@@ -476,7 +476,7 @@ 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 = W(), o = G(), a = Y();
+  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;
 };
 export {

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 h, c as y, 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")({
+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")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), I = /* @__PURE__ */ a("div")({
+}), P = /* @__PURE__ */ a("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), P = () => h, T = /* @__PURE__ */ a(P())({
+}), b = () => y, T = /* @__PURE__ */ a(b())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
@@ -26,8 +26,8 @@ const A = /* @__PURE__ */ a("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: y, onClick: e, children: [
-  /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
+}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(I, { className: h, onClick: e, children: [
+  /* @__PURE__ */ t(P, { 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 A = /* @__PURE__ */ a("div")({
 }, M = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(b.GAMES);
+  const e = s.getFeature(A.GAMES);
   return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  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;
+  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;
 };
 export {
   K as StreamLayerSDKPoints