@streamlayer/react-ui 0.66.0 → 0.67.1

package/lib/ui/app/Notifications/Onboarding/Notification/styles.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseIcon: any;
+export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const PresentsTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Subtitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ActionButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/app/Notifications/Onboarding/Notification/styles.js

@@ -0,0 +1,52 @@
+import { styled as s } from "@linaria/react";
+import { SvgIcon as o } from "../../../../icons/index.js";
+import "react/jsx-runtime";
+import "react";
+const a = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "cocfo2g",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "CloseIconWrap",
+  class: "c1pdhxdk",
+  propsAsIs: !1
+}), t = () => o, r = /* @__PURE__ */ s(t())({
+  name: "CloseIcon",
+  class: "c1funj3r",
+  propsAsIs: !0
+}), i = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t1okg06y",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("img")({
+  name: "SponsorLogo",
+  class: "sb1n923",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "PresentsTitle",
+  class: "p1stllxd",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
+  name: "Subtitle",
+  class: "s13kvdzw",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "dfvmv3t",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("button")({
+  name: "ActionButton",
+  class: "ay8e3j9",
+  propsAsIs: !1
+});
+export {
+  A as ActionButton,
+  r as CloseIcon,
+  l as CloseIconWrap,
+  a as Container,
+  d as Description,
+  I as PresentsTitle,
+  m as SponsorLogo,
+  f as Subtitle,
+  i as Title
+};

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

@@ -1,9 +1,11 @@
-import { jsx as r } from "react/jsx-runtime";
-import { styled as g } from "@linaria/react";
+import { jsx as o } from "react/jsx-runtime";
+import { styled as u } from "@linaria/react";
+import { useStore as g } from "@nanostores/react";
 import { useState as y } from "react";
 import { FeatureType as k } from "@streamlayer/sdk-web-types";
 import { Onboarding as w } from "../../../gamification/onboarding/index.js";
 import { ShowIn as f } from "../../../show-in/index.js";
+import { Onboarding as C } from "./Notification/index.js";
 import "react-virtualized-auto-sizer";
 import "../../../gamification/onboarding/slides/onboarding-instructions/index.js";
 import "../../../lottie/index.js";
@@ -18,79 +20,99 @@ import "../../../gamification/onboarding/styles.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
 import "@linaria/core";
-const C = g(f)`
-  height: 100%;
-
-  animation-duration: var(--animation-duration);
-`, $ = ({ sdk: b, hiding: o, notification: t, NotificationContainer: h }) => {
-  var n, a, p, d, l, c;
-  const [u, i] = y(!1), s = b.getFeature(k.GAMES), e = t.data.onboarding;
-  return u && s && e ? /* @__PURE__ */ r(C, { hiding: o, children: /* @__PURE__ */ r(
-    w,
-    {
-      rules: [
-        {
-          label: "Answer as many questions as you like.",
-          icon: "icon-btn-feature-groups"
-        },
-        {
-          label: "Win points for each correct trivia or prediction answer.",
-          icon: "icon-thumb-up"
-        },
-        {
-          label: "Top the leader board and best your friends.",
-          icon: "icon-trophy"
-        }
-      ],
-      rulesBtnLabel: (n = e.rules) == null ? void 0 : n.buttonLabel,
-      rulesTitle: (a = e.rules) == null ? void 0 : a.heading,
-      steps: [
-        {
-          graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_01.json",
-          headline: "Welcome to the Featured Groups +"
-        },
-        {
-          graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_02.json",
-          headline: "Get real-time insights"
-        },
-        {
-          graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_03.json",
-          headline: "Predictions, trivia & polls synced to match play"
-        },
-        {
-          graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_04.json",
-          headline: "Win points for every answer you get right"
-        },
-        {
-          graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_05.json",
-          headline: "Compete against friends on the leaderboard"
-        }
-      ],
-      primaryColor: (p = e.inviteCard) == null ? void 0 : p.iconColor,
-      inviteLink: "masters.com/baf/5Ukwo245io",
-      inviteCardTitle: (d = e.inviteCard) == null ? void 0 : d.heading,
-      inviteCardSubtext: (l = e.inviteCard) == null ? void 0 : l.subtext,
-      inviteCardBtnLabel: (c = e.inviteCard) == null ? void 0 : c.buttonLabel,
+import "./Notification/styles.js";
+const v = () => f, S = /* @__PURE__ */ u(v())({
+  name: "OnboardingContainer",
+  class: "o9squag",
+  propsAsIs: !0
+}), L = ({
+  hiding: n,
+  deepLink: a,
+  onboardingOpts: e,
+  setOpened: p,
+  notification: s,
+  gamification: i
+}) => {
+  var t, d, l, c, m, b;
+  const {
+    data: r
+  } = g(a.$store);
+  return /* @__PURE__ */ o(S, {
+    hiding: n,
+    children: /* @__PURE__ */ o(w, {
+      rules: [{
+        label: "Answer as many questions as you like.",
+        icon: "icon-btn-feature-groups"
+      }, {
+        label: "Win points for each correct trivia or prediction answer.",
+        icon: "icon-thumb-up"
+      }, {
+        label: "Top the leader board and best your friends.",
+        icon: "icon-trophy"
+      }],
+      rulesBtnLabel: (t = e.rules) == null ? void 0 : t.buttonLabel,
+      rulesTitle: (d = e.rules) == null ? void 0 : d.heading,
+      steps: [{
+        graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_01.json",
+        headline: "Welcome to the Featured Groups +"
+      }, {
+        graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_02.json",
+        headline: "Get real-time insights"
+      }, {
+        graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_03.json",
+        headline: "Predictions, trivia & polls synced to match play"
+      }, {
+        graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_04.json",
+        headline: "Win points for every answer you get right"
+      }, {
+        graphicSrc: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_05.json",
+        headline: "Compete against friends on the leaderboard"
+      }],
+      primaryColor: (l = e.inviteCard) == null ? void 0 : l.iconColor,
+      inviteLink: r == null ? void 0 : r.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 m;
-        i(!1), (m = t.close) == null || m.call(t);
+        var h;
+        p(!1), (h = s.close) == null || h.call(s);
       },
-      socialLinks: [
-        {
-          icon: "icon-facebook",
-          link: "https://www.facebook.com/TheMasters",
-          label: "Facebook"
-        },
-        {
-          icon: "icon-twitter",
-          link: "https://twitter.com/@TheMasters",
-          label: "X"
-        }
-      ],
-      gamification: s
-    }
-  ) }) : /* @__PURE__ */ r(h, { hiding: o, children: /* @__PURE__ */ r("button", { onClick: () => i(!0), children: "go onboarding" }) });
+      socialLinks: [{
+        icon: "icon-facebook",
+        link: "https://www.facebook.com/TheMasters",
+        label: "Facebook"
+      }, {
+        icon: "icon-twitter",
+        link: "https://twitter.com/@TheMasters",
+        label: "X"
+      }],
+      gamification: i
+    })
+  });
+}, Q = ({
+  sdk: n,
+  hiding: a,
+  notification: e,
+  NotificationContainer: p
+}) => {
+  const [s, i] = y(!1), r = n.getFeature(k.GAMES), t = e.data.onboarding;
+  return s && r && t ? /* @__PURE__ */ o(L, {
+    notification: e,
+    setOpened: i,
+    gamification: r,
+    onboardingOpts: t,
+    deepLink: r.deepLink
+  }) : /* @__PURE__ */ o(p, {
+    hiding: a,
+    children: /* @__PURE__ */ o("div", {
+      children: /* @__PURE__ */ o(C, {
+        close: e.close,
+        action: () => i(!0),
+        onboarding: t
+      })
+    })
+  });
 };
 export {
-  $ as Onboarding
+  Q as Onboarding
 };

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

@@ -1,9 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useStore as c } from "@nanostores/react";
-import { useMemo as s } from "react";
-import { NotificationType as r } from "@streamlayer/sdk-web-notifications";
-import { Notification as p } from "../../gamification/question/notification/index.js";
-import { Container as n } from "./styles.js";
+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 "@streamlayer/sdk-web-types";
 import "../../gamification/constants.js";
 import "../../gamification/question/notification/insight/index.js";
@@ -21,19 +22,42 @@ import "../../gamification/question/notification/tweet/index.js";
 import "../../questions/twitter/account/index.js";
 import "../../questions/twitter/account/styles.js";
 import "../../gamification/question/notification/tweet/styles.js";
+import "../../gamification/onboarding/index.js";
+import "react-virtualized-auto-sizer";
+import "../../gamification/onboarding/slides/onboarding-instructions/index.js";
+import "../../lottie/index.js";
+import "@lottiefiles/react-lottie-player";
+import "../../gamification/onboarding/slides/onboarding-instructions/styles.js";
+import "../../gamification/onboarding/slides/onboarding-invite-card/index.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/styles.js";
+import "../../button/index.js";
+import "../../button/styles.js";
 import "../../show-in/index.js";
 import "@linaria/core";
-const L = ({ sdk: e }) => {
-  const f = e.getNotificationsStore(), t = c(f), i = s(() => {
+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))
       return null;
-    for (const m of t.values())
-      if (m.type === r.ONBOARDING)
-        return m;
+    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) === r.QUESTION ? /* @__PURE__ */ o(n, { hiding: i.hiding, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(p, { ...i }) }) }) : (i == null ? void 0 : i.type) === r.QUESTION_RESOLVED ? /* @__PURE__ */ o(n, { hiding: i.hiding, children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(p, { ...i }) }) }) : null;
+  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;
 };
 export {
-  L as SDKNotifications
+  ii as SDKNotifications
 };

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

@@ -1,17 +1,12 @@
-import { styled as i } from "@linaria/react";
-import { ShowIn as o } from "../../show-in/index.js";
+import { styled as o } from "@linaria/react";
+import { ShowIn as t } from "../../show-in/index.js";
 import "react/jsx-runtime";
 import "@linaria/core";
-const d = i(o)`
-  position: relative;
-  top: var(--header-height);
-
-  animation-duration: calc(var(--animation-duration) * 3);
-
-  & > div {
-    padding: var(--container-padding);
-  }
-`;
+const r = () => t, m = /* @__PURE__ */ o(r())({
+  name: "Container",
+  class: "ctckejh",
+  propsAsIs: !0
+});
 export {
-  d as Container
+  m as Container
 };

package/lib/ui/app/masters.js

@@ -1,4 +1,5 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { useEffect as y } from "react";
 import { resetCss as a } from "../theme/theme.js";
 import { ActiveFeature as S } from "./Features/index.js";
 import { MastersNavigation as g } from "./Navigation/MastersNavigation/index.js";
@@ -8,10 +9,8 @@ import { useMastersApp as k } from "./useMastersApp.js";
 import { useSdkFeature as A } from "./useSdkFeature.js";
 import { ChannelsButtonId as C } from "../navigation/button/Channels.js";
 import { LeaderBoardButtonId as s } from "../navigation/button/LeaderBoard.js";
-import { FeaturedGroupsButtonId as d } from "../navigation/button/FeaturedGroups.js";
-import "@linaria/core";
+import { FeaturedGroupsButtonId as x } from "../navigation/button/FeaturedGroups.js";
 import "../theme/constants.js";
-import "react";
 import "@streamlayer/sdk-web-types";
 import "./Features/FeatureProvider.js";
 import "@nanostores/react";
@@ -19,6 +18,8 @@ import "@streamlayer/sdk-web-interfaces";
 import "../navigation/masters.js";
 import "@linaria/react";
 import "../navigation/index.js";
+import "../../index_4nhkck-4ed993c7.js";
+import "../../masters_k70xsy-4ed993c7.js";
 import "@streamlayer/sdk-web-notifications";
 import "../gamification/question/notification/index.js";
 import "../gamification/constants.js";
@@ -36,46 +37,66 @@ import "../gamification/question/notification/tweet/index.js";
 import "../questions/twitter/account/index.js";
 import "../questions/twitter/account/styles.js";
 import "../gamification/question/notification/tweet/styles.js";
-import "./Notifications/styles.js";
+import "./Notifications/Onboarding/index.js";
+import "../gamification/onboarding/index.js";
+import "react-virtualized-auto-sizer";
+import "../gamification/onboarding/slides/onboarding-instructions/index.js";
+import "../lottie/index.js";
+import "@lottiefiles/react-lottie-player";
+import "../gamification/onboarding/slides/onboarding-instructions/styles.js";
+import "../gamification/onboarding/slides/onboarding-invite-card/index.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/styles.js";
+import "../button/index.js";
+import "../button/styles.js";
 import "../show-in/index.js";
-import "../navigation/button/index.js";
+import "@linaria/core";
+import "./Notifications/Onboarding/Notification/index.js";
+import "./Notifications/Onboarding/Notification/styles.js";
+import "./Notifications/styles.js";
 import "../navigation/button/styles.js";
-const x = ({ sdk: i, className: e }) => {
-  const [, m] = A(i);
-  return /* @__PURE__ */ o(S, { className: e, feature: m, sdk: i });
-}, ft = ({ sdk: i, overlays: e, children: m }) => {
-  const { sdkEnabled: t, sdkReady: l, activeOverlay: r, activateAndLoadOverlay: c, enableSdk: f, disableSdk: u, isLogged: p } = k(i);
-  return /* @__PURE__ */ y(b, { children: [
-    t && /* @__PURE__ */ o(
+import "../../LeaderBoard_16p26hz-4ed993c7.js";
+import "../navigation/button/index.js";
+const B = ({ sdk: r, className: i }) => {
+  const [, m] = A(r);
+  return /* @__PURE__ */ t(S, { className: i, feature: m, sdk: r });
+}, Mt = ({ sdk: r, overlays: i, children: m }) => {
+  const { sdkEnabled: p, sdkReady: e, activeOverlay: o, activateAndLoadOverlay: d, enableSdk: l, disableSdk: c, isLogged: f } = k(r);
+  return y(() => {
+    import("./Features/Gamification/gamification-feature.js");
+  }, []), /* @__PURE__ */ v(b, { children: [
+    p && /* @__PURE__ */ t(
       g,
       {
-        sdkReady: l,
-        activeOverlay: r,
+        sdkReady: e,
+        activeOverlay: o,
         className: a,
-        setActiveOverlay: (v) => c("", v)
+        setActiveOverlay: (u) => d("", u)
       }
     ),
-    t && /* @__PURE__ */ o(h, { sdk: i }),
-    /* @__PURE__ */ o(
+    e && /* @__PURE__ */ t(h, { sdk: r }),
+    /* @__PURE__ */ t(
       n,
       {
-        "data-nav": t.toString(),
-        style: { display: !t || r === C ? "block" : "none" },
-        children: m && m({ enableSdk: f, disableSdk: u })
+        "data-nav": p.toString(),
+        style: { display: !p || o === C ? "block" : "none" },
+        children: m && m({ enableSdk: l, disableSdk: c })
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       n,
       {
-        "data-nav": t.toString(),
-        style: { display: r === s ? "block" : "none" },
-        children: e && r === s && e[r]
+        "data-nav": p.toString(),
+        style: { display: o === s ? "block" : "none" },
+        children: i && o === s && i[o]
       }
     ),
-    p && t && r === d && /* @__PURE__ */ o(x, { className: a, sdk: i }),
-    !p && t && r === d && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
+    e && o === x && /* @__PURE__ */ t(B, { className: a, sdk: r }),
+    !f && /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
   ] });
 };
 export {
-  ft as MastersApp
+  Mt as MastersApp
 };

package/lib/ui/app/styles.js

@@ -1,39 +1,24 @@
-import { styled as t } from "@linaria/react";
-const i = t.div`
-  height: 100%;
-  background: transparent;
-  font-family: var(--font-regular);
-  position: relative;
-  min-width: 324px;
-  overflow: hidden;
-`, r = t.div`
-  width: 100%;
-  overflow-y: auto;
-  height: 100%;
-  transition: transform;
-  transition-duration: var(--animation-duration);
-  transition-timing-function: var(--animation-function);
-
-  &[data-nav='true'] {
-    height: calc(100% - var(--header-height));
-    transform: translateY(var(--header-height));
-  }
-
-  &[data-question-header='true'] {
-    height: calc(100% - var(--question-headers-height, 0%));
-    transform: translateY(var(--question-headers-height));
-  }
-`, n = t.div`
-  display: flex;
-  flex-direction: column;
-  padding: var(--container-padding);
-  gap: var(--container-padding);
-`, e = t(n)`
-  background-color: var(--color-neutrals-white);
-`;
+import { styled as s } from "@linaria/react";
+const e = /* @__PURE__ */ s("div")({
+  name: "SDKContainer",
+  class: "stu11h7",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("div")({
+  name: "SDKScrollContainer",
+  class: "s1ucohr1",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("div")({
+  name: "SDKContentContainer",
+  class: "s1el4wvm",
+  propsAsIs: !1
+}), o = () => n, a = /* @__PURE__ */ s(o())({
+  name: "SDKWhiteContainer",
+  class: "s1oe3036",
+  propsAsIs: !0
+});
 export {
-  i as SDKContainer,
+  e as SDKContainer,
   n as SDKContentContainer,
   r as SDKScrollContainer,
-  e as SDKWhiteContainer
+  a as SDKWhiteContainer
 };

package/lib/ui/app/useMastersApp.js

@@ -1,48 +1,64 @@
-import { useStore as u } from "@nanostores/react";
-import { useState as l, useCallback as b, useEffect as A } from "react";
-import { FeatureType as v } from "@streamlayer/sdk-web-types";
+import { useStore as m } from "@nanostores/react";
+import { useRef as y, useState as d, useCallback as F, useEffect as A } from "react";
+import { FeatureType as z } from "@streamlayer/sdk-web-types";
 import "react/jsx-runtime";
-import { ChannelsButtonId as m } from "../navigation/button/Channels.js";
-import { FeaturedGroupsButtonId as o } from "../navigation/button/FeaturedGroups.js";
-import "../navigation/button/LeaderBoard.js";
-import "../navigation/masters.js";
+import { ChannelsButtonId as c } from "../navigation/button/Channels.js";
+import { FeaturedGroupsButtonId as r } from "../navigation/button/FeaturedGroups.js";
 import "@linaria/react";
 import "../icons/index.js";
-import "../navigation/button/index.js";
 import "../navigation/button/styles.js";
-import "../navigation/index.js";
-const T = (e) => {
-  const [c, n] = l(!1), d = u(e.status), { data: f } = u(e.getUserStore()), a = d === "ready", [i, p] = l(o), s = b(
-    (t, r) => {
-      p(r), r === o ? (t && e.createEventSession(t), e.openFeature(v.GAMES)) : e.closeFeature();
+import "../../LeaderBoard_16p26hz-4ed993c7.js";
+import "../../index_4nhkck-4ed993c7.js";
+import "../../masters_k70xsy-4ed993c7.js";
+import "../navigation/button/index.js";
+const q = (e) => {
+  const s = y(""), [l, f] = d(!1), S = m(e.status), i = m(e.userId()), o = S === "ready", [n, u] = d(r), p = F(
+    (t, a) => {
+      u(a), a === r ? (t && e.createEventSession(t), e.openFeature(z.GAMES)) : e.closeFeature();
     },
     [e]
   );
+  A(() => {
+    !o && n === r && (u(c), e.closeFeature());
+  }, [o, n, e]);
+  const b = (t) => {
+    s.current = t, e.initializeApp().then(({ enabled: a, err: E }) => {
+      if (f(!0), E) {
+        p(t, c);
+        return;
+      }
+      if (a) {
+        e.isUserAuthorized().then((h) => {
+          if (h) {
+            p(t, r);
+            return;
+          } else
+            e.disableApp();
+        });
+        return;
+      }
+    });
+  }, v = () => {
+    f(!1), e.disableApp();
+  };
   return A(() => {
-    !a && i === o && (p(m), e.closeFeature());
-  }, [a, i, e]), {
-    sdkEnabled: c,
-    sdkReady: a,
-    activeOverlay: i,
-    activateAndLoadOverlay: s,
-    enableSdk: (t) => {
-      e.initializeApp().then(({ enabled: r, err: S }) => {
-        if (n(!0), S) {
-          s(t, m);
-          return;
-        }
-        if (r) {
-          s(t, o);
-          return;
-        }
-      });
-    },
-    disableSdk: () => {
-      n(!1), e.disableApp();
-    },
-    isLogged: !!f
+    if (!i) {
+      o && n === r && (u(c), e.disableApp());
+      return;
+    }
+    i && s.current && l && e.initializeApp().then(() => {
+      e.createEventSession(s.current);
+    });
+  }, [i]), {
+    sdkEnabled: l,
+    sdkReady: o,
+    activeOverlay: n,
+    activateAndLoadOverlay: p,
+    enableSdk: b,
+    disableSdk: v,
+    isLogged: !!i
   };
 };
 export {
-  T as useMastersApp
+  q as useMastersApp
 };