@streamlayer/react 1.6.0 → 1.8.0

package/lib/es/points.js

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