@streamlayer/react 1.17.0 → 1.17.1

package/lib/es/notification.js

@@ -1,12 +1,12 @@
+import { s, k as u, 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 { 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 K, useMemo as E, useEffect as x } from "react";
+import { j as m, Q as A, k as Z, S as H } from "./useStreamLayerApp2.js";
 const $ = /* @__PURE__ */ s("div")({
   name: "Media",
   class: "m1bcvojl",
   propsAsIs: !1
-}), X = () => $, Z = /* @__PURE__ */ s(X())({
+}), J = () => $, X = /* @__PURE__ */ s(J())({
   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]: Z
+  [m.TRANSPARENT]: X
 }, 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(
-      O,
+      L,
       {
         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: 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,
-      questionStatus: H.UNSET
+      questionStatus: Z.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 = 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 = K((p) => {
     p || l.disconnect(), l.observe(p);
   }, [l]);
   return E(() => () => {
@@ -297,31 +297,31 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ke = () => g, Ye = /* @__PURE__ */ s(Ke())({
+}), Ye = () => g, _e = /* @__PURE__ */ s(Ye())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
-}), _e = () => g, He = /* @__PURE__ */ s(_e())({
+}), Ke = () => g, Ze = /* @__PURE__ */ s(Ke())({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Je = () => /* @__PURE__ */ c(Fe, {
+}), He = () => /* @__PURE__ */ c(Fe, {
   children: [/* @__PURE__ */ e(Ge, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(Ye, {
+  }), /* @__PURE__ */ e(_e, {
     children: /* @__PURE__ */ e("div", {})
-  }), /* @__PURE__ */ e(He, {
+  }), /* @__PURE__ */ e(Ze, {
     children: /* @__PURE__ */ e("div", {})
   })]
-}), Xe = /* @__PURE__ */ s("div")({
+}), Je = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c10jy6zf",
   propsAsIs: !1
-}), Ze = () => u, es = /* @__PURE__ */ s(Ze())({
+}), Xe = () => u, es = /* @__PURE__ */ s(Xe())({
   name: "CheckIcon",
   class: "c1c7scay",
   propsAsIs: !0
-}), ss = () => /* @__PURE__ */ c(Xe, {
+}), ss = () => /* @__PURE__ */ c(Je, {
   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(V, {
+    children: ["You won ", /* @__PURE__ */ e(U, {
       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(Je, {}, r),
+    r !== 1 && /* @__PURE__ */ e(He, {}, 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 = F(i), a = t.getFeature(J.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
+  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(H.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,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 = G(), o = K(), a = Y();
+  const i = W(), o = G(), 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/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

package/lib/es/provider.js

@@ -4,7 +4,7 @@ var K = (e, t, n) => v4(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as c, jsxs as E, Fragment as ae } from "react/jsx-runtime";
 import * as h from "react";
 import He, { useCallback as ie, useSyncExternalStore as g4, useState as D, useEffect as P, useRef as Q, createContext as E3, useContext as ct, useLayoutEffect as ui, useMemo as Ce, memo as y4, Component as k3, createElement as w4, PureComponent as b4, lazy as L4, Suspense as E4, forwardRef as I3 } from "react";
-import { p as k4, S as Te, a as Y1, j as fa, b as $, k as I4, Q as nt, c as Ot, A as S4, I as S3, l as x4, m as X2, n as T4 } from "./useStreamLayerApp2.js";
+import { p as k4, S as Te, a as Y1, h as fa, Q as $, i as I4, j as nt, k as Ot, A as S4, I as S3, l as x4, m as X2, n as T4 } from "./useStreamLayerApp2.js";
 var J2 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function x3(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -10980,60 +10980,60 @@ const BC = {
   ] });
 };
 export {
-  ci as $,
-  Hd as A,
-  Ec as B,
-  Ld as C,
-  _d as D,
-  zd as E,
+  ff as $,
+  xe as A,
+  yC as B,
+  c3 as C,
+  sm as D,
+  or as E,
   Ht as F,
-  If as G,
+  dr as G,
   td as H,
-  D3 as I,
-  N3 as J,
-  Zs as K,
-  n2 as L,
-  cm as M,
+  cm as I,
+  Me as J,
+  Aa as K,
+  W6 as L,
+  q6 as M,
   Pt as N,
-  Jm as O,
+  m6 as O,
   GC as P,
-  yC as Q,
-  c3 as R,
-  YC as S,
-  sm as T,
-  or as U,
-  N6 as V,
-  Me as W,
-  Aa as X,
-  q6 as Y,
-  m6 as Z,
-  mt as _,
-  zC as a,
-  B6 as a0,
-  ca as a1,
-  KC as b,
-  FC as c,
-  DC as d,
+  YC as Q,
+  N6 as R,
+  zC as S,
+  mt as T,
+  ci as U,
+  B6 as V,
+  $7 as W,
+  ca as X,
+  FC as Y,
+  _d as Z,
+  Hd as _,
+  B as a,
+  QC as a0,
+  KC as a1,
+  DC as b,
+  rd as c,
+  oa as d,
   A2 as e,
-  B as f,
-  oa as g,
+  nd as f,
+  d0 as g,
   OC as h,
-  Re as i,
-  W6 as j,
+  Jt as i,
+  Re as j,
   H as k,
-  rd as l,
+  _3 as l,
   tn as m,
-  nd as n,
-  d0 as o,
-  Jt as p,
-  dr as q,
-  QC as r,
+  O3 as n,
+  Ec as o,
+  Ld as p,
+  zd as q,
+  If as r,
   d as s,
-  _3 as t,
+  D3 as t,
   PC as u,
-  xe as v,
-  O3 as w,
-  ff as x,
-  $7 as y,
+  N3 as v,
+  n2 as w,
+  Zs as x,
+  Jm as y,
   jd as z
 };