@streamlayer/react-ui 0.100.5 → 1.1.0

package/lib/ui/timer/index.js

@@ -1,45 +1,45 @@
-import { jsx as R } from "react/jsx-runtime";
-import { styled as _ } from "@linaria/react";
-import { useState as c, useEffect as a, useCallback as n } from "react";
-import { CountdownCircleTimer as N } from "react-countdown-circle-timer";
-import { COLORS as t } from "../theme/constants.js";
-const D = [t.PRIMARY_GREEN1, t.SECONDARY_RED1, t.SECONDARY_RED1, t.NEUTRALS_GRAY3], T = [10, 10, 1, 0], Y = /* @__PURE__ */ _("div")({
+import { jsx as r } from "react/jsx-runtime";
+import { styled as M } from "@linaria/react";
+import { useState as c, useEffect as _, useCallback as n } from "react";
+import { CountdownCircleTimer as h } from "react-countdown-circle-timer";
+import { TIMER_COLORS as p, TIMER_GREEN as E, TIMER_RED as S, TIMER_GRAY as g } from "../theme/constants.js";
+const k = [10, 10, 1, 0], O = /* @__PURE__ */ M("div")({
   name: "RemainingTime",
   class: "r165427",
   propsAsIs: !1
-}), h = t.SECONDARY_GREEN6, l = t.SECONDARY_RED3, m = t.NEUTRALS_GRAY3, G = ({
+}), u = E, l = S, m = g, L = ({
   isPlaying: i = !0,
-  duration: o = 30,
-  onTimerExpired: e
+  duration: t = 30,
+  onTimerExpired: s
 }) => {
-  const [C, s] = c(o > 10 ? h : l), [E, S] = c(2);
-  a(() => {
-    o === 0 && (S(0), s(m));
+  const [R, o] = c(t > 10 ? u : l), [f, a] = c(2);
+  _(() => {
+    t === 0 && (a(0), o(m));
+  }, [t]);
+  const C = ({
+    remainingTime: e
+  }) => /* @__PURE__ */ r(O, {
+    children: t === 0 ? 0 : e
+  }), T = n(() => {
+    s == null || s(), o(m);
+  }, [s, o]), I = n((e) => {
+    e === 10 && o(l);
   }, [o]);
-  const f = ({
-    remainingTime: r
-  }) => /* @__PURE__ */ R(Y, {
-    children: o === 0 ? 0 : r
-  }), A = n(() => {
-    e == null || e(), s(m);
-  }, [e, s]), O = n((r) => {
-    r === 10 && s(l);
-  }, [s]);
-  return /* @__PURE__ */ R(N, {
+  return /* @__PURE__ */ r(h, {
     isPlaying: i,
-    duration: o,
-    colors: D,
-    colorsTime: T,
+    duration: t,
+    colors: p,
+    colorsTime: k,
     size: 32,
-    strokeWidth: E,
+    strokeWidth: f,
     trailStrokeWidth: 2,
-    trailColor: C,
-    onComplete: A,
-    onUpdate: O,
-    children: f
+    trailColor: R,
+    onComplete: T,
+    onUpdate: I,
+    children: C
   });
 };
 export {
-  Y as RemainingTime,
-  G as Timer
+  O as RemainingTime,
+  L as Timer
 };

package/lib/ui/video-player/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type ControlVideoProps = {
     muted: boolean;
 };

package/lib/ui/video-player/styles.d.ts

@@ -1,6 +1,5 @@
-/// <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 Player: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLVideoElement> & import("react").VideoHTMLAttributes<HTMLVideoElement> & Record<never, unknown>>;
-export declare const Poster: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Control: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ToggleIconPause: import("@linaria/core").LinariaClassName;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Player: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLVideoElement> & import('react').VideoHTMLAttributes<HTMLVideoElement> & Record<never, unknown>>;
+export declare const Poster: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Control: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ToggleIconPause: import('@linaria/core').LinariaClassName;

package/lib/utils/debug/storage.js

@@ -1,6 +1,6 @@
 var n = Object.defineProperty;
 var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
+var t = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
 import { Storage as h } from "@streamlayer/sdk-web-storage";
 class d extends h {
   constructor() {

package/lib/utils/storage.js

@@ -1,6 +1,6 @@
 var n = Object.defineProperty;
 var i = (s, r, e) => r in s ? n(s, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[r] = e;
-var t = (s, r, e) => (i(s, typeof r != "symbol" ? r + "" : r, e), e);
+var t = (s, r, e) => i(s, typeof r != "symbol" ? r + "" : r, e);
 import { Storage as h } from "@streamlayer/sdk-web-storage";
 class d extends h {
   constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.100.5",
+  "version": "1.1.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -11,14 +11,24 @@
       "types": "./lib/index.d.ts"
     },
     "./masters": {
-      "import": "./lib/ui/app/masters.js",
-      "default": "./lib/ui/app/masters.js",
-      "types": "./lib/ui/app/masters.d.ts"
+      "import": "./lib/app/masters/masters.js",
+      "default": "./lib/app/masters/masters.js",
+      "types": "./lib/app/masters/masters.d.ts"
+    },
+    "./mastersPoints": {
+      "import": "./lib/app/masters/Points/index.js",
+      "default": "./lib/app/masters/Points/index.js",
+      "types": "./lib/app/masters/Points/index.d.ts"
     },
     "./points": {
-      "import": "./lib/ui/app/Points/index.js",
-      "default": "./lib/ui/app/Points/index.js",
-      "types": "./lib/ui/app/Points/index.d.ts"
+      "import": "./lib/app/app/Points/index.js",
+      "default": "./lib/app/app/Points/index.js",
+      "types": "./lib/app/app/Points/index.d.ts"
+    },
+    "./advertisement": {
+      "import": "./lib/app/app/Advertisement/index.js",
+      "default": "./lib/app/app/Advertisement/index.js",
+      "types": "./lib/app/app/Advertisement/index.d.ts"
     },
     "./*": {
       "import": "./lib/*/index.js",
@@ -35,8 +45,8 @@
     "package.json"
   ],
   "peerDependencies": {
-    "@lottiefiles/react-lottie-player": "^3.5.3",
-    "@streamlayer/sl-eslib": "^5.85.0",
+    "@lottiefiles/react-lottie-player": "^3.5.4",
+    "@streamlayer/sl-eslib": "^5.104.1",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "nanoid": "3.3.7",
@@ -44,18 +54,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.41.3",
-    "@streamlayer/sdk-web": "^0.33.7",
-    "@streamlayer/sdk-web-analytics": "^0.2.3",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.49",
-    "@streamlayer/sdk-web-api": "^0.25.2",
-    "@streamlayer/sdk-web-core": "^0.23.2",
-    "@streamlayer/sdk-web-features": "^0.11.31",
-    "@streamlayer/sdk-web-interfaces": "^0.22.2",
-    "@streamlayer/sdk-web-logger": "^0.5.22",
-    "@streamlayer/sdk-web-notifications": "^0.16.2",
-    "@streamlayer/sdk-web-storage": "^0.4.9",
-    "@streamlayer/sdk-web-types": "^0.23.4"
+    "@streamlayer/feature-gamification": "^1.1.0",
+    "@streamlayer/sdk-web": "^1.0.1",
+    "@streamlayer/sdk-web-analytics": "^1.0.1",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.0.1",
+    "@streamlayer/sdk-web-api": "^1.1.0",
+    "@streamlayer/sdk-web-core": "^1.0.1",
+    "@streamlayer/sdk-web-features": "^1.0.1",
+    "@streamlayer/sdk-web-interfaces": "^1.0.1",
+    "@streamlayer/sdk-web-logger": "^1.0.1",
+    "@streamlayer/sdk-web-notifications": "^1.0.1",
+    "@streamlayer/sdk-web-storage": "^1.0.1",
+    "@streamlayer/sdk-web-types": "^1.1.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -68,33 +78,33 @@
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@linaria/babel-preset": "^5.0.4",
-    "@linaria/core": "^6.0.0",
-    "@linaria/react": "^6.0.0",
+    "@linaria/core": "^6.2.0",
+    "@linaria/react": "^6.2.1",
     "@nanostores/react": "^0.7.2",
-    "@storybook/addon-docs": "^8.0.4",
-    "@storybook/addon-viewport": "^8.0.4",
-    "@storybook/blocks": "^8.0.4",
-    "@storybook/jest": "~0.2.3",
-    "@storybook/react": "^8.0.4",
-    "@storybook/testing-library": "~0.2.2",
+    "@storybook/addon-docs": "^8.1.11",
+    "@storybook/addon-viewport": "^8.1.11",
+    "@storybook/blocks": "^8.1.11",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/react": "^8.1.11",
+    "@storybook/testing-library": "^0.2.2",
     "@types/react-infinite-scroller": "^1.2.5",
     "@types/react-window": "^1.8.8",
     "@types/react-window-infinite-loader": "^1.0.9",
-    "@wyw-in-js/vite": "^0.2.2",
+    "@wyw-in-js/vite": "^0.5.3",
     "esbuild-plugin-babel": "^0.2.3",
-    "glob": "^10.3.10",
-    "react": "18.2.0",
+    "glob": "^10.4.2",
+    "react": "18.3.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
-    "react-countup": "^6.5.0",
-    "react-phone-number-input": "^3.3.9",
+    "react-countup": "^6.5.3",
+    "react-phone-number-input": "^3.4.3",
     "rollup-plugin-node-polyfills": "^0.2.1",
-    "tslib": "^2.6.2",
-    "vite": "5.2.6",
-    "vite-plugin-node-polyfills": "^0.21.0",
+    "tslib": "^2.6.3",
+    "vite": "5.3.2",
+    "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "@streamlayer/react": "^0.41.10"
+    "@streamlayer/react": "^1.1.0"
   }
 }

package/lib/ui/app/Features/Gamification/Leaderboard.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-import type { ScrollNodeRef } from '../../masters';
-import { ScrollStore } from '../../useSdkScroll';
-export declare const Leaderboard: React.FC<{
-    gamification: Gamification;
-    scrollNode: ScrollNodeRef;
-    scrollStore: ScrollStore;
-}>;

package/lib/ui/app/Features/Gamification/Tabs.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { type Gamification } from '@streamlayer/feature-gamification';
-import type { AppNodeRef, ScrollNodeRef } from '../../masters';
-import { ResponsiveStore } from '../../useSdkResponsive';
-import { ScrollStore } from '../../useSdkScroll';
-export declare const Tabs: React.FC<{
-    appNode: AppNodeRef;
-    gamification: Gamification;
-    scrollStore: ScrollStore;
-    scrollNode: ScrollNodeRef;
-    responsiveStore: ResponsiveStore;
-    className?: string;
-    style?: React.CSSProperties;
-}>;

package/lib/ui/app/Navigation/index.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import { Overlays } from '../masters';
-import { ButtonProps } from '../../navigation/button';
-export declare const SDKNavigation: React.FC<{
-    customOverlays: Overlays;
-    activeButton?: ButtonProps['id'];
-    sdk: StreamLayerSDK;
-}>;

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

@@ -1,30 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useStore as s } from "@nanostores/react";
-import { useMemo as e } from "react";
-import { AvailableFeatures as d } from "@streamlayer/sdk-web-features";
-import { Navigation as v } from "../../navigation/index.js";
-import { Button as b } from "../../navigation/button/index.js";
-const x = ({ customOverlays: a, activeButton: c, sdk: i }) => {
-  const t = s(i.sdkStore.organizationSettings), r = s(i.sdkStore.streamSettings), p = e(() => {
-    const o = (r == null ? void 0 : r.data) || (t == null ? void 0 : t.data);
-    return o != null && o.overlays ? o.overlays : [];
-  }, [t, r]), m = e(
-    () => [
-      ...p.filter(({ enableSdkButton: o }) => o).map((o) => ({
-        id: o.type,
-        onClick: () => i.openFeature(o.type),
-        disabled: !(o.type in d),
-        label: o.name,
-        icon: /* @__PURE__ */ n("img", { src: o.icon, alt: "" }),
-        /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
-        position: o.position * 10
-      })),
-      ...Object.values(a).map(({ button: o }) => o)
-    ].sort((o, l) => o.position - l.position),
-    [p, i, a]
-  );
-  return /* @__PURE__ */ n(v, { children: m.map((o) => /* @__PURE__ */ n(b, { ...o, active: o.id === c })) });
-};
-export {
-  x as SDKNavigation
-};

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

@@ -1,10 +0,0 @@
-/// <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/index.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import { type Notification } from '@streamlayer/sdk-web-notifications';
-import { type AppNodeRef } from '../../masters';
-import { ResponsiveStore } from '../../useSdkResponsive';
-export declare const Onboarding: React.FC<{
-    sdk: StreamLayerSDK;
-    notification: Notification;
-    saveHeight: (height: number) => void;
-    appNode: AppNodeRef;
-    sdkInDesktopView?: boolean;
-    style?: React.CSSProperties;
-    responsiveStore: ResponsiveStore;
-}>;

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

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import type { AppNodeRef, ScrollNodeRef, HeaderNodeRef } from '../masters';
-import { ResponsiveStore } from '../useSdkResponsive';
-import { ScrollStore } from '../useSdkScroll';
-export declare const SDKNotifications: React.FC<{
-    sdk: StreamLayerSDK;
-    scrollNode: ScrollNodeRef;
-    appNode: AppNodeRef;
-    headerNode: HeaderNodeRef;
-    scrollStore: ScrollStore;
-    responsiveStore: ResponsiveStore;
-}>;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: any;
-export declare const InnerContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const HiddenContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}>;
-export declare const NotificationRefreshing: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Pill: any;

package/lib/ui/app/Points/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export declare const StreamLayerSDKPoints: React.FC<{
-    sdk: StreamLayerSDK;
-}>;

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export type Overlays = {};
-export type MastersAppChildrenProps = {
-    activateEventWithId: (event: string) => void;
-    deactivate: () => void;
-};
-type AppNode = HTMLDivElement | null;
-export type AppNodeRef = React.MutableRefObject<AppNode>;
-export type ScrollNode = HTMLDivElement | null;
-export type ScrollNodeRef = React.MutableRefObject<ScrollNode>;
-export type HeaderNode = HTMLDivElement | null;
-export type HeaderNodeRef = React.MutableRefObject<HeaderNode>;
-export type MastersAppProps = {
-    sdk: StreamLayerSDK;
-    overlays?: Overlays;
-    children: (methods: MastersAppChildrenProps) => React.ReactNode;
-};
-export declare const MastersApp: React.FC<MastersAppProps>;
-export {};

package/lib/ui/app/styles.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-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: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}>;
-export declare const TabsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LeaderboardContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}>;
-export declare const TabsNavContainer: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-}>;
-export declare const UserSummaryContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/app/useClipboardCopy.d.ts

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

package/lib/ui/app/useMastersApp.js

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

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { 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/ui/login/demo.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-import '@streamlayer/sdk-web-anonymous-auth';
-export declare const LoginComponent: React.FC<{
-    sdk: StreamLayerSDK;
-}>;

package/lib/ui/login/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Panel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Form: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & Record<never, unknown>>;
-export declare const FormTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const FormDescription: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const FormSubmit: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const FormInputContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Digits: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/login/styles.js

@@ -1,39 +0,0 @@
-import { styled as s } from "@linaria/react";
-const a = /* @__PURE__ */ s("div")({
-  name: "Panel",
-  class: "p1liu7r",
-  propsAsIs: !1
-}), e = /* @__PURE__ */ s("form")({
-  name: "Form",
-  class: "fhf9n1f",
-  propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
-  name: "FormTitle",
-  class: "fmf7e3h",
-  propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
-  name: "FormDescription",
-  class: "fg7be0w",
-  propsAsIs: !1
-}), m = /* @__PURE__ */ s("button")({
-  name: "FormSubmit",
-  class: "fvxx8fg",
-  propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
-  name: "FormInputContainer",
-  class: "f1sfffsg",
-  propsAsIs: !1
-}), f = /* @__PURE__ */ s("div")({
-  name: "Digits",
-  class: "d1majgb2",
-  propsAsIs: !1
-});
-export {
-  f as Digits,
-  e as Form,
-  r as FormDescription,
-  t as FormInputContainer,
-  m as FormSubmit,
-  n as FormTitle,
-  a as Panel
-};