@streamlayer/react-ui 0.69.0 → 0.69.2

package/lib/ui/animated-counter/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CountUpProps } from 'react-countup';
-export declare const AnimatedCounter: React.FC<Omit<CountUpProps, 'end' | 'start' | 'duration' | 'preserveValue'> & {
+export declare const AnimatedCounter: React.FC<Omit<CountUpProps, 'end' | 'start'> & {
     value?: number;
 }>;

package/lib/ui/animated-counter/index.js

@@ -1,9 +1,19 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "react-countup";
-const m = ({ value: e = 0, decimals: r, ...n }) => {
-  const [, t] = e.toString().split("."), o = r ?? ((t == null ? void 0 : t.length) || 0);
-  return /* @__PURE__ */ s(i, { end: e, ...n, duration: 1, decimals: o, enableScrollSpy: !1, preserveValue: !0 });
+import { jsx as m } from "react/jsx-runtime";
+import p from "react-countup";
+const d = ({ value: n = 0, decimals: o, duration: r = 1, preserveValue: e = !0, ...s }) => {
+  const [, t] = n.toString().split("."), i = o ?? ((t == null ? void 0 : t.length) || 0);
+  return /* @__PURE__ */ m(
+    p,
+    {
+      end: n,
+      ...s,
+      duration: r,
+      decimals: i,
+      enableScrollSpy: !1,
+      preserveValue: e
+    }
+  );
 };
 export {
-  m as AnimatedCounter
+  d as AnimatedCounter
 };

package/lib/ui/app/Notifications/Onboarding/index.d.ts

@@ -5,8 +5,4 @@ export declare const Onboarding: React.FC<{
     sdk: StreamLayerSDK;
     notification: Notification;
     hiding?: boolean;
-    NotificationContainer: React.FC<{
-        hiding?: boolean;
-        children: React.ReactNode;
-    }>;
 }>;

package/lib/ui/app/Notifications/Onboarding/index.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { styled as u } from "@linaria/react";
 import { useStore as g } from "@nanostores/react";
 import { useState as y } from "react";
@@ -27,19 +27,19 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
   propsAsIs: !0
 }), L = ({
   hiding: n,
-  deepLink: a,
+  deepLink: t,
   onboardingOpts: e,
-  setOpened: p,
-  notification: s,
-  gamification: i
+  setOpened: i,
+  notification: r,
+  gamification: o
 }) => {
-  var t, d, l, c, m, b;
+  var p, d, l, c, m, b;
   const {
-    data: r
-  } = g(a.$store);
-  return /* @__PURE__ */ o(S, {
+    data: a
+  } = g(t.$store);
+  return /* @__PURE__ */ s(S, {
     hiding: n,
-    children: /* @__PURE__ */ o(w, {
+    children: /* @__PURE__ */ s(w, {
       rules: [{
         label: "Answer as many questions as you like.",
         icon: "icon-btn-feature-groups"
@@ -50,7 +50,7 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
         label: "Top the leader board and best your friends.",
         icon: "icon-trophy"
       }],
-      rulesBtnLabel: (t = e.rules) == null ? void 0 : t.buttonLabel,
+      rulesBtnLabel: (p = e.rules) == null ? void 0 : p.buttonLabel,
       rulesTitle: (d = e.rules) == null ? void 0 : d.heading,
       steps: [{
         graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_01.json",
@@ -69,13 +69,13 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
         headline: "Compete against friends on the leaderboard"
       }],
       primaryColor: (l = e.inviteCard) == null ? void 0 : l.iconColor,
-      inviteLink: r == null ? void 0 : r.url,
+      inviteLink: a == null ? void 0 : a.url,
       inviteCardTitle: (c = e.inviteCard) == null ? void 0 : c.heading,
       inviteCardSubtext: (m = e.inviteCard) == null ? void 0 : m.subtext,
       inviteCardBtnLabel: (b = e.inviteCard) == null ? void 0 : b.buttonLabel,
       onClose: () => {
         var h;
-        p(!1), (h = s.close) == null || h.call(s);
+        i(!1), (h = r.close) == null || h.call(r);
       },
       socialLinks: [{
         icon: "icon-facebook",
@@ -86,30 +86,25 @@ const v = () => f, S = /* @__PURE__ */ u(v())({
         link: "https://twitter.com/@TheMasters",
         label: "X"
       }],
-      gamification: i
+      gamification: o
     })
   });
 }, Q = ({
   sdk: n,
-  hiding: a,
-  notification: e,
-  NotificationContainer: p
+  notification: t
 }) => {
-  const [s, i] = y(!1), r = n.getFeature(k.GAMES), t = e.data.onboarding;
-  return s && r && t ? /* @__PURE__ */ o(L, {
-    notification: e,
+  const [e, i] = y(!1), r = n.getFeature(k.GAMES), o = t.data.onboarding;
+  return e && r && o ? /* @__PURE__ */ s(L, {
+    notification: t,
     setOpened: i,
     gamification: r,
-    onboardingOpts: t,
+    onboardingOpts: o,
     deepLink: r.deepLink
-  }) : /* @__PURE__ */ o(p, {
-    hiding: a,
-    children: /* @__PURE__ */ o("div", {
-      children: /* @__PURE__ */ o(C, {
-        close: e.close,
-        action: () => i(!0),
-        onboarding: t
-      })
+  }) : /* @__PURE__ */ s("div", {
+    children: /* @__PURE__ */ s(C, {
+      close: t.close,
+      action: () => i(!0),
+      onboarding: o
     })
   });
 };

package/lib/ui/app/Notifications/index.js

@@ -1,10 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useStore as u } from "@nanostores/react";
-import { useMemo as c } from "react";
-import { NotificationType as o } from "@streamlayer/sdk-web-notifications";
-import { Notification as e } from "../../gamification/question/notification/index.js";
-import { Onboarding as s } from "./Onboarding/index.js";
-import { Container as m } from "./styles.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useStore as f } from "@nanostores/react";
+import { useState as u, useMemo as s } from "react";
+import { NotificationType as m } from "@streamlayer/sdk-web-notifications";
+import { Notification as n } from "../../gamification/question/notification/index.js";
+import { Onboarding as c } from "./Onboarding/index.js";
+import { Container as l } from "./styles.js";
 import "@streamlayer/sdk-web-types";
 import "../../gamification/constants.js";
 import "../../gamification/question/notification/insight/index.js";
@@ -39,25 +39,17 @@ import "../../show-in/index.js";
 import "@linaria/core";
 import "./Onboarding/Notification/index.js";
 import "./Onboarding/Notification/styles.js";
-const ii = ({ sdk: p }) => {
-  const f = p.getNotificationsStore(), t = u(f), i = c(() => {
-    if (!(t != null && t.size))
+const N = ({ sdk: o, notification: r }) => r.type === m.QUESTION ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.QUESTION_RESOLVED ? /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(n, { ...r }) }) : r.type === m.ONBOARDING ? /* @__PURE__ */ t(c, { sdk: o, notification: r, hiding: r.hiding }) : null, ir = ({ sdk: o }) => {
+  const [r] = u(o.getNotificationsStore()), i = f(r), p = s(() => {
+    if (!(i != null && i.size))
       return null;
-    for (const n of t.values())
-      if (n.type === o.ONBOARDING)
-        return n;
-    return t.values().next().value;
-  }, [t]);
-  return (i == null ? void 0 : i.type) === o.QUESTION ? /* @__PURE__ */ r(m, { hiding: i.hiding, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, { ...i }) }) }) : (i == null ? void 0 : i.type) === o.QUESTION_RESOLVED ? /* @__PURE__ */ r(m, { hiding: i.hiding, children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(e, { ...i }) }) }) : (i == null ? void 0 : i.type) === o.ONBOARDING ? /* @__PURE__ */ r(
-    s,
-    {
-      NotificationContainer: m,
-      sdk: p,
-      notification: i,
-      hiding: i.hiding
-    }
-  ) : null;
+    for (const e of i.values())
+      if (e.type === m.ONBOARDING)
+        return e;
+    return i.values().next().value;
+  }, [i]);
+  return p ? /* @__PURE__ */ t(l, { hiding: p.hiding, children: /* @__PURE__ */ t(N, { sdk: o, notification: p }) }) : null;
 };
 export {
-  ii as SDKNotifications
+  ir as SDKNotifications
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.69.0",
+  "version": "0.69.2",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -40,15 +40,16 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.9",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.26.6",
-    "@streamlayer/sdk-web": "^0.28.28",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.23",
+    "@streamlayer/sdk-web": "^0.28.29",
+    "@streamlayer/feature-gamification": "^0.26.7",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.11.24",
     "@streamlayer/sdk-web-api": "^0.0.1",
-    "@streamlayer/sdk-web-core": "^0.0.3",
-    "@streamlayer/sdk-web-features": "^0.10.31",
+    "@streamlayer/sdk-web-core": "^0.0.4",
+    "@streamlayer/sdk-web-features": "^0.10.32",
     "@streamlayer/sdk-web-interfaces": "^0.0.1",
-    "@streamlayer/sdk-web-notifications": "^0.13.3",
+    "@streamlayer/sdk-web-notifications": "^0.13.4",
     "@streamlayer/sdk-web-storage": "^0.0.4",
+    "@streamlayer/sdk-web-logger": "^0.0.1",
     "@streamlayer/sdk-web-types": "^0.0.1"
   },
   "nx": {
@@ -89,6 +90,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.31.4"
+    "@streamlayer/react": "^0.31.6"
   }
 }