@streamlayer/react-ui 0.65.0 → 0.65.2

package/lib/ui/app/Features/Gamification/Leaderboard.js

@@ -15,14 +15,14 @@ import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js"
 import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
 const j = ({ gamification: r }) => {
   const { data: e } = t(r.leaderboardList.$store);
-  return e != null && e.length ? /* @__PURE__ */ o(m, { deepLink: r.deepLink }) : /* @__PURE__ */ o(
+  return e != null && e.length ? /* @__PURE__ */ o(
     p,
     {
       fetchMore: r.leaderboardList.fetchMore,
       items: e,
       openItemDetail: r.openUser
     }
-  );
+  ) : /* @__PURE__ */ o(m, { deepLink: r.deepLink });
 };
 export {
   j as Leaderboard

package/lib/ui/app/Features/Gamification/UserSummary.js

@@ -1,6 +1,6 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { useStore as i } from "@nanostores/react";
-import { UserStatistics as e } from "../../../gamification/user-statistics/index.js";
+import { UserStatistics as s } from "../../../gamification/user-statistics/index.js";
 import "../../../../utils/common.js";
 import "../../../gamification/user-statistics/components/rank/index.js";
 import "../../../gamification/user-statistics/components/rank/styles.js";
@@ -8,11 +8,11 @@ import "@linaria/react";
 import "../../../gamification/user-statistics/components/statistic/index.js";
 import "../../../gamification/user-statistics/components/statistic/styles.js";
 import "../../../gamification/user-statistics/styles.js";
-const g = ({ userSummary: o }) => {
-  var t;
-  const r = i(o.getStore());
-  return (t = r.data) != null && t.summary ? /* @__PURE__ */ m(e, { ...r.data.summary, ...r.data.percentage }) : /* @__PURE__ */ m("div", { children: "wait user..." });
+const x = ({ userSummary: e }) => {
+  var t, m;
+  const r = i(e.getStore());
+  return (t = r.data) != null && t.summary ? /* @__PURE__ */ o(s, { ...r.data.summary, successRate: (m = r.data.percentage) == null ? void 0 : m.correct }) : /* @__PURE__ */ o("div", { children: "wait user..." });
 };
 export {
-  g as UserSummary
+  x as UserSummary
 };

package/lib/ui/app/Features/Gamification/index.js

@@ -1,10 +1,10 @@
-import { jsxs as p, Fragment as d, jsx as r } from "react/jsx-runtime";
-import { styled as n } from "@linaria/react";
+import { jsxs as e, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { styled as s } from "@linaria/react";
 import { useStore as m } from "@nanostores/react";
 import { SDKWhiteContainer as l, SDKScrollContainer as a } from "../../styles.js";
 import { VoteHeader as c } from "../../../gamification/detail/header/index.js";
-import { UserStatistics as h } from "../../../gamification/user-statistics/index.js";
-import { ShowIn as u } from "../../../show-in/index.js";
+import { UserStatistics as u } from "../../../gamification/user-statistics/index.js";
+import { ShowIn as h } from "../../../show-in/index.js";
 import { Question as f } from "./Question.js";
 import { Tabs as v } from "./Tabs.js";
 import "../../../gamification/constants.js";
@@ -58,13 +58,13 @@ import "../../../gamification/question/insight/index.js";
 import "../../../gamification/question/insight/styles.js";
 import "../../../gamification/question/list/styles.js";
 import "./UserSummary.js";
-const e = n(u)`
+const n = s(h)`
   position: absolute;
   inset: 0;
   top: var(--header-height);
   background: var(--color-neutrals-white);
   z-index: 3;
-`, x = n.div`
+`, x = s.div`
   background: var(--color-transparent-item);
   width: 100%;
   height: 100%;
@@ -77,18 +77,21 @@ const e = n(u)`
   & > div {
     width: 100%;
   }
-`, jr = ({ gamification: t, className: o }) => {
-  const s = m(t.openedQuestion.$store), i = m(t.openedUser);
-  return /* @__PURE__ */ p(d, { children: [
-    s && /* @__PURE__ */ r(e, { className: o, children: /* @__PURE__ */ r(f, { gamification: t }) }),
-    i && /* @__PURE__ */ r(e, { className: o, children: /* @__PURE__ */ p(x, { children: [
+`, S = ({ correct: t, incorrect: o }) => {
+  const i = t + o;
+  return i === 0 ? 0 : Math.round(t / i * 100);
+}, kt = ({ gamification: t, className: o }) => {
+  const i = m(t.openedQuestion.$store), p = m(t.openedUser);
+  return /* @__PURE__ */ e(d, { children: [
+    i && /* @__PURE__ */ r(n, { className: o, children: /* @__PURE__ */ r(f, { gamification: t }) }),
+    p && /* @__PURE__ */ r(n, { className: o, children: /* @__PURE__ */ e(x, { children: [
       /* @__PURE__ */ r(c, { label: "Friend's Rank", close: t.closeUser }),
-      /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { ...i }) })
+      /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(u, { ...p, successRate: S(p) }) })
     ] }) }),
     /* @__PURE__ */ r(a, { className: o, "data-nav": "true", children: /* @__PURE__ */ r(v, { gamification: t }) })
   ] });
 };
 export {
-  jr as GamificationOverlay,
-  jr as default
+  kt as GamificationOverlay,
+  kt as default
 };

package/lib/ui/gamification/user-statistics/index.d.ts

@@ -9,6 +9,6 @@ export interface UserStatisticsProps {
     correct?: number;
     incorrect?: number;
     inTop?: number;
-    average?: number;
+    successRate?: number;
 }
 export declare const UserStatistics: React.FC<UserStatisticsProps>;

package/lib/ui/gamification/user-statistics/index.js

@@ -16,7 +16,7 @@ const m = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXd
   correct: u,
   incorrect: x,
   inTop: i,
-  average: O
+  successRate: O
 }) => /* @__PURE__ */ N(k, { children: [
   /* @__PURE__ */ M(E, { children: /* @__PURE__ */ N(Q, { children: [
     /* @__PURE__ */ N(Y, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.65.0",
+  "version": "0.65.2",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -84,6 +84,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.29.7"
+    "@streamlayer/react": "^0.29.9"
   }
 }