@streamlayer/react 1.11.2 → 1.11.3-rc.4

package/lib/es/points.js

@@ -1,59 +1,82 @@
-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 { 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 { S as b } from "./useStreamLayerApp2.js";
-const k = /* @__PURE__ */ r("div")({
-  name: "PointsContainer",
-  class: "psiob9b",
+const g = () => f, k = /* @__PURE__ */ t("div")({
+  name: "v",
+  class: "vo74vtj",
   propsAsIs: !1
-}), A = /* @__PURE__ */ r("div")({
-  name: "PointsIcon",
-  class: "p1gqe4lh",
+}), F = /* @__PURE__ */ t("div")({
+  name: "S",
+  class: "saa7tf1",
   propsAsIs: !1
-}), I = () => d, P = /* @__PURE__ */ r(I())({
-  name: "PointsSvg",
-  class: "p15syg2y",
+}), I = /* @__PURE__ */ t(g())({
+  name: "w",
+  class: "we3ylu3",
   propsAsIs: !0
-}), T = /* @__PURE__ */ r("div")({
-  name: "PointsBody",
-  class: "p12n4f2h",
+}), w = /* @__PURE__ */ t("div")({
+  name: "b",
+  class: "bw198ph",
   propsAsIs: !1
-}), F = /* @__PURE__ */ r("div")({
-  name: "PointsTitle",
-  class: "poqmx89",
+}), C = /* @__PURE__ */ t("div")({
+  name: "P",
+  class: "p1warvjl",
   propsAsIs: !1
-}), L = /* @__PURE__ */ r("div")({
-  name: "PointsValue",
-  class: "prj9b3v",
+}), L = /* @__PURE__ */ t("div")({
+  name: "C",
+  class: "conlc3z",
   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(f, { value: s }) })
-  ] })
-] }), C = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [a, m] = u(0);
-  return p(() => {
-    const c = e.subscribe((o) => {
+}), 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) => {
       var n;
-      (n = o == null ? void 0 : o.summary) != null && n.points && m(o.summary.points);
+      (n = o == null ? void 0 : o.summary) != null && n.points && c(o.summary.points);
     });
     return () => {
-      c();
+      m();
     };
-  }, [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;
+  }, [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;
   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;
+  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;
 };
 export {
-  K as StreamLayerSDKPoints
+  E as StreamLayerSDKPoints
 };