@streamlayer/react-ui 1.0.0 → 1.2.0

package/lib/app/masters/useMastersApp.js

@@ -0,0 +1,71 @@
+import { useStore as c } from "@nanostores/react";
+import { useRef as z, useState as d, useCallback as v, useEffect as l } from "react";
+import { FeatureType as p } from "@streamlayer/sdk-web-types";
+import "./Navigation/MastersNavigation/index.js";
+import { FeaturedGroupsButtonId as f } from "../../ui/navigation/button/FeaturedGroups.js";
+import { ChannelsButtonId as i } from "../../ui/navigation/button/Channels.js";
+const C = (e) => {
+  const m = z(""), [E, a] = d(!1), g = c(e.status), F = c(e.sdkStore.slStreamId), n = c(e.userId()), A = c(e.getActiveFeature()), o = g === "ready" && !!F.data, [S, r] = d(f), s = v(
+    (t, u) => {
+      r(u), t && e.createEventSession(t), u === f ? window.requestAnimationFrame(() => {
+        e.openFeature(p.GAMES);
+      }) : e.closeFeature(!1);
+    },
+    [e]
+  );
+  l(() => {
+    !o && S === f && (r(i), e.closeFeature(!0));
+  }, [o, S, e]), l(() => {
+    A === p.GAMES ? r(f) : A === p.UNSET && r(i);
+    const t = e.getFeature(p.GAMES);
+    t && (t.closeQuestion(), t.closeUser());
+  }, [A, e]);
+  const b = v(
+    (t) => {
+      m.current = t, a(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: u, err: h }) => {
+        if (h) {
+          s(t, i);
+          return;
+        }
+        if (u) {
+          e.isUserAuthorized().then((y) => {
+            if (y) {
+              s(t, i);
+              return;
+            } else
+              e.disableApp();
+          });
+          return;
+        }
+      });
+    },
+    [s, e]
+  ), I = v(() => {
+    a(!1), e.disableApp();
+  }, [e]);
+  return l(() => {
+    if (!n) {
+      o && (r(i), e.disableApp());
+      return;
+    }
+    if (n && m.current && E) {
+      e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
+        e.createEventSession(m.current);
+      });
+      return;
+    }
+  }, [n]), l(() => () => {
+    a(!1), e.disableApp();
+  }, [a, e]), {
+    sdkEnabled: E,
+    sdkReady: o,
+    activeOverlay: S,
+    activateAndLoadOverlay: s,
+    activateEventWithId: b,
+    deactivate: I,
+    isLogged: !!n
+  };
+};
+export {
+  C as useMastersApp
+};

package/lib/app/masters/useMastersContext.d.ts

@@ -0,0 +1,8 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
+export declare const MastersContext: import('react').Context<{
+    sdk: StreamLayerSDK | null;
+}>;
+export declare const useMastersContext: () => {
+    sdk: StreamLayerSDK | null;
+};

package/lib/app/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const SDKContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKScrollContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKWhiteContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const TabsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LeaderboardContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const TabsNavContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const UserSummaryContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/{ui/app → app}/styles.js

@@ -1,44 +1,44 @@
 import { styled as s } from "@linaria/react";
 const i = /* @__PURE__ */ s("div")({
   name: "SDKContainer",
-  class: "stu11h7",
+  class: "s2j5adf",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "SDKScrollContainer",
-  class: "s1ucohr1",
+  class: "st9ayqn",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "SDKContentContainer",
-  class: "s1el4wvm",
+  class: "s6rlym7",
   propsAsIs: !1
 }), e = () => a, n = /* @__PURE__ */ s(e())({
   name: "SDKWhiteContainer",
-  class: "s1oe3036",
+  class: "s1trfff0",
   propsAsIs: !0
-}), p = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "TabsContainer",
-  class: "tzk7mst",
+  class: "t87r8je",
   propsAsIs: !1
-}), o = () => n, l = /* @__PURE__ */ s(o())({
+}), o = () => n, p = /* @__PURE__ */ s(o())({
   name: "LeaderboardContainer",
-  class: "lkdzy61",
+  class: "l1aiq1lq",
   propsAsIs: !0
-}), t = () => n, C = /* @__PURE__ */ s(t())({
+}), r = () => n, C = /* @__PURE__ */ s(r())({
   name: "TabsNavContainer",
-  class: "tvdam54",
+  class: "t1o5m8d1",
   propsAsIs: !0
 }), m = /* @__PURE__ */ s("div")({
   name: "UserSummaryContainer",
-  class: "u14fk93k",
+  class: "uqh0y7s",
   propsAsIs: !1
 });
 export {
-  l as LeaderboardContainer,
+  p as LeaderboardContainer,
   i as SDKContainer,
   a as SDKContentContainer,
   c as SDKScrollContainer,
   n as SDKWhiteContainer,
-  p as TabsContainer,
+  l as TabsContainer,
   C as TabsNavContainer,
   m as UserSummaryContainer
 };

package/lib/{ui/app → app}/useClipboardCopy.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { HeaderNodeRef, type AppNodeRef } from '.';
-export declare const useClipboardCopy: (renderToNode: AppNodeRef | HeaderNodeRef) => [(link: string | undefined) => Promise<void>, import("react").ReactPortal | null];
+import { HeaderNodeRef, AppNodeRef } from '.';
+
+export declare const useClipboardCopy: (renderToNode: AppNodeRef | HeaderNodeRef) => [(link: string | undefined) => Promise<void>, React.ReactPortal | null];

package/lib/{ui/app → app}/useClipboardCopy.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useRef as l, useState as s, useCallback as p, useEffect as f } from "react";
-import { r as m } from "../../index-Bicco-Aq.js";
-import { CopyNotification as b } from "../gamification/copyNotification/index.js";
+import { r as m } from "../index-B1QdimmR.js";
+import { CopyNotification as b } from "../ui/gamification/copyNotification/index.js";
 const T = (r) => {
   const t = l(), [i, o] = s(null), a = p(
     async (e) => {

package/lib/{ui/app → app}/useSdkFeature.d.ts

@@ -1,6 +1,7 @@
 import { Features } from '@streamlayer/sdk-web-features';
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { FeatureType } from '@streamlayer/sdk-web-types';
+
 /**
  * A hook that manages the active feature of a StreamLayerSDK instance.
  * @param sdk - The StreamLayerSDK instance to manage the feature for.

package/lib/{ui/app → app}/useSdkResponsive.d.ts

@@ -1,5 +1,7 @@
+import { AppNodeRef } from '.';
 import { MapStore } from 'nanostores';
-import { BREAKPOINTS } from '../theme/constants';
+import { BREAKPOINTS } from '../ui/theme/constants';
+
 type BREAKPOINTS_KEYS = keyof typeof BREAKPOINTS;
 type ResponsiveData = {
     screen: {

package/lib/{ui/app → app}/useSdkResponsive.js

@@ -1,7 +1,7 @@
 import c from "lodash.throttle";
 import { useState as m, useEffect as u } from "react";
-import { BREAKPOINTS as r } from "../theme/constants.js";
-import { m as l } from "../../index-CZvwzN5o.js";
+import { BREAKPOINTS as r } from "../ui/theme/constants.js";
+import { m as l } from "../index-CZvwzN5o.js";
 const d = Object.keys(r), i = () => {
   const n = window.innerWidth;
   let e = "sm";

package/lib/{ui/app → app}/useSdkScroll.d.ts

@@ -1,6 +1,7 @@
+import { ScrollNodeRef, AppNodeRef } from '.';
 import { MapStore } from 'nanostores';
-import { type ScrollNodeRef } from '.';
-import { type ResponsiveStore } from './useSdkResponsive';
+import { ResponsiveStore } from './useSdkResponsive';
+
 type ScrollData = {
     scrollPosition: number;
     tabsShown?: boolean;

package/lib/{ui/app → app}/useSdkScroll.js

@@ -1,8 +1,8 @@
 import { useStore as S } from "@nanostores/react";
 import h from "lodash.throttle";
 import { useRef as m, useState as b, useEffect as g } from "react";
-import { BREAKPOINTS as c } from "../theme/constants.js";
-import { m as v } from "../../index-CZvwzN5o.js";
+import { BREAKPOINTS as c } from "../ui/theme/constants.js";
+import { m as v } from "../index-CZvwzN5o.js";
 const C = (o, e, n) => {
   const t = e >= c.lg && e < c.xl ? 75 : 52;
   o.current && window.scrollTo({