@streamlayer/react 1.11.3 → 1.12.0

package/lib/es/notification.js

@@ -1,5 +1,5 @@
-import { f as m, s as e, a5 as L, a6 as z, a7 as B, V as O, a8 as R, g as P, d as Q, a as V, i as U, K as T, u as F, b as K, j as W, h as G } from "./provider.js";
-import { i as p, Q as I, j as Y, S as _ } from "./useStreamLayerApp2.js";
+import { E as m, s as e, a7 as L, a8 as z, a9 as B, R as O, aa as R, e as P, d as Q, a as U, g as V, N as T, u as F, b as W, i as G, h as K } from "./provider.js";
+import { j as p, Q as I, k as Y, S as _ } from "./useStreamLayerApp2.js";
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
 import { useState as q, useEffect as E, useMemo as H } from "react";
 const h = /* @__PURE__ */ e("div")({
@@ -63,7 +63,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "ns1nzpg",
   propsAsIs: !1
-}), j = /* @__PURE__ */ e("div")({
+}), M = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
@@ -111,7 +111,7 @@ const h = /* @__PURE__ */ e("div")({
     ),
     /* @__PURE__ */ s(vs, { children: z(n) })
   ] });
-}, ys = ({ title: t, questionType: o, questionTypeData: i }) => /* @__PURE__ */ c(j, { children: [
+}, ys = ({ title: t, questionType: o, questionTypeData: i }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ s(
     B,
     {
@@ -121,7 +121,7 @@ const h = /* @__PURE__ */ e("div")({
     }
   ),
   t && /* @__PURE__ */ s(ds, { children: t })
-] }), fs = ({ tweet: t }) => t ? /* @__PURE__ */ s(j, { children: /* @__PURE__ */ s($s, { ...t, controlVideo: () => {
+] }), fs = ({ tweet: t }) => t ? /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s($s, { ...t, controlVideo: () => {
 } }) }) : null, gs = ({ action: t, questionType: o, inApp: i, insight: a, tweet: n }) => {
   var l;
   const d = O[o], r = R[o];
@@ -170,11 +170,11 @@ const h = /* @__PURE__ */ e("div")({
   name: "Description",
   class: "dmixjec",
   propsAsIs: !1
-}), js = /* @__PURE__ */ e("button")({
+}), Ms = /* @__PURE__ */ e("button")({
   name: "Button",
   class: "b1ubkw1q",
   propsAsIs: !1
-}), Ms = ({
+}), js = ({
   open: t,
   close: o,
   ...i
@@ -204,7 +204,7 @@ const h = /* @__PURE__ */ e("div")({
           ] }),
           /* @__PURE__ */ c(Es, { children: [
             /* @__PURE__ */ s("span", { children: (n = i == null ? void 0 : i.titleCard) == null ? void 0 : n.subtitle }),
-            /* @__PURE__ */ s(js, { name: "inapp-button", children: "Play Now" })
+            /* @__PURE__ */ s(Ms, { name: "inapp-button", children: "Play Now" })
           ] })
         ] }),
         /* @__PURE__ */ s(
@@ -246,7 +246,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "Subtitle",
   class: "sz7237i",
   propsAsIs: !1
-}), Vs = ({
+}), Us = ({
   step: t,
   children: o,
   answer: i,
@@ -268,7 +268,7 @@ const h = /* @__PURE__ */ e("div")({
       }), "Your Pick: ", i]
     })
   })]
-}), Us = /* @__PURE__ */ e("div")({
+}), Vs = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ckyzolp",
   propsAsIs: !1
@@ -276,11 +276,11 @@ const h = /* @__PURE__ */ e("div")({
   name: "Line",
   class: "l16t1zr7",
   propsAsIs: !1
-}), Fs = () => y, Ks = /* @__PURE__ */ e(Fs())({
+}), Fs = () => y, Ws = /* @__PURE__ */ e(Fs())({
   name: "Line1",
   class: "le78kvg",
   propsAsIs: !0
-}), Ws = () => y, Gs = /* @__PURE__ */ e(Ws())({
+}), Gs = () => y, Ks = /* @__PURE__ */ e(Gs())({
   name: "Line2",
   class: "l1o7966d",
   propsAsIs: !0
@@ -288,10 +288,10 @@ const h = /* @__PURE__ */ e("div")({
   name: "Line3",
   class: "lu9lyxq",
   propsAsIs: !0
-}), Hs = () => /* @__PURE__ */ c(Us, {
-  children: [/* @__PURE__ */ s(Ks, {
+}), Hs = () => /* @__PURE__ */ c(Vs, {
+  children: [/* @__PURE__ */ s(Ws, {
     children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(Gs, {
+  }), /* @__PURE__ */ s(Ks, {
     children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(_s, {
     children: /* @__PURE__ */ s("div", {})
@@ -328,7 +328,7 @@ const h = /* @__PURE__ */ e("div")({
   }), /* @__PURE__ */ s(te, {
     children: t
   })]
-}), M = /* @__PURE__ */ e("div")({
+}), j = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "c181a1as",
   propsAsIs: !1
@@ -344,7 +344,7 @@ const h = /* @__PURE__ */ e("div")({
   name: "InCorrectIcon",
   class: "i17n9o7e",
   propsAsIs: !0
-}), re = () => /* @__PURE__ */ c(M, {
+}), re = () => /* @__PURE__ */ c(j, {
   children: [/* @__PURE__ */ c(x, {
     children: ["Congratulations!", /* @__PURE__ */ s("br", {}), "You answered correctly."]
   }), /* @__PURE__ */ s(D, {
@@ -352,7 +352,7 @@ const h = /* @__PURE__ */ e("div")({
   })]
 }), le = ({
   title: t
-}) => /* @__PURE__ */ c(M, {
+}) => /* @__PURE__ */ c(j, {
   children: [/* @__PURE__ */ c(x, {
     children: ["Better luck next time!", /* @__PURE__ */ s("br", {}), "Correct: ", t]
   }), /* @__PURE__ */ s(ce, {
@@ -413,7 +413,7 @@ const h = /* @__PURE__ */ e("div")({
   let v = "pending";
   return (r === 3 || r === 4) && (v = n ? "correct" : "incorrect"), /* @__PURE__ */ s(b, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(w, { children: [
     r !== 1 && /* @__PURE__ */ s(Hs, {}, r),
-    /* @__PURE__ */ c(Vs, { state: v, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
+    /* @__PURE__ */ c(Us, { state: v, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
       r === 2 && /* @__PURE__ */ s(oe, { title: d || "unknown" }),
       r === 3 && n && /* @__PURE__ */ s(re, {}),
       r === 3 && !n && /* @__PURE__ */ s(le, { title: l || "unknown" }),
@@ -441,9 +441,9 @@ const h = /* @__PURE__ */ e("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), $e = (t) => /* @__PURE__ */ s(Ae, { children: /* @__PURE__ */ s(ve, { ...t }) }), ye = ({ sdk: t }) => {
-  const [o] = q(t.getNotificationsStore()), i = V(o), a = t.getFeature(_.GAMES), n = H(() => t.getActiveNotification(), [t, i]);
+  const [o] = q(t.getNotificationsStore()), i = U(o), a = t.getFeature(_.GAMES), n = H(() => t.getActiveNotification(), [t, i]);
   return E(() => {
-    n && U.emit("notification", {
+    n && V.emit("notification", {
       action: "rendered",
       payload: {
         questionId: n.data.questionId,
@@ -457,10 +457,10 @@ const h = /* @__PURE__ */ e("div")({
       close: n.close,
       ...n.data.question
     }
-  ) : null : n && n.type === T.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ s(Ms, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ s(gs, { ...n.data, action: n.action });
+  ) : null : n && n.type === T.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ s(js, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ s(gs, { ...n.data, action: n.action });
 }, Ne = ({ theme: t }) => {
-  const o = F(), i = K(), a = W();
-  return o && a.appNotification ? a.app ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(G, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(ye, { sdk: o }) }) }) : null;
+  const o = F(), i = W(), a = G();
+  return o && a.appNotification ? a.app ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ s(ye, { sdk: o }) }) }) : null;
 };
 export {
   Ne as StreamLayerSDKNotification,

package/lib/es/points.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as p } from "react";
-import { s as r, f as d, c as h, d as f, a as S, F as l, u as y, b as v, h as g } from "./provider.js";
+import { s as r, E as d, f as h, d as S, a as y, F as l, u as f, b as v, h as g } from "./provider.js";
 import { S as b } from "./useStreamLayerApp2.js";
 const k = /* @__PURE__ */ r("div")({
   name: "PointsContainer",
@@ -30,7 +30,7 @@ const k = /* @__PURE__ */ r("div")({
   /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(P, { name: "icon-trophy-solid" }) }),
   /* @__PURE__ */ i(T, { children: [
     /* @__PURE__ */ t(F, { children: "Total points" }),
-    /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(f, { value: s }) })
+    /* @__PURE__ */ t(L, { children: /* @__PURE__ */ t(S, { value: s }) })
   ] })
 ] }), C = ({ gamification: s }) => {
   const e = s.userSummary.$store, [a, m] = u(0);
@@ -45,14 +45,14 @@ const k = /* @__PURE__ */ r("div")({
   }, [e]), /* @__PURE__ */ t(x, { points: a, onClick: () => {
     s.status.get() === l.Suspended ? s.openFeature() : s.status.get() === l.Ready && s.closeFeature(!1);
   } });
-}, j = ({ sdk: s }) => {
-  if (!S(s.featuresList.getStore()))
+}, E = ({ sdk: s }) => {
+  if (!y(s.featuresList.getStore()))
     return null;
   const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  const e = y(), a = v();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t(j, { sdk: e }) }) }) : null;
+  const e = f(), a = v();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t(E, { sdk: e }) }) }) : null;
 };
 export {
   K as StreamLayerSDKPoints