@streamlayer/react 1.11.3-rc.4 → 1.11.3

package/lib/es/points.js

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