@streamlayer/react-ui 0.98.1 → 0.99.0

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

@@ -1,101 +1,69 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { styled as n } from "@linaria/react";
-import { useStore as m } from "@nanostores/react";
-import { QuestionType as u } from "@streamlayer/sdk-web-types";
-import { useMastersContext as l } from "../../useMastersContext.js";
-import { VoteHeader as a } from "../../../gamification/detail/header/index.js";
-import { Sponsor as c } from "../../../gamification/detail/sponsor/index.js";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { styled as l } from "@linaria/react";
+import { useStore as n } from "@nanostores/react";
+import { QuestionType as a } from "@streamlayer/sdk-web-types";
+import { useMastersContext as m } from "../../useMastersContext.js";
+import { VoteHeader as c } from "../../../gamification/detail/header/index.js";
+import { Sponsor as p } from "../../../gamification/detail/sponsor/index.js";
 import { Vote as f } from "../../../gamification/vote/index.js";
 import { InsightDetails as b } from "../../../gamification/vote/insight-details/index.js";
 import { TwitterDetails as y } from "../../../gamification/vote/twitter-details/index.js";
-import "react";
-import "../../../gamification/constants.js";
-import "../../../gamification/detail/header/styles.js";
-import "../../../icons/index.js";
-import "../../../gamification/vote/expired-alert/index.js";
-import "../../../gamification/vote/expired-alert/styles.js";
-import "../../../gamification/vote/feedback/index.js";
-import "../../../gamification/vote/feedback/styles.js";
-import "../../../show-in/index.js";
-import "@linaria/core";
-import "../../../gamification/vote/styles.js";
-import "../../styles.js";
-import "../../../gamification/vote/vote-option/index.js";
-import "../../../animated-counter/index.js";
-import "react-countup";
-import "../../../gamification/vote/vote-option/styles.js";
-import "../../../gamification/vote/win-bar/index.js";
-import "../../../timer/index.js";
-import "react-countdown-circle-timer";
-import "../../../theme/constants.js";
-import "../../../gamification/vote/win-bar/styles.js";
-import "../../../questions/insight/index.js";
-import "../../../video-player/index.js";
-import "../../../video-player/styles.js";
-import "../../../questions/insight/styles.js";
-import "../../../gamification/vote/insight-details/styles.js";
-import "../../../questions/twitter/index.js";
-import "../../../questions/twitter/account/index.js";
-import "../../../../utils/common.js";
-import "../../../questions/twitter/account/styles.js";
-import "../../../questions/twitter/styles.js";
-import "../../../gamification/vote/twitter-details/styles.js";
-const d = /* @__PURE__ */ n("div")({
+const d = /* @__PURE__ */ l("div")({
   name: "QuestionContainer",
   class: "qdri6g3",
   propsAsIs: !1
 }), x = ({
   openedQuestion: t
 }) => {
-  var e, o;
+  var s, e;
   const {
     sdk: r
-  } = l();
-  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ i(b, {
+  } = m();
+  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ o(b, {
     ...t.attributes.attributes.value,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
-  }) : ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ i(y, {
+  }) : ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "tweet" ? /* @__PURE__ */ o(y, {
     ...t.attributes.attributes.value,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
   }) : null;
 }, V = ({
   extendedQuestion: t,
   vote: r,
-  close: e
+  close: s
 }) => {
   const {
-    loading: o,
-    data: s
+    loading: e,
+    data: i
   } = t;
-  return s ? /* @__PURE__ */ i(f, {
+  return i ? /* @__PURE__ */ o(f, {
     vote: r,
-    close: e,
-    openedQuestion: s,
-    isLoading: !!o
+    close: s,
+    openedQuestion: i,
+    isLoading: !!e
   }) : null;
-}, pt = ({
+}, j = ({
   gamification: t
 }) => {
-  var s;
-  const r = m(t.openedQuestion.$store), e = m(t.openedQuestion.$extendedStore);
+  var i;
+  const r = n(t.openedQuestion.$store), s = n(t.openedQuestion.$extendedStore);
   if (!r)
     return null;
-  const o = r.type;
-  return /* @__PURE__ */ p(d, {
-    children: [/* @__PURE__ */ i(a, {
+  const e = r.type;
+  return /* @__PURE__ */ u(d, {
+    children: [/* @__PURE__ */ o(c, {
       close: t.closeQuestion,
-      type: ((s = r.attributes) == null ? void 0 : s.type) || u.UNSET
-    }), o === "question" && /* @__PURE__ */ i(V, {
+      type: ((i = r.attributes) == null ? void 0 : i.type) || a.UNSET
+    }), e === "question" && /* @__PURE__ */ o(V, {
       vote: t.submitAnswer,
       close: t.closeQuestion,
-      extendedQuestion: e
-    }), o !== "question" && /* @__PURE__ */ i(x, {
+      extendedQuestion: s
+    }), e !== "question" && /* @__PURE__ */ o(x, {
       openedQuestion: r
-    }), /* @__PURE__ */ i(c, {
+    }), /* @__PURE__ */ o(p, {
       sponsorLogo: ""
     })]
   });
 };
 export {
-  pt as Question
+  j as Question
 };

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

@@ -1,37 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useStore as p } from "@nanostores/react";
-import { useMastersContext as e } from "../../useMastersContext.js";
-import { QuestionList as s } from "../../../gamification/question/list/index.js";
-import "react";
-import "../../../gamification/question/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../../gamification/constants.js";
-import "../../../skeleton/index.js";
-import "../../../skeleton/styles.js";
-import "@linaria/react";
-import "../../../gamification/question/styles.js";
-import "../../../icons/index.js";
-import "../../../gamification/question/insight/index.js";
-import "../../../questions/insight/index.js";
-import "../../../video-player/index.js";
-import "@linaria/core";
-import "../../../video-player/styles.js";
-import "../../../questions/insight/styles.js";
-import "../../../gamification/question/insight/styles.js";
-import "../../../gamification/question/twitter/index.js";
-import "../../../questions/twitter/index.js";
-import "../../../questions/twitter/account/index.js";
-import "../../../../utils/common.js";
-import "../../../questions/twitter/account/styles.js";
-import "../../../questions/twitter/styles.js";
-import "../../../gamification/question/twitter/styles.js";
-import "../../../button/index.js";
-import "../../../button/styles.js";
-import "../../../gamification/question/list/styles.js";
-const H = ({ store: t, openQuestion: r }) => {
-  const { sdk: o } = e(), i = p(t);
-  return /* @__PURE__ */ m(s, { openQuestion: r, questions: i.data, controlVideo: o == null ? void 0 : o.controlVideoPlayer });
+import { jsx as s } from "react/jsx-runtime";
+import { useStore as i } from "@nanostores/react";
+import { useMastersContext as n } from "../../useMastersContext.js";
+import { QuestionList as m } from "../../../gamification/question/list/index.js";
+const a = ({ store: t, openQuestion: r }) => {
+  const { sdk: o } = n(), e = i(t);
+  return /* @__PURE__ */ s(m, { openQuestion: r, questions: e.data, controlVideo: o == null ? void 0 : o.controlVideoPlayer });
 };
 export {
-  H as QuestionsList
+  a as QuestionsList
 };

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

@@ -1,111 +1,54 @@
-import { jsxs as h, jsx as t, Fragment as D } from "react/jsx-runtime";
+import { jsxs as p, jsx as e, Fragment as D } from "react/jsx-runtime";
 import { useStore as f } from "@nanostores/react";
 import { useState as T, useTransition as v, useEffect as A } from "react";
 import { TabsContainer as I, TabsNavContainer as P, SDKWhiteContainer as S, UserSummaryContainer as V, SDKContentContainer as E, LeaderboardContainer as K } from "../../styles.js";
 import { scrollIntoAppView as L } from "../../useSdkScroll.js";
-import { ActivePages as a, Tabs as B } from "../../../gamification/tabs/index.js";
+import { ActivePages as c, Tabs as B } from "../../../gamification/tabs/index.js";
 import { Leaderboard as F } from "./Leaderboard.js";
 import { QuestionsList as O } from "./QuestionsList.js";
 import { UserSummary as Q } from "./UserSummary.js";
-import "@linaria/react";
-import "lodash.throttle";
-import "../../../theme/constants.js";
-import "../../../../index-z0QjLiEL.js";
-import "../../../../index-uEuzH3jr.js";
-import "../../../gamification/tabs/styles.js";
-import "../../useClipboardCopy.js";
-import "../../../../index-jRXrW6ie.js";
-import "../../../gamification/copyNotification/index.js";
-import "../../../icons/index.js";
-import "../../../gamification/copyNotification/styles.js";
-import "../../../gamification/invite-link/index.js";
-import "../../../../hooks/analytics.js";
-import "@streamlayer/sdk-web-interfaces";
-import "@streamlayer/sdk-web-types";
-import "../../../gamification/invite-link/styles.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../../gamification/leaderboard/list-item/styles.js";
-import "../../../../styles_z07sl8-w40geAFS.js";
-import "../../../gamification/leaderboard/static.js";
-import "react-infinite-scroller";
-import "../../../gamification/leaderboard/list-item/index.js";
-import "../../../../utils/common.js";
-import "./Friends.js";
-import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
-import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
-import "../../useMastersContext.js";
-import "../../../gamification/question/list/index.js";
-import "../../../gamification/question/index.js";
-import "../../../gamification/constants.js";
-import "../../../skeleton/index.js";
-import "../../../skeleton/styles.js";
-import "../../../gamification/question/styles.js";
-import "../../../gamification/question/insight/index.js";
-import "../../../questions/insight/index.js";
-import "../../../video-player/index.js";
-import "@linaria/core";
-import "../../../video-player/styles.js";
-import "../../../questions/insight/styles.js";
-import "../../../gamification/question/insight/styles.js";
-import "../../../gamification/question/twitter/index.js";
-import "../../../questions/twitter/index.js";
-import "../../../questions/twitter/account/index.js";
-import "../../../questions/twitter/account/styles.js";
-import "../../../questions/twitter/styles.js";
-import "../../../gamification/question/twitter/styles.js";
-import "../../../button/index.js";
-import "../../../button/styles.js";
-import "../../../gamification/question/list/styles.js";
-import "../../../gamification/user-statistics/index.js";
-import "../../../gamification/user-statistics/components/rank/index.js";
-import "../../../gamification/user-statistics/components/rank/styles.js";
-import "../../../gamification/user-statistics/components/statistic/index.js";
-import "../../../gamification/user-statistics/components/statistic/styles.js";
-import "../../../gamification/user-statistics/styles.js";
-const Yt = ({ gamification: o, className: l, scrollStore: r, scrollNode: u, appNode: e, style: b, responsiveStore: m, headerNode: w }) => {
-  const { tabsShown: d } = f(r, { keys: ["tabsShown"] }), [p, y] = T(a.HOME), [, g] = v(), { sdkInDesktopView: n, screen: k } = f(m, { keys: ["sdkInDesktopView"] }), x = (i) => {
+const J = ({ gamification: n, className: l, scrollStore: t, scrollNode: u, appNode: s, style: b, responsiveStore: i, headerNode: w }) => {
+  const { tabsShown: m } = f(t, { keys: ["tabsShown"] }), [o, y] = T(c.HOME), [, g] = v(), { sdkInDesktopView: a, screen: k } = f(i, { keys: ["sdkInDesktopView"] }), x = (r) => {
     g(() => {
-      var c;
-      y(i), n === !1 && (((c = e.current) == null ? void 0 : c.getBoundingClientRect().y) || 0) < 0 && L(e, k.size, { behavior: "instant" });
+      var h;
+      y(r), a === !1 && (((h = s.current) == null ? void 0 : h.getBoundingClientRect().y) || 0) < 0 && L(s, k.size, { behavior: "instant" });
     });
   };
-  A(() => r.listen((i) => {
-    if (i.scrollPosition === 0) {
-      r.setKey("tabsShown", !0);
+  A(() => t.listen((r) => {
+    if (r.scrollPosition === 0) {
+      t.setKey("tabsShown", !0);
       return;
     }
-    m.get().sdkInDesktopView ? r.setKey("tabsShown", i.scrollDirection === "backward") : r.setKey("tabsShown", i.scrollDirection === "forward");
-  }), [r, m]);
-  let s = "0px";
-  n ? s = d ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : s = d ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
-  const C = n ? e : w;
-  return /* @__PURE__ */ h(I, { className: l, style: b, children: [
-    /* @__PURE__ */ t(
+    i.get().sdkInDesktopView ? t.setKey("tabsShown", r.scrollDirection === "backward") : t.setKey("tabsShown", r.scrollDirection === "forward");
+  }), [t, i]);
+  let d = "0px";
+  a ? d = m ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : d = m ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px";
+  const C = a ? s : w;
+  return /* @__PURE__ */ p(I, { className: l, style: b, children: [
+    /* @__PURE__ */ e(
       P,
       {
         style: {
-          top: s
+          top: d
         },
-        children: /* @__PURE__ */ t(B, { activePage: p, toggleActivePage: x })
+        children: /* @__PURE__ */ e(B, { activePage: o, toggleActivePage: x })
       }
     ),
-    p === a.HOME && /* @__PURE__ */ h(D, { children: [
-      /* @__PURE__ */ t(S, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(Q, { userSummary: o.userSummary }) }) }),
-      /* @__PURE__ */ t(E, { style: { flex: 1 }, children: /* @__PURE__ */ t(O, { openQuestion: o.openQuestion, store: o.feedList.getStore() }) })
+    o === c.HOME && /* @__PURE__ */ p(D, { children: [
+      /* @__PURE__ */ e(S, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(Q, { userSummary: n.userSummary }) }) }),
+      /* @__PURE__ */ e(E, { style: { flex: 1 }, children: /* @__PURE__ */ e(O, { openQuestion: n.openQuestion, store: n.feedList.getStore() }) })
     ] }),
-    p === a.LEADERBOARD && /* @__PURE__ */ t(K, { children: /* @__PURE__ */ t(
+    o === c.LEADERBOARD && /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(
       F,
       {
         renderClipBoardNode: C,
-        scrollStore: r,
+        scrollStore: t,
         scrollNode: u,
-        gamification: o
+        gamification: n
       }
     ) })
   ] });
 };
 export {
-  Yt as Tabs
+  J as Tabs
 };

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

@@ -1,27 +1,18 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useState as s, useEffect as c } from "react";
-import { UserStatistics as n } from "../../../gamification/user-statistics/index.js";
-import "../../../skeleton/index.js";
-import "../../../skeleton/styles.js";
-import "@linaria/react";
-import "../../../../utils/common.js";
-import "../../../gamification/user-statistics/components/rank/index.js";
-import "../../../gamification/user-statistics/components/rank/styles.js";
-import "../../../gamification/user-statistics/components/statistic/index.js";
-import "../../../gamification/user-statistics/components/statistic/styles.js";
-import "../../../gamification/user-statistics/styles.js";
-const v = ({ userSummary: r }) => {
-  var o;
-  const [t, i] = s(void 0);
-  return c(() => {
-    const e = r.$store.subscribe((m) => {
-      m && i(m);
+import { jsx as m } from "react/jsx-runtime";
+import { useState as i, useEffect as n } from "react";
+import { UserStatistics as a } from "../../../gamification/user-statistics/index.js";
+const b = ({ userSummary: r }) => {
+  var e;
+  const [t, s] = i(void 0);
+  return n(() => {
+    const c = r.$store.subscribe((o) => {
+      o && s(o);
     });
     return () => {
-      e();
+      c();
     };
-  }, [r]), /* @__PURE__ */ p(n, { loading: !(t != null && t.summary), ...t == null ? void 0 : t.summary, successRate: (o = t == null ? void 0 : t.percentage) == null ? void 0 : o.correct });
+  }, [r]), /* @__PURE__ */ m(a, { loading: !(t != null && t.summary), ...t == null ? void 0 : t.summary, successRate: (e = t == null ? void 0 : t.percentage) == null ? void 0 : e.correct });
 };
 export {
-  v as UserSummary
+  b as UserSummary
 };

package/lib/ui/app/Features/Gamification/gamification-feature.js

@@ -1,95 +1,4 @@
-import { GamificationOverlay as o } from "./index.js";
-import "react/jsx-runtime";
-import "@linaria/react";
-import "@nanostores/react";
-import "../../styles.js";
-import "../../../gamification/detail/header/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../../gamification/constants.js";
-import "../../../gamification/detail/header/styles.js";
-import "../../../icons/index.js";
-import "react";
-import "../../../gamification/user-statistics/index.js";
-import "../../../skeleton/index.js";
-import "../../../skeleton/styles.js";
-import "../../../../utils/common.js";
-import "../../../gamification/user-statistics/components/rank/index.js";
-import "../../../gamification/user-statistics/components/rank/styles.js";
-import "../../../gamification/user-statistics/components/statistic/index.js";
-import "../../../gamification/user-statistics/components/statistic/styles.js";
-import "../../../gamification/user-statistics/styles.js";
-import "../../../modal/index.js";
-import "../../../../index-jRXrW6ie.js";
-import "../../../../index-uEuzH3jr.js";
-import "../../../theme/constants.js";
-import "../../../show-in/index.js";
-import "@linaria/core";
-import "./Question.js";
-import "../../useMastersContext.js";
-import "../../../gamification/detail/sponsor/index.js";
-import "../../../gamification/vote/index.js";
-import "../../../gamification/vote/expired-alert/index.js";
-import "../../../gamification/vote/expired-alert/styles.js";
-import "../../../gamification/vote/feedback/index.js";
-import "../../../gamification/vote/feedback/styles.js";
-import "../../../gamification/vote/styles.js";
-import "../../../gamification/vote/vote-option/index.js";
-import "../../../animated-counter/index.js";
-import "react-countup";
-import "../../../gamification/vote/vote-option/styles.js";
-import "../../../gamification/vote/win-bar/index.js";
-import "../../../timer/index.js";
-import "react-countdown-circle-timer";
-import "../../../gamification/vote/win-bar/styles.js";
-import "../../../gamification/vote/insight-details/index.js";
-import "../../../questions/insight/index.js";
-import "../../../video-player/index.js";
-import "../../../video-player/styles.js";
-import "../../../questions/insight/styles.js";
-import "../../../gamification/vote/insight-details/styles.js";
-import "../../../gamification/vote/twitter-details/index.js";
-import "../../../questions/twitter/index.js";
-import "../../../questions/twitter/account/index.js";
-import "../../../questions/twitter/account/styles.js";
-import "../../../questions/twitter/styles.js";
-import "../../../gamification/vote/twitter-details/styles.js";
-import "./Tabs.js";
-import "../../useSdkScroll.js";
-import "lodash.throttle";
-import "../../../../index-z0QjLiEL.js";
-import "../../../gamification/tabs/index.js";
-import "../../../gamification/tabs/styles.js";
-import "./Leaderboard.js";
-import "../../useClipboardCopy.js";
-import "../../../gamification/copyNotification/index.js";
-import "../../../gamification/copyNotification/styles.js";
-import "../../../gamification/invite-link/index.js";
-import "../../../../hooks/analytics.js";
-import "@streamlayer/sdk-web-interfaces";
-import "../../../gamification/invite-link/styles.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../../gamification/leaderboard/list-item/styles.js";
-import "../../../../styles_z07sl8-w40geAFS.js";
-import "../../../gamification/leaderboard/static.js";
-import "react-infinite-scroller";
-import "../../../gamification/leaderboard/list-item/index.js";
-import "./Friends.js";
-import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
-import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
-import "./QuestionsList.js";
-import "../../../gamification/question/list/index.js";
-import "../../../gamification/question/index.js";
-import "../../../gamification/question/styles.js";
-import "../../../gamification/question/insight/index.js";
-import "../../../gamification/question/insight/styles.js";
-import "../../../gamification/question/twitter/index.js";
-import "../../../gamification/question/twitter/styles.js";
-import "../../../button/index.js";
-import "../../../button/styles.js";
-import "../../../gamification/question/list/styles.js";
-import "./UserSummary.js";
+import { GamificationOverlay as i } from "./index.js";
 export {
-  o as default
+  i as default
 };