@streamlayer/react-ui 0.39.0 → 0.41.0

package/lib/ui/theme/constants.js

@@ -8,7 +8,6 @@ const N = {
   BG_TRANSPARENT_VOTE_PROGRESS: "rgba(255, 255, 255, 0.2)",
   BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS: "rgba(60, 139, 251, 0.5)",
   BG_TRANSPARENT_VOTE_PROGRESS_ERROR: "rgba(205, 37, 37, 0.5)",
-  BG_TRANSPARENT_USER_CONTAINER: "rgba(255, 255, 255, 0.05)",
   BG_TRANSPARENT_ONBOARDING_INAPP: "rgba(138, 159, 182, 0.2)",
   LEADERBOARD_UNIT: "rgba(255, 255, 255, 0.5)",
   BLUE_PRIMARY: "#1589EE",
@@ -26,7 +25,6 @@ const N = {
   RED_1: "#A30000",
   RED_2: "#FF4170",
   GREY_PRIMARY: "#909395",
-  DIVIDER_COLOR_PRIMARY: "#2d3135",
   DIVIDER_COLOR_SECONDARY: "#53565a",
   GREEN_PRIMARY_BTN: "#009B77"
 }, T = {
@@ -50,20 +48,20 @@ const N = {
   NEUTRALS_GRAY9: "#25282A",
   NEUTRALS_BLACK: "#000000"
 }, E = Object.assign({}, N, T), S = {
-  REGULAR: "'Benton Sans', BentonSans, SL-FONT1, Arial, Helvetica, sans-serif",
-  SERIF: "'Tiempos', 'Tiempos Text', SL-FONT2, Times New Roman, serif",
+  REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
+  SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
   COLOR: "#fff",
   WEIGHT_DEFAULT: "500"
-}, O = Object.keys(E).reduce((_, R) => {
-  const A = E[R];
+}, G = Object.keys(E).reduce((A, R) => {
+  const _ = E[R];
   return `
-    ${_}
-    --color-${R.toLowerCase().replaceAll("_", "-")}: ${A};
+    ${A}
+    --color-${R.toLowerCase().replaceAll("_", "-")}: ${_};
   `;
 }, "");
 export {
   E as COLORS,
   S as FONT,
   T as MASTERS_COLORS,
-  O as colors
+  G as colors
 };

package/lib/utils/common.js

@@ -1,4 +1,5 @@
-const t = (e) => e.split(/\s+/).map((p) => p[0]).join("").toUpperCase();
+const e = (t) => t.split(/\s+/).map((o) => o[0]).join("").toUpperCase(), a = (t) => t ? t.toLocaleString("en-US") : "0";
 export {
-  t as abbreviate
+  e as abbreviate,
+  a as formatDecimals
 };

package/lib/utils/decorators/container.js

@@ -1,14 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { StreamLayerThemeProvider as t } from "../../ui/theme/index.js";
-import { useCustomFonts as e } from "../../ui/theme/Typography.js";
-import { AppContainer as i } from "./styles.js";
+import { StreamLayerThemeProvider as o } from "../../ui/theme/index.js";
+import { AppContainer as t } from "./styles.js";
 import "../../ui/theme/theme.js";
 import "@linaria/core";
 import "../../ui/theme/constants.js";
-import "react";
 import "@linaria/react";
-const l = (o) => (e(), /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(o, {}) })), u = (o) => (e(), /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(o, {}) }) }) }));
+const a = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(e, {}) }), l = (e) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, {}) }) }) });
 export {
-  u as container,
-  l as theme
+  l as container,
+  a as theme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.39.0",
+  "version": "0.41.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -27,12 +27,12 @@
   ],
   "peerDependencies": {
     "@streamlayer/sl-eslib": "^5.52.0",
-    "@streamlayer/sdk-web": "^0.28.2",
-    "@streamlayer/feature-gamification": "^0.18.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.10.11",
+    "@streamlayer/feature-gamification": "^0.18.1",
+    "@streamlayer/sdk-web": "^0.28.3",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.10.12",
     "@streamlayer/sdk-web-api": "^0.0.6",
-    "@streamlayer/sdk-web-core": "^0.14.2",
-    "@streamlayer/sdk-web-features": "^0.10.5",
+    "@streamlayer/sdk-web-core": "^0.15.0",
+    "@streamlayer/sdk-web-features": "^0.10.6",
     "@streamlayer/sdk-web-interfaces": "^0.18.4",
     "@streamlayer/sdk-web-notifications": "^0.10.3",
     "@streamlayer/sdk-web-storage": "^0.3.6",
@@ -73,6 +73,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.23.4"
+    "@streamlayer/react": "^0.24.0"
   }
 }

package/lib/fedex-a8dcc7b2.js

@@ -1,4 +0,0 @@
-const M = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA2OCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlZlY3RvciI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTYuNjE1NSA3LjQ0MTQ2SDUwLjcwNjZMNTYuMzA3MiAxMy44NjE1TDUwLjcwNjYgMjAuMjgwNUg1Ni40MzU3TDU5LjE1ODcgMTcuMTM3TDYxLjkwNjggMjAuMjgwNUg2Ny44NEw2Mi4xOSAxMy44MzQ4TDY3Ljc2MzYgNy40NDE0Nkg2Mi4wNjA2TDU5LjM4OTcgMTAuNTYwMkw1Ni42MTU1IDcuNDQxNDZaTTYyLjI3MjEgNy45MTY1OUw1OS4zOTY0IDExLjI3NDdMNTYuNDA5MiA3LjkxNjU5SDUxLjc0NDZMNTYuOTMwNyAxMy44NjE1TDUxLjc0NDcgMTkuODA1NEg1Ni4yMjU3TDU5LjE1NzEgMTYuNDIxM0w2Mi4xMTU2IDE5LjgwNTRINjYuNzk4N0w2MS41NjYgMTMuODM1N0w2Ni43MjYxIDcuOTE2NTlINjIuMjcyMVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDQuMzYzNSA3LjQ0MTQ2VjQuNTY0MDZINTAuNzA2NlYwLjA1NTk5OThIMzkuNzAyVjIwLjI4MDVINTAuNzA2NlYxNS43NjAxSDQ0LjM2MzVWMTEuNzc5NEg1MC43MDY2VjcuNDQxNDZINDQuMzYzNVpNNTAuMjQwOCA3LjkxNjU5SDQzLjg5NzhWNC4wODg5M0g1MC4yNDA4VjAuNTMxMTMySDQwLjE2NzhWMTkuODA1NEg1MC4yNDA4VjE2LjIzNTJINDMuODk3OFYxMS4zMDQzSDUwLjI0MDhWNy45MTY1OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0zNS4wNiAwLjA1NTk5OThWOC4zMzI4MUgzNS4wMDg3QzMzLjk4MDMgNy4xMjc4NyAzMi42OTY2IDYuNzA4ODEgMzEuMjA3IDYuNzA4ODFDMjguMTU1MiA2LjcwODgxIDI1Ljg1NjEgOC44MjYgMjUuMDQ5MyAxMS42MjM2QzI0LjEyOCA4LjU0MDkyIDIxLjc1NDQgNi42NTA4NCAxOC4yMzQ5IDYuNjUwODRDMTUuMzc2OSA2LjY1MDg0IDEzLjExOTcgNy45NTkzNiAxMS45NDIyIDEwLjA5MThWNy40NDE0Nkg2LjAzNDE2VjQuNTY0MDZIMTIuNDgxNVYwLjA1NTk5OThIMC43NjgwMDVWMjAuMjgwNUg2LjAzNDE2VjExLjc3OTRIMTEuMjgzNkMxMS4xMjcgMTIuNDAzNyAxMS4wNDMyIDEzLjA3MjcgMTEuMDQzMiAxMy43Nzg4QzExLjA0MzIgMTcuOTk3IDE0LjIwMzEgMjAuOTU4IDE4LjIzNDkgMjAuOTU4QzIxLjYyNTggMjAuOTU4IDIzLjg2MDcgMTkuMzM0IDI1LjA0MTkgMTYuMzc0SDIwLjUyODRDMTkuOTE4MyAxNy4yNjQ0IDE5LjQ1NTMgMTcuNTI3NiAxOC4yMzQ5IDE3LjUyNzZDMTYuODE5OSAxNy41Mjc2IDE1LjU5OTUgMTYuMjY4NSAxNS41OTk1IDE0Ljc3NTZIMjQuNzg5NEMyNS4xODgxIDE4LjEyNjIgMjcuNzQ3MiAyMS4wMTYgMzEuMjU4MiAyMS4wMTZDMzIuNzczIDIxLjAxNiAzNC4xNjAxIDIwLjI1NTggMzUuMDA3OCAxOC45NzI5SDM1LjA1OVYyMC4yODI0SDM5LjcwMUwzOS43MDIgMC4wNTU5OTk4SDM1LjA2Wk0xNS43NDY3IDExLjgzOTNDMTYuMDM5MiAxMC41NTQ1IDE3LjAxNjQgOS43MTU0NSAxOC4yMzU4IDkuNzE1NDVDMTkuNTc4MiA5LjcxNTQ1IDIwLjUwNTEgMTAuNTI4OSAyMC43NDkyIDExLjgzOTNDMjAuODUxNyAxMS44MzkzIDE1Ljc0NjcgMTEuODM5MyAxNS43NDY3IDExLjgzOTNaTTMyLjI0MiAxNy4yMDE2QzMwLjUzMDcgMTcuMjAxNiAyOS40NjY4IDE1LjU3NDggMjkuNDY2OCAxMy44NzY3QzI5LjQ2NjggMTIuMDYxNyAzMC4zOTE5IDEwLjMxNiAzMi4yNDIgMTAuMzE2QzM0LjE2MDEgMTAuMzE2IDM0LjkyNCAxMi4wNjE3IDM0LjkyNCAxMy44NzY3QzM0LjkyNCAxNS41OTc2IDM0LjExNDQgMTcuMjAxNiAzMi4yNDIgMTcuMjAxNloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==";
-export {
-  M as i
-};

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface StatisticsProps {
-    indicator: string | number;
-    title: 'Win streak' | 'Correct' | 'Incorrect' | 'Success rate';
-}
-export declare const Statistics: React.FC<StatisticsProps>;
-export {};

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

@@ -1,10 +0,0 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Container as n, Indicator as c } from "./styles.js";
-import "@linaria/react";
-const p = ({ indicator: i, title: t }) => /* @__PURE__ */ o(n, { children: [
-  /* @__PURE__ */ r(c, { children: i }),
-  /* @__PURE__ */ r("p", { children: t })
-] });
-export {
-  p as Statistics
-};

package/lib/ui/gamification/user-statistics/components/statistics/styles.js

@@ -1,16 +0,0 @@
-import { styled as t } from "@linaria/react";
-const o = t.div`
-  font-weight: 700;
-  display: flex;
-  flex-direction: column;
-  row-gap: 4px;
-  align-items: center;
-  text-align: center;
-`, i = t.div`
-  font-size: 18px;
-  color: #fff;
-`;
-export {
-  o as Container,
-  i as Indicator
-};

package/lib/ui/theme/Typography.d.ts

@@ -1,2 +0,0 @@
-export declare const useCustomFonts: () => void;
-export declare const Typography: () => import("react/jsx-runtime").JSX.Element;

package/lib/ui/theme/Typography.js

@@ -1,53 +0,0 @@
-import { jsx as s, jsxs as d } from "react/jsx-runtime";
-import { useEffect as g } from "react";
-const p = ["SL-FONT1", "SL-FONT2"], u = () => {
-  g(() => {
-    const o = window.document.styleSheets[0];
-    for (const t of p) {
-      const e = window.localStorage.getItem(t);
-      e && o.insertRule(
-        `
-          @font-face {
-            font-family: '${t}';
-            src: url(data:application/octet-stream;base64,${e});
-          }
-        `,
-        o.cssRules.length
-      );
-    }
-  }, []);
-}, y = () => {
-  const o = (t) => {
-    var i;
-    const e = t.target.name, a = (i = t.target.files) == null ? void 0 : i[0];
-    if (!a)
-      return;
-    const r = new FileReader();
-    r.onloadend = (m) => {
-      var c, l;
-      const n = (l = (c = m.target) == null ? void 0 : c.result) == null ? void 0 : l.toString();
-      if (n) {
-        const f = window.document.styleSheets[0];
-        f.insertRule(
-          `
-          @font-face {
-            font-family: '${e}';
-            src: url(data:application/octet-stream;base64,${n});
-          }
-        `,
-          f.cssRules.length
-        ), window.localStorage.setItem(e, n);
-      }
-    }, r.readAsText(a);
-  };
-  return u(), /* @__PURE__ */ s("div", { children: p.map((t) => /* @__PURE__ */ d("p", { style: { fontSize: "32px", fontFamily: t, lineHeight: "45px" }, children: [
-    "[",
-    t,
-    "] Typography - Desktop/Mobile/App",
-    !window.localStorage.getItem(t) && /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("input", { type: "file", name: t, accept: ".txt", onChange: o }) })
-  ] })) });
-};
-export {
-  y as Typography,
-  u as useCustomFonts
-};