@streamlayer/react 1.13.1 → 1.14.1

package/lib/classic/es/points.js

@@ -1,59 +1,66 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { useState as u, useEffect as p } from "react";
-import { s as r, Z as d, c 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")({
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as u, useEffect as d } from "react";
+import { s as a, c as h, d as y, e as S, a as f, F as c, f as p, u as v, b as g, h as b } from "./provider.js";
+import { S as k } from "./useStreamLayerApp2.js";
+const A = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), A = /* @__PURE__ */ r("div")({
+}), I = /* @__PURE__ */ a("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), I = () => d, P = /* @__PURE__ */ r(I())({
+}), P = () => h, T = /* @__PURE__ */ a(P())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
-}), T = /* @__PURE__ */ r("div")({
+}), F = /* @__PURE__ */ a("div")({
   name: "PointsBody",
   class: "p12n4f2h",
   propsAsIs: !1
-}), F = /* @__PURE__ */ r("div")({
+}), L = /* @__PURE__ */ a("div")({
   name: "PointsTitle",
   class: "poqmx89",
   propsAsIs: !1
-}), L = /* @__PURE__ */ r("div")({
+}), x = /* @__PURE__ */ a("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), x = ({ points: s, onClick: e }) => /* @__PURE__ */ i(k, { className: h, onClick: e, children: [
-  /* @__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(S, { value: s }) })
+}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: y, 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 }) })
   ] })
-] }), C = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [a, m] = u(0);
-  return p(() => {
-    const c = e.subscribe((o) => {
-      var n;
-      (n = o == null ? void 0 : o.summary) != null && n.points && m(o.summary.points);
+] }), j = ({ gamification: s }) => {
+  const e = s.userSummary.$store, [o, m] = u(0);
+  return d(() => {
+    const n = e.subscribe((r) => {
+      var i;
+      (i = r == null ? void 0 : r.summary) != null && i.points && m(r.summary.points);
     });
     return () => {
-      c();
+      n();
     };
-  }, [e]), /* @__PURE__ */ t(x, { points: a, onClick: () => {
-    s.status.get() === l.Suspended ? s.openFeature() : s.status.get() === l.Ready && s.closeFeature(!1);
+  }, [e]), /* @__PURE__ */ t(C, { points: o, onClick: () => {
+    const n = s.status.get();
+    n === c.Suspended ? (s.openFeature(), p.emit("app", {
+      action: "open",
+      payload: {}
+    })) : n === c.Ready && (s.closeFeature(!1), p.emit("app", {
+      action: "close",
+      payload: {}
+    }));
   } });
-}, j = ({ sdk: s }) => {
-  if (!y(s.featuresList.getStore()))
+}, M = ({ sdk: s }) => {
+  if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(b.GAMES);
-  return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, E = ({ theme: s }) => {
-  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(j, { sdk: e }) }) }) : null;
+  const e = s.getFeature(k.GAMES);
+  return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
+}, K = ({ theme: s }) => {
+  const e = v(), o = g();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(b, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
 };
 export {
-  E as StreamLayerSDKPoints
+  K as StreamLayerSDKPoints
 };