@streamlayer/react-ui 0.96.2 → 0.97.0

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

@@ -1,19 +1,21 @@
-import { jsx as m, jsxs as w, Fragment as b } from "react/jsx-runtime";
+import { jsx as e, jsxs as y, Fragment as q } from "react/jsx-runtime";
+import { cx as P } from "@linaria/core";
 import { useStore as k } from "@nanostores/react";
-import { useState as y, useMemo as O, useEffect as I, useRef as E, useCallback as R } from "react";
-import { r as P } from "../../../index-jRXrW6ie.js";
-import { NotificationType as g } from "@streamlayer/sdk-web-notifications";
-import { useMastersContext as q } from "../useMastersContext.js";
-import { scrollIntoAppView as A } from "../useSdkScroll.js";
-import { QuestionTypeData as B } from "../../gamification/constants.js";
-import { Notification as T } from "../../gamification/question/notification/index.js";
-import { PredictionResult as H } from "../../gamification/question/notification/prediction-result/index.js";
-import { Onboarding as Q } from "./Onboarding/index.js";
-import { Pill as j, HiddenContainer as z, Container as F, InnerContainer as G, NotificationRefreshing as M } from "./styles.js";
+import { useState as I, useMemo as E, useEffect as a, useRef as R, useCallback as O } from "react";
+import { r as x } from "../../../index-jRXrW6ie.js";
+import { eventBus as A } from "@streamlayer/sdk-web-interfaces";
+import { NotificationType as f } from "@streamlayer/sdk-web-notifications";
+import { useMastersContext as B } from "../useMastersContext.js";
+import { scrollIntoAppView as H } from "../useSdkScroll.js";
+import { QuestionTypeData as Q } from "../../gamification/constants.js";
+import { Notification as b } from "../../gamification/question/notification/index.js";
+import { PredictionResult as z } from "../../gamification/question/notification/prediction-result/index.js";
+import { Onboarding as U } from "./Onboarding/index.js";
+import { Pill as j, HiddenContainer as F, Container as L, InnerContainer as M, NotificationRefreshing as _ } from "./styles.js";
 import "../../../index-uEuzH3jr.js";
 import "lodash.throttle";
 import "../../theme/constants.js";
-import "../../../index-keh7OLCY.js";
+import "../../../index-z0QjLiEL.js";
 import "@streamlayer/sdk-web-types";
 import "../../gamification/question/notification/insight/index.js";
 import "../../video-player/index.js";
@@ -35,7 +37,6 @@ import "../../gamification/question/notification/prediction-result/animation-lin
 import "../../gamification/question/notification/prediction-result/animation-lines/styles.js";
 import "../../gamification/question/notification/prediction-result/styles.js";
 import "../../show-in/index.js";
-import "@linaria/core";
 import "../useImagesPreload.js";
 import "../../gamification/onboarding/index.js";
 import "react-virtualized-auto-sizer";
@@ -46,6 +47,7 @@ import "../../gamification/onboarding/invitingUser/index.js";
 import "../../gamification/onboarding/invitingUser/styles.js";
 import "../../gamification/onboarding/slides/onboarding-instructions/styles.js";
 import "../../gamification/onboarding/slides/onboarding-invite-card/index.js";
+import "../../../hooks/analytics.js";
 import "../useClipboardCopy.js";
 import "../../gamification/copyNotification/index.js";
 import "../../gamification/copyNotification/styles.js";
@@ -62,127 +64,132 @@ import "./Onboarding/Notification/index.js";
 import "./Onboarding/Notification/styles.js";
 import "../../gamification/question/notification/pill/index.js";
 import "../../gamification/question/notification/pill/styles.js";
-const U = (p) => {
-  const [t, n] = y(0), i = E(null), e = R((r) => {
-    i.current = r;
+const G = (m) => {
+  const [t, p] = I(0), i = R(null), n = O((o) => {
+    i.current = o;
   }, []);
-  I(() => {
-    var o;
-    const r = (o = i.current) == null ? void 0 : o.getBoundingClientRect();
-    r && n(r.height);
-  }, [p]);
-  const s = R((r) => {
-    n(r);
+  a(() => {
+    var s;
+    const o = (s = i.current) == null ? void 0 : s.getBoundingClientRect();
+    o && p(o.height);
+  }, [m]);
+  const l = O((o) => {
+    p(o);
   }, []);
-  return [e, t, s];
+  return [n, t, l];
 }, K = ({
-  sdk: p,
+  sdk: m,
   notification: t,
-  appNode: n,
-  sdkInDesktopView: i
+  appNode: p,
+  sdkInDesktopView: i,
+  responsiveStore: n
 }) => {
-  var c, u;
+  var c, g;
   const {
-    sdk: e
-  } = q(), [s, r, o] = U(t.id);
-  return t.type === g.QUESTION ? /* @__PURE__ */ w(b, {
-    children: [/* @__PURE__ */ m(z, {
-      ref: s,
-      children: /* @__PURE__ */ m(T, {
+    sdk: l
+  } = B(), [o, s, u] = G(t.id);
+  return t.type === f.QUESTION ? /* @__PURE__ */ y(q, {
+    children: [/* @__PURE__ */ e(F, {
+      ref: o,
+      children: /* @__PURE__ */ e(b, {
         ...t
       })
-    }), /* @__PURE__ */ w(F, {
+    }), /* @__PURE__ */ y(L, {
       style: {
-        height: t.hiding ? 0 : r
+        height: t.hiding ? 0 : s
       },
       hiding: t.hiding,
-      children: [/* @__PURE__ */ m(G, {
+      children: [/* @__PURE__ */ e(M, {
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ m(T, {
+        children: /* @__PURE__ */ e(b, {
           ...t,
-          controlVideo: e == null ? void 0 : e.controlVideoPlayer
+          controlVideo: l == null ? void 0 : l.controlVideoPlayer
         })
-      }), /* @__PURE__ */ m(M, {}, t.id)]
+      }), /* @__PURE__ */ e(_, {}, t.id)]
     })]
-  }) : t.type === g.QUESTION_RESOLVED && ((u = (c = t.data) == null ? void 0 : c.question) != null && u.predictionResult) ? /* @__PURE__ */ m(H, {
+  }) : t.type === f.QUESTION_RESOLVED && ((g = (c = t.data) == null ? void 0 : c.question) != null && g.predictionResult) ? /* @__PURE__ */ e(z, {
     style: {
-      height: t.hiding ? 0 : r
+      height: t.hiding ? 0 : s
     },
-    saveHeight: o,
+    saveHeight: u,
     close: t.close,
     hiding: t.hiding,
     ...t.data.question
-  }) : t.type === g.ONBOARDING ? /* @__PURE__ */ m(Q, {
+  }) : t.type === f.ONBOARDING ? /* @__PURE__ */ e(U, {
     style: {
-      height: t.hiding ? 0 : r
+      height: t.hiding ? 0 : s
     },
-    saveHeight: o,
-    sdk: p,
+    saveHeight: u,
+    sdk: m,
     notification: t,
     sdkInDesktopView: i,
-    appNode: n
+    appNode: p,
+    responsiveStore: n
   }) : null;
-}, ti = ({
-  sdk: p,
+}, S = "p1d7yse1", ni = ({
+  sdk: m,
   headerNode: t,
-  scrollNode: n,
+  scrollNode: p,
   responsiveStore: i,
-  appNode: e,
-  scrollStore: s
+  appNode: n,
+  scrollStore: l
 }) => {
-  const [r] = y(p.getNotificationsStore()), o = k(r), {
-    tabsShown: c
-  } = k(s, {
-    keys: ["tabsShown"]
+  const [o] = I(m.getNotificationsStore()), s = k(o), {
+    tabsShown: u,
+    scrollPosition: c
+  } = k(l, {
+    keys: ["tabsShown", "scrollPosition"]
   }), {
-    sdkInView: u,
-    sdkInDesktopView: C
+    sdkInDesktopView: g,
+    screen: w
   } = k(i, {
     keys: ["sdkInView", "sdkInDesktopView"]
-  }), [d, h] = y(null), l = O(() => {
-    if (!(o != null && o.size))
-      return null;
-    for (const a of o.values())
-      if (a.type === g.ONBOARDING)
-        return a;
-    return o.values().next().value;
-  }, [o]);
-  I(() => {
-    l && (i.get().sdkInDesktopView || i.get().sdkInView) && (!i.get().sdkInDesktopView && i.get().sdkInView && h(l), i.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      s.get().scrollPosition !== 0 && h(l);
+  }), [d, h] = I(null), r = E(() => m.getActiveNotification(), [m, s]);
+  a(() => {
+    r && A.emit("notification", {
+      action: "rendered",
+      payload: {
+        questionId: r.data.questionId,
+        questionType: r.data.questionType
+      }
+    });
+  }, [r]), a(() => {
+    r && (i.get().sdkInDesktopView || i.get().sdkInView) && (!i.get().sdkInDesktopView && i.get().sdkInView && h(r), i.get().sdkInDesktopView && window.requestAnimationFrame(() => {
+      c !== 0 && h(r);
     }));
-  }, [l]), I(() => {
-    u || h(null);
-  }, [u]);
-  const x = O(() => {
-    var V, D;
-    const f = i.get().sdkInDesktopView ? e : t;
-    return d && f.current && P.createPortal(/* @__PURE__ */ m(j, {
-      title: `New ${((D = B[(V = d.data) == null ? void 0 : V.questionType]) == null ? void 0 : D.label) || "notification"}`,
+  }, [r]), a(() => {
+    i.get().sdkInDesktopView ? c < 50 && h(null) : c > -50 && h(null);
+  }, [c, i]);
+  const C = E(() => {
+    var D, T;
+    const V = i.get().sdkInDesktopView ? n : t;
+    return d && V.current && x.createPortal(/* @__PURE__ */ e(j, {
+      title: d.type === f.QUESTION_RESOLVED ? "Prediction result" : `New ${((T = Q[(D = d.data) == null ? void 0 : D.questionType]) == null ? void 0 : T.label) || "notification"}`,
       onClick: () => {
         var N;
-        i.get().sdkInDesktopView ? (N = n.current) == null || N.scrollTo({
+        i.get().sdkInDesktopView ? (N = p.current) == null || N.scrollTo({
           top: 0,
           behavior: "smooth"
-        }) : A(e, {
+        }) : H(n, w.size, {
           behavior: "smooth"
         }), h(null);
       },
-      className: c ? "c1d7yse1" : void 0
-    }), f.current) || null;
-  }, [d, e, t, n, c, i]);
-  return /* @__PURE__ */ w(b, {
-    children: [!d && l && /* @__PURE__ */ m(K, {
-      sdkInDesktopView: C,
+      className: P(u && S, "sl-pill-button")
+    }), V.current) || null;
+  }, [d, n, t, p, u, i, w.size]);
+  return /* @__PURE__ */ y(q, {
+    children: [!d && r && /* @__PURE__ */ e(K, {
+      sdkInDesktopView: g,
       headerNode: t,
-      appNode: e,
-      sdk: p,
-      notification: l
-    }), x]
+      appNode: n,
+      sdk: m,
+      notification: r,
+      responsiveStore: i
+    }), C]
   });
 };
 export {
-  ti as SDKNotifications
+  ni as SDKNotifications
 };

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

@@ -1,10 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as p, useEffect as u } from "react";
-import { FeatureType as a } from "@streamlayer/sdk-web-types";
-import { useSdkFeature as c } from "../useSdkFeature.js";
-import { Points as f } from "../../gamification/points/index.js";
-import "@nanostores/react";
-import "@streamlayer/sdk-web-interfaces";
+import { jsx as i } from "react/jsx-runtime";
+import { useStore as a } from "@nanostores/react";
+import { useState as p, useEffect as c } from "react";
+import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as S } from "@streamlayer/sdk-web-types";
+import { Points as l } from "../../gamification/points/index.js";
 import "../../animated-counter/index.js";
 import "react-countup";
 import "../../theme/theme.js";
@@ -13,20 +12,24 @@ import "../../theme/constants.js";
 import "../../gamification/points/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
-const S = ({ userSummary: t }) => {
-  const [o, r] = p(0);
-  return u(() => {
-    const n = t.subscribe((i) => {
-      var e, m;
-      (m = (e = i.data) == null ? void 0 : e.summary) != null && m.points && r(i.data.summary.points);
+const y = ({ gamification: t }) => {
+  const e = t.userSummary.getStore(), [r, n] = p(0);
+  return c(() => {
+    const u = e.subscribe((o) => {
+      var s, m;
+      (m = (s = o.data) == null ? void 0 : s.summary) != null && m.points && n(o.data.summary.points);
     });
     return () => {
-      n();
+      u();
     };
-  }, [t]), /* @__PURE__ */ s(f, { points: o });
+  }, [e]), /* @__PURE__ */ i(l, { points: r, onClick: () => {
+    t.status.get() === f.Suspended && t.openFeature();
+  } });
 }, A = ({ sdk: t }) => {
-  const [o, r] = c(t);
-  return o !== a.GAMES || !r ? null : /* @__PURE__ */ s(S, { userSummary: r.userSummary.getStore() });
+  if (!a(t.featuresList.getStore()))
+    return null;
+  const r = t.getFeature(S.GAMES);
+  return r ? /* @__PURE__ */ i(y, { gamification: r }) : null;
 };
 export {
   A as StreamLayerSDKPoints

package/lib/ui/app/masters.js

@@ -1,150 +1,231 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { useRef as u, useEffect as C, useMemo as x } from "react";
-import { resetCss as v } from "../theme/theme.js";
-import { ActiveFeature as A } from "./Features/index.js";
-import { MastersNavigation as I } from "./Navigation/MastersNavigation/index.js";
-import { SDKNotifications as M } from "./Notifications/index.js";
-import { SDKContainer as B, SDKScrollContainer as F } from "./styles.js";
-import { useMastersApp as j } from "./useMastersApp.js";
-import { MastersContext as D } from "./useMastersContext.js";
-import { useSdkFeature as E } from "./useSdkFeature.js";
-import { useSdkResponsive as K } from "./useSdkResponsive.js";
-import { useSdkScroll as L } from "./useSdkScroll.js";
-import { ChannelsButtonId as O } from "../navigation/button/Channels.js";
-import { LeaderBoardButtonId as R } from "../navigation/button/LeaderBoard.js";
-import { FeaturedGroupsButtonId as T } from "../navigation/button/FeaturedGroups.js";
-import "../theme/breakpoints.js";
+import { jsx as m, jsxs as v } from "react/jsx-runtime";
+import { useStore as C } from "@nanostores/react";
+import { useAnalyticsListener as d, newTabLinkListener as A, appScrollListener as F, appClickListener as x } from "../../hooks/analytics.js";
+import { useRef as S, useEffect as b, useMemo as D } from "react";
+import { resetCss as f } from "../theme/theme.js";
+import { ActiveFeature as I, StandaloneFeature as M } from "./Features/index.js";
+import { MastersNavigation as B } from "./Navigation/MastersNavigation/index.js";
+import { SDKNotifications as j } from "./Notifications/index.js";
+import { SDKContainer as k, SDKScrollContainer as E } from "./styles.js";
+import { useMastersApp as K } from "./useMastersApp.js";
+import { MastersContext as O } from "./useMastersContext.js";
+import { useSdkFeature as R } from "./useSdkFeature.js";
+import { useSdkResponsive as T } from "./useSdkResponsive.js";
+import { useSdkScroll as w } from "./useSdkScroll.js";
+import { ChannelsButtonId as G } from "../navigation/button/Channels.js";
+import { LeaderBoardButtonId as P } from "../navigation/button/LeaderBoard.js";
+import { FeaturedGroupsButtonId as V } from "../navigation/button/FeaturedGroups.js";
+import "lodash.throttle";
+import "@streamlayer/sdk-web-interfaces";
 import "../theme/constants.js";
+import "../theme/breakpoints.js";
 import "@streamlayer/sdk-web-types";
 import "./Features/FeatureProvider.js";
-import "@nanostores/react";
-import "@streamlayer/sdk-web-interfaces";
-import "../navigation/masters.js";
 import "@linaria/react";
-import "../navigation/index.js";
+import "./Features/Gamification/index.js";
+import "../gamification/detail/header/index.js";
+import "../gamification/constants.js";
+import "../gamification/detail/header/styles.js";
 import "../icons/index.js";
-import "../navigation/button/index.js";
-import "../navigation/button/styles.js";
+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 "@linaria/core";
 import "../../index-jRXrW6ie.js";
 import "../../index-uEuzH3jr.js";
-import "@streamlayer/sdk-web-notifications";
-import "../gamification/constants.js";
-import "../gamification/question/notification/index.js";
-import "../gamification/question/notification/insight/index.js";
+import "../show-in/index.js";
+import "./Features/Gamification/Question.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 "../gamification/question/notification/insight/styles.js";
-import "../gamification/question/notification/styles.js";
-import "../gamification/question/notification/tweet/index.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 "../../utils/common.js";
 import "../questions/twitter/account/styles.js";
 import "../questions/twitter/styles.js";
+import "../gamification/vote/twitter-details/styles.js";
+import "./Features/Gamification/Tabs.js";
+import "../gamification/tabs/index.js";
+import "../gamification/tabs/styles.js";
+import "./Features/Gamification/Leaderboard.js";
+import "./useClipboardCopy.js";
+import "../gamification/copyNotification/index.js";
+import "../gamification/copyNotification/styles.js";
+import "../gamification/invite-link/index.js";
+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 "./Features/Gamification/Friends.js";
+import "../gamification/onboarding/slides/onboarding-invite-card/index.js";
+import "../gamification/onboarding/slides/onboarding-invite-card/styles.js";
+import "./Features/Gamification/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 "./Features/Gamification/UserSummary.js";
+import "../navigation/masters.js";
+import "../navigation/index.js";
+import "../navigation/button/index.js";
+import "../navigation/button/styles.js";
+import "@streamlayer/sdk-web-notifications";
+import "../gamification/question/notification/index.js";
+import "../gamification/question/notification/insight/index.js";
+import "../gamification/question/notification/insight/styles.js";
+import "../gamification/question/notification/styles.js";
+import "../gamification/question/notification/tweet/index.js";
 import "../gamification/question/notification/tweet/styles.js";
 import "../gamification/question/notification/prediction-result/index.js";
-import "../animated-counter/index.js";
-import "react-countup";
 import "../gamification/question/notification/prediction-result/animation-lines/index.js";
 import "../gamification/question/notification/prediction-result/animation-lines/styles.js";
 import "../gamification/question/notification/prediction-result/styles.js";
-import "../show-in/index.js";
-import "@linaria/core";
 import "./Notifications/Onboarding/index.js";
 import "./useImagesPreload.js";
 import "../gamification/onboarding/index.js";
-import "react-virtualized-auto-sizer";
-import "../skeleton/index.js";
-import "../skeleton/styles.js";
 import "../gamification/onboarding/slides/onboarding-instructions/index.js";
 import "../gamification/onboarding/invitingUser/index.js";
 import "../gamification/onboarding/invitingUser/styles.js";
 import "../gamification/onboarding/slides/onboarding-instructions/styles.js";
-import "../gamification/onboarding/slides/onboarding-invite-card/index.js";
-import "./useClipboardCopy.js";
-import "../gamification/copyNotification/index.js";
-import "../gamification/copyNotification/styles.js";
-import "../gamification/onboarding/slides/onboarding-invite-card/styles.js";
 import "../gamification/onboarding/slides/onboarding-rules/index.js";
 import "../gamification/onboarding/slides/onboarding-rules/styles.js";
 import "../gamification/onboarding/slides/onboarding-terms/index.js";
 import "../gamification/onboarding/slides/onboarding-terms/styles.js";
 import "../gamification/onboarding/styles.js";
-import "../button/index.js";
-import "../button/styles.js";
-import "../modal/index.js";
 import "./Notifications/Onboarding/Notification/index.js";
 import "./Notifications/Onboarding/Notification/styles.js";
 import "./Notifications/styles.js";
 import "../gamification/question/notification/pill/index.js";
 import "../gamification/question/notification/pill/styles.js";
-import "lodash.throttle";
-import "../../index-keh7OLCY.js";
-const b = ({ sdk: t, className: s, scrollStore: a, appNode: o, scrollNode: p, headerNode: i, responsiveStore: m }) => {
-  const [, n] = E(t);
-  return /* @__PURE__ */ r(
-    A,
+import "../../index-z0QjLiEL.js";
+const W = ({ sdk: t, className: n, scrollStore: s, appNode: r, scrollNode: p, headerNode: i, responsiveStore: o }) => {
+  const [, l] = R(t);
+  return /* @__PURE__ */ m(
+    I,
     {
-      className: s,
+      className: n,
       scrollNode: p,
-      appNode: o,
-      scrollStore: a,
-      feature: n,
+      appNode: r,
+      scrollStore: s,
+      feature: l,
       headerNode: i,
-      responsiveStore: m,
+      responsiveStore: o,
       sdk: t
     }
   );
-}, co = ({ sdk: t, overlays: s, children: a }) => {
-  const o = u(null), p = u(null), [i] = K(o), [m, n] = L(o, i), { sdkEnabled: l, sdkReady: d, activeOverlay: e, activateAndLoadOverlay: S, activateEventWithId: h, deactivate: g, isLogged: y } = j(t);
-  C(() => {
+}, Y = ({ sdk: t, className: n, appNode: s, responsiveStore: r }) => {
+  const p = C(t.featuresList.getStore());
+  return p ? Array.from(p, (i) => {
+    const o = t.getFeature(i);
+    return o ? /* @__PURE__ */ m(
+      M,
+      {
+        className: n,
+        appNode: s,
+        feature: o,
+        responsiveStore: r,
+        sdk: t
+      },
+      i
+    ) : null;
+  }) : null;
+}, go = ({ sdk: t, overlays: n, children: s }) => {
+  const r = S(null), p = S(null), [i] = T(r), [o, l] = w(r, i), { sdkEnabled: e, sdkReady: c, activeOverlay: a, activateAndLoadOverlay: h, activateEventWithId: N, deactivate: g, isLogged: y } = K(t);
+  d(r, { enabled: e, event: "click", listener: A }), d(o, {
+    enabled: e,
+    event: "scrollend",
+    listener: F,
+    useDomNode: !0
+  }), d(o, {
+    enabled: e,
+    event: "click",
+    listener: x,
+    useDomNode: !0
+  }), b(() => {
     import("./Features/Gamification/gamification-feature.js");
   }, []);
-  const N = x(() => ({ sdk: t }), [t]);
-  return /* @__PURE__ */ r(D.Provider, { value: N, children: /* @__PURE__ */ f(B, { ref: o, children: [
-    l && /* @__PURE__ */ r(
-      I,
+  const L = D(() => ({ sdk: t }), [t]);
+  return /* @__PURE__ */ m(O.Provider, { value: L, children: /* @__PURE__ */ v(k, { ref: r, children: [
+    e && /* @__PURE__ */ m(
+      B,
       {
         ref: p,
-        sdkReady: d,
-        activeOverlay: e,
-        className: v,
-        setActiveOverlay: (c) => S("", c),
+        sdkReady: c,
+        activeOverlay: a,
+        className: f,
+        setActiveOverlay: (u) => h("", u),
         scrollToTop: () => {
-          var c;
-          return (c = m.current) == null ? void 0 : c.scrollTo(0, 0);
+          var u;
+          return (u = o.current) == null ? void 0 : u.scrollTo(0, 0);
         },
         responsiveStore: i
       }
     ),
-    /* @__PURE__ */ f(F, { className: "sl-hide-on-modal", ref: m, "data-nav": l.toString(), children: [
-      d && /* @__PURE__ */ r(
-        M,
+    /* @__PURE__ */ v(E, { className: "sl-hide-on-modal", ref: o, "data-nav": e.toString(), children: [
+      c && /* @__PURE__ */ m(
+        j,
         {
           sdk: t,
-          scrollNode: m,
+          scrollNode: o,
           headerNode: p,
-          appNode: o,
-          scrollStore: n,
+          appNode: r,
+          scrollStore: l,
           responsiveStore: i
         }
       ),
-      /* @__PURE__ */ r("div", { style: !l || e === O ? {} : { display: "none" }, children: a && a({ activateEventWithId: h, deactivate: g }) }),
-      s && e === R && s[e],
-      d && e === T && /* @__PURE__ */ r(
-        b,
+      /* @__PURE__ */ m("div", { style: !e || a === G ? {} : { display: "none" }, children: s && s({ activateEventWithId: N, deactivate: g }) }),
+      n && a === P && n[a],
+      c && a === V && /* @__PURE__ */ m(
+        W,
         {
-          scrollStore: n,
+          scrollStore: l,
           responsiveStore: i,
-          scrollNode: m,
-          appNode: o,
+          scrollNode: o,
+          appNode: r,
           headerNode: p,
-          className: v,
+          className: f,
           sdk: t
         }
-      )
+      ),
+      c && /* @__PURE__ */ m(Y, { responsiveStore: i, appNode: r, className: f, sdk: t })
     ] }),
-    l && !y && /* @__PURE__ */ r(
+    e && !y && /* @__PURE__ */ m(
       "div",
       {
         style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" },
@@ -154,5 +235,5 @@ const b = ({ sdk: t, className: s, scrollStore: a, appNode: o, scrollNode: p, he
   ] }) });
 };
 export {
-  co as MastersApp
+  go as MastersApp
 };