@streamlayer/react-ui 0.54.1 → 0.56.0

package/lib/ui/demo/Highlights.js

@@ -1,66 +0,0 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { FeatureStatus as d } from "@streamlayer/sdk-web-interfaces";
-import { useStore as m } from "@nanostores/react";
-import { DemoContainer as p } from "./styles.js";
-import "../gamification/user-statistics/components/rank/styles.js";
-import "../gamification/user-statistics/components/statistic/styles.js";
-import "../gamification/user-statistics/styles.js";
-import "@streamlayer/sdk-web-types";
-import "../gamification/insight/styles.js";
-import "../gamification/question/index.js";
-import "../gamification/question/list/styles.js";
-import "./components/Question.js";
-import "react";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../gamification/onboarding/styles.js";
-import { Insights as c } from "./components/Insights.js";
-import { Insight as f } from "./components/Insight.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../gamification/leaderboard/list-item/styles.js";
-import "@linaria/react";
-import "../button/index.js";
-import "../button/styles.js";
-import "../gamification/constants.js";
-import "../gamification/question/styles.js";
-import "../icons/index.js";
-import "../gamification/vote/index.js";
-import "../app/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 "../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 "../gamification/insight-list/index.js";
-import "../gamification/insight/index.js";
-import "../gamification/insight-list/styles.js";
-import "../gamification/detailed-insight/index.js";
-import "../gamification/common-header/index.js";
-import "../../icon-exit-d3f9fc80.js";
-import "../gamification/common-header/styles.js";
-import "../gamification/detailed-insight/styles.js";
-const nt = ({ highlights: i, sdk: e }) => {
-  const n = m(i.status), r = m(i.openedInsight), { slStreamId: o } = m(e.sdkStore);
-  return n !== d.Ready ? /* @__PURE__ */ t("div", { children: "wait..." }) : o != null && o.loading ? /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is loading" }) }) : o != null && o.data ? i.insights === void 0 ? /* @__PURE__ */ t("div", { children: "wait insights..." }) : /* @__PURE__ */ s(p, { children: [
-    !r && /* @__PURE__ */ t(c, { highlights: i, store: i.insights.getStore() }),
-    r && /* @__PURE__ */ t(
-      f,
-      {
-        openedInsight: r,
-        closeHighlights: i.closeFeature,
-        closeInsight: i.closeHighlight
-      }
-    )
-  ] }) : /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t("div", { children: "Event is forbidden" }) });
-};
-export {
-  nt as HighlightsComponent
-};

package/lib/ui/demo/Login.d.ts

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

package/lib/ui/demo/Login.js

@@ -1,26 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import "@streamlayer/sdk-web-anonymous-auth";
-import { Login as m } from "../login/index.js";
-import { useStore as n } from "@nanostores/react";
-import "react";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "../timer/index.js";
-import "@linaria/react";
-import "react-countdown-circle-timer";
-import "../theme/constants.js";
-import "../../utils/login.js";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "../login/styles.js";
-const j = ({ sdk: o }) => n(o.getUserStore()).data ? /* @__PURE__ */ r("button", { onClick: o.logout, children: "logout" }) : /* @__PURE__ */ r(m, { login: async (i) => {
-  try {
-    await o.authorizationBypass("streamlayer:streamlayer", i);
-  } catch (t) {
-    throw console.log("login err", t), t;
-  }
-}, anonymousLogin: o.anonymousAuthorization, host: o.host });
-export {
-  j as LoginComponent
-};

package/lib/ui/demo/components/EventProvider.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const EventProvider: React.FC;

package/lib/ui/demo/components/EventProvider.js

@@ -1,5 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-const o = () => /* @__PURE__ */ r("div", { children: "EventProvider" });
-export {
-  o as EventProvider
-};

package/lib/ui/demo/components/Insight.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Highlights } from '@streamlayer/feature-gamification';
-export declare const Insight: React.FC<{
-    openedInsight: Exclude<Highlights['openedInsight']['value'], undefined>;
-    closeHighlights: () => void;
-    closeInsight: () => void;
-    className?: string;
-}>;

package/lib/ui/demo/components/Insight.js

@@ -1,32 +0,0 @@
-import { jsx as L } from "react/jsx-runtime";
-import { DetailedInsight as c } from "../../gamification/detailed-insight/index.js";
-import "../../gamification/common-header/index.js";
-import "../../../icon-exit-d3f9fc80.js";
-import "../../gamification/common-header/styles.js";
-import "@linaria/react";
-import "../../gamification/detailed-insight/styles.js";
-const x = ({ openedInsight: o, closeHighlights: r, closeInsight: s, className: l }) => {
-  var t, a, b, n, e;
-  const i = ((t = o.options) == null ? void 0 : t.options.case) === "factoid" ? {
-    image: o.options.options.value.image,
-    body: o.options.options.value.body,
-    webLink: (a = o.options.options.value.webLink) == null ? void 0 : a.url,
-    webLinkLabel: (b = o.options.options.value.webLink) == null ? void 0 : b.label
-  } : {}, m = o.subject || ((n = o.notification) == null ? void 0 : n.title), p = i.body || ((e = o.notification) == null ? void 0 : e.body);
-  return /* @__PURE__ */ L(
-    c,
-    {
-      className: l,
-      image: i.image,
-      title: m,
-      description: p,
-      webLink: i.webLink,
-      webLinkLabel: i.webLinkLabel,
-      closeInsight: s,
-      closeHighlights: r
-    }
-  );
-};
-export {
-  x as Insight
-};

package/lib/ui/demo/components/Insights.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { Highlights } from '@streamlayer/feature-gamification';
-export declare const Insights: React.FC<{
-    highlights: Highlights;
-    store: ReturnType<Exclude<Highlights['insights'], undefined>['getStore']>;
-    className?: string;
-}>;

package/lib/ui/demo/components/Insights.js

@@ -1,15 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useStore as p } from "@nanostores/react";
-import { InsightList as s } from "../../gamification/insight-list/index.js";
-import "../../gamification/insight/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../gamification/insight/styles.js";
-import "@linaria/react";
-import "../../gamification/insight-list/styles.js";
-const c = ({ highlights: o, store: n, className: t }) => {
-  const { data: i } = p(n);
-  return i ? /* @__PURE__ */ r(s, { className: t, insights: i, openInsight: o.openHighlight }) : /* @__PURE__ */ r("div", { className: t, children: "wait insights..." });
-};
-export {
-  c as Insights
-};

package/lib/ui/demo/components/Leaderboard.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const Leaderboard: React.FC<{
-    store: ReturnType<Exclude<Gamification['leaderboardList'], undefined>['getStore']>;
-}>;

package/lib/ui/demo/components/Leaderboard.js

@@ -1,35 +0,0 @@
-import { jsx as e, Fragment as c } from "react/jsx-runtime";
-import { useStore as u } from "@nanostores/react";
-import { useState as b } from "react";
-import { LeaderboardList as l } from "../../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../gamification/leaderboard/list-item/index.js";
-import "../../../utils/common.js";
-import "../../gamification/leaderboard/list-item/styles.js";
-import "@linaria/react";
-import "../../icons/index.js";
-const F = ({ store: a }) => {
-  const { data: r } = u(a), [m, s] = b(void 0);
-  if (!r)
-    return /* @__PURE__ */ e("div", { children: "wait leader board..." });
-  const d = (t) => {
-    var i;
-    const p = (i = r.find((n) => {
-      var o;
-      return ((o = n.attributes) == null ? void 0 : o.userId) === t;
-    })) == null ? void 0 : i.attributes;
-    s(p);
-  };
-  return /* @__PURE__ */ e(c, { children: !m && /* @__PURE__ */ e(
-    l,
-    {
-      items: r.filter((t) => t.attributes).map((t) => t.attributes),
-      openItemDetail: d
-    }
-  ) });
-};
-export {
-  F as Leaderboard
-};

package/lib/ui/demo/components/Question.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { GamificationBackground } from '@streamlayer/feature-gamification';
-export declare const Question: React.FC<{
-    openedQuestion: Awaited<ReturnType<GamificationBackground['openedQuestion']['getValue']>>;
-    closeQuestion: () => void;
-    vote: (questionId: string, answerId: string) => void;
-}>;

package/lib/ui/demo/components/Question.js

@@ -1,89 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as f } from "@linaria/react";
-import { useState as p, useCallback as n, useMemo as s } from "react";
-import { Vote as d } from "../../gamification/vote/index.js";
-import "../../app/styles.js";
-import "../../gamification/vote/feedback/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../icons/index.js";
-import "../../gamification/vote/feedback/styles.js";
-import "../../gamification/vote/styles.js";
-import "../../gamification/vote/vote-option/index.js";
-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";
-const y = f.div`
-  position: absolute;
-  top: 0;
-  background: var(--color-transparent-item);
-  width: 100%;
-  height: 100%;
-
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  flex-direction: column;
-
-  > div {
-    width: 100%;
-    background: #000;
-    animation: slide-in 0.3s ease-in;
-  }
-
-  @keyframes slide-in {
-    from {
-      transform: translateX(-100%);
-    }
-
-    to {
-      transform: translateX(0);
-    }
-  }
-`, S = ({ openedQuestion: t, closeQuestion: h, vote: a }) => {
-  var c;
-  const [e, m] = p(!1);
-  n(
-    (r) => {
-      m(r);
-    },
-    [m]
-  );
-  const i = s(
-    () => t == null ? void 0 : t.answers.find((r) => r.youVoted === !0),
-    [t]
-  ), l = s(
-    () => !!(t != null && t.answers.find((r) => r.correct === !0)),
-    [t]
-  );
-  return t ? /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    d,
-    {
-      title: t.subject,
-      feedbackMessages: (c = t.options) == null ? void 0 : c.options.value,
-      questionType: t.type,
-      questionId: t.id,
-      questionVoted: !!i,
-      questionVotedCorrectly: i == null ? void 0 : i.correct,
-      options: t.answers.map((r) => ({
-        id: r.id,
-        title: r.text,
-        icon: r.icon,
-        type: t.type,
-        correct: r.correct,
-        percentage: r.percentage,
-        answered: r.youVoted,
-        disabled: !!i || t.marketClosed || e,
-        questionVoted: !!i,
-        hasCorrectAnswer: l,
-        points: r.points,
-        onVote: a
-      }))
-    }
-  ) }) }) }) : null;
-};
-export {
-  S as Question
-};

package/lib/ui/demo/components/QuestionsList.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const QuestionsList: React.FC<{
-    store: ReturnType<Exclude<Gamification['questions'], undefined>['getStore']>;
-    openQuestion: (questionId: string) => void;
-}>;

package/lib/ui/demo/components/QuestionsList.js

@@ -1,22 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useStore as m } from "@nanostores/react";
-import { QuestionList as p } from "../../gamification/question/list/index.js";
-import "../../gamification/insight/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../gamification/insight/styles.js";
-import "@linaria/react";
-import "../../gamification/question/index.js";
-import "../../button/index.js";
-import "../../button/styles.js";
-import "../../gamification/constants.js";
-import "../../gamification/question/styles.js";
-import "../../icons/index.js";
-import "react";
-import "../../gamification/question/list/styles.js";
-const v = ({ store: r, openQuestion: i }) => {
-  const t = m(r);
-  return t != null && t.data ? /* @__PURE__ */ o(p, { openQuestion: i, questions: t.data }) : /* @__PURE__ */ o("div", { children: "wait questions..." });
-};
-export {
-  v as QuestionsList
-};

package/lib/ui/demo/components/UserSummary.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-export declare const UserSummary: React.FC<{
-    store: ReturnType<Exclude<Gamification['userSummary'], undefined>['getStore']>;
-}>;

package/lib/ui/demo/components/UserSummary.js

@@ -1,17 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useStore as o } from "@nanostores/react";
-import { UserStatistics as i } from "../../gamification/user-statistics/index.js";
-import "../../../utils/common.js";
-import "../../gamification/user-statistics/components/rank/index.js";
-import "../../gamification/user-statistics/components/rank/styles.js";
-import "@linaria/react";
-import "../../gamification/user-statistics/components/statistic/index.js";
-import "../../gamification/user-statistics/components/statistic/styles.js";
-import "../../gamification/user-statistics/styles.js";
-const S = ({ store: m }) => {
-  const { data: r } = o(m);
-  return r != null && r.summary ? /* @__PURE__ */ t(i, { ...r.summary, ...r.percentage }) : /* @__PURE__ */ t("div", { children: "wait user..." });
-};
-export {
-  S as UserSummary
-};

package/lib/ui/demo/components/index.d.ts

@@ -1,7 +0,0 @@
-export { UserSummary } from './UserSummary';
-export { QuestionsList } from './QuestionsList';
-export { Question } from './Question';
-export { Onboarding } from '../../gamification/onboarding';
-export { Insights } from './Insights';
-export { Insight } from './Insight';
-export { Leaderboard } from './Leaderboard';

package/lib/ui/demo/components/index.js

@@ -1,70 +0,0 @@
-import { UserSummary as tr } from "./UserSummary.js";
-import { QuestionsList as pr } from "./QuestionsList.js";
-import { Question as er } from "./Question.js";
-import { Onboarding as fr } from "../../gamification/onboarding/index.js";
-import { Insights as nr } from "./Insights.js";
-import { Insight as dr } from "./Insight.js";
-import { Leaderboard as ur } from "./Leaderboard.js";
-import "react/jsx-runtime";
-import "@nanostores/react";
-import "../../gamification/user-statistics/index.js";
-import "../../../utils/common.js";
-import "../../gamification/user-statistics/components/rank/index.js";
-import "../../gamification/user-statistics/components/rank/styles.js";
-import "@linaria/react";
-import "../../gamification/user-statistics/components/statistic/index.js";
-import "../../gamification/user-statistics/components/statistic/styles.js";
-import "../../gamification/user-statistics/styles.js";
-import "../../gamification/question/list/index.js";
-import "../../gamification/insight/index.js";
-import "@streamlayer/sdk-web-types";
-import "../../gamification/insight/styles.js";
-import "../../gamification/question/index.js";
-import "../../button/index.js";
-import "../../button/styles.js";
-import "../../gamification/constants.js";
-import "../../gamification/question/styles.js";
-import "../../icons/index.js";
-import "react";
-import "../../gamification/question/list/styles.js";
-import "../../gamification/vote/index.js";
-import "../../app/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 "../../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 "../../../icon-exit-d3f9fc80.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
-import "../../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../../gamification/onboarding/styles.js";
-import "../../gamification/insight-list/index.js";
-import "../../gamification/insight-list/styles.js";
-import "../../gamification/detailed-insight/index.js";
-import "../../gamification/common-header/index.js";
-import "../../gamification/common-header/styles.js";
-import "../../gamification/detailed-insight/styles.js";
-import "../../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../../gamification/leaderboard/list-item/index.js";
-import "../../gamification/leaderboard/list-item/styles.js";
-export {
-  dr as Insight,
-  nr as Insights,
-  ur as Leaderboard,
-  fr as Onboarding,
-  er as Question,
-  pr as QuestionsList,
-  tr as UserSummary
-};

package/lib/ui/demo/index.d.ts

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

package/lib/ui/demo/index.js

@@ -1,180 +0,0 @@
-var y = Object.defineProperty;
-var b = (o, r, t) => r in o ? y(o, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[r] = t;
-var m = (o, r, t) => (b(o, typeof r != "symbol" ? r + "" : r, t), t);
-import { jsx as e, jsxs as l, Fragment as T } from "react/jsx-runtime";
-import { FeatureStatus as c } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as g } from "@streamlayer/sdk-web-types";
-import { AvailableFeatures as C } from "@streamlayer/sdk-web-features";
-import { useState as w, useMemo as S, useEffect as F } from "react";
-import "@streamlayer/sdk-web-api";
-import { Storage as k } from "@streamlayer/sdk-web-storage";
-import { useStore as f } from "@nanostores/react";
-import { Notifications as x } from "../notifications/index.js";
-import { GamificationComponent as E } from "./Gamification.js";
-import { HighlightsComponent as G } from "./Highlights.js";
-import { LoginComponent as H } from "./Login.js";
-import { Buttons as A, Button as d } from "./styles.js";
-import "../notifications/notification/index.js";
-import "@streamlayer/sdk-web-notifications";
-import "../notifications/notification/onboarding-inapp/index.js";
-import "../notifications/notification/onboarding-inapp/styles.js";
-import "@linaria/react";
-import "../notifications/notification/question-inapp/index.js";
-import "../../icon-exit-d3f9fc80.js";
-import "../notifications/notification/question-inapp/styles.js";
-import "../notifications/notification/styles.js";
-import "../notifications/styles.js";
-import "../gamification/tabs/index.js";
-import "../gamification/tabs/styles.js";
-import "./components/UserSummary.js";
-import "../gamification/user-statistics/index.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 "./components/QuestionsList.js";
-import "../gamification/question/list/index.js";
-import "../gamification/insight/index.js";
-import "../gamification/insight/styles.js";
-import "../gamification/question/index.js";
-import "../button/index.js";
-import "../button/styles.js";
-import "../gamification/constants.js";
-import "../gamification/question/styles.js";
-import "../icons/index.js";
-import "../gamification/question/list/styles.js";
-import "./components/Question.js";
-import "../gamification/vote/index.js";
-import "../app/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 "../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 "../gamification/onboarding/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-instructions/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-invite-card/styles.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js";
-import "../gamification/onboarding/components/onboarding-slides/onboarding-rules/styles.js";
-import "../gamification/onboarding/styles.js";
-import "../gamification/insight-list/styles.js";
-import "../gamification/common-header/styles.js";
-import "../gamification/detailed-insight/styles.js";
-import "./components/Leaderboard.js";
-import "../gamification/leaderboard/index.js";
-import "react-virtualized-auto-sizer";
-import "react-window";
-import "react-window-infinite-loader";
-import "../gamification/leaderboard/list-item/index.js";
-import "../gamification/leaderboard/list-item/styles.js";
-import "./components/Insights.js";
-import "../gamification/insight-list/index.js";
-import "./components/Insight.js";
-import "../gamification/detailed-insight/index.js";
-import "../gamification/common-header/index.js";
-import "@streamlayer/sdk-web-anonymous-auth";
-import "../login/index.js";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "../../utils/login.js";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "../login/styles.js";
-class B extends k {
-  constructor() {
-    super("user");
-    // Schema
-    m(this, "setSchema", (t) => {
-      this.write("schema", t);
-    });
-    m(this, "getSchema", () => this.read(
-      "schema"
-      /* SCHEMA */
-    ));
-    // Token
-    m(this, "setToken", (t) => {
-      this.write("token", t);
-    });
-    m(this, "getToken", () => this.read(
-      "token"
-      /* TOKEN */
-    ));
-    // External Token
-    m(this, "setExternalToken", (t) => {
-      this.write("eToken", t);
-    });
-    m(this, "getExternalToken", () => this.read(
-      "eToken"
-      /* EXTERNAL_TOKEN */
-    ));
-    m(this, "removeToken", () => {
-      this.remove(
-        "token"
-        /* TOKEN */
-      );
-    });
-  }
-}
-new B();
-const R = ({ activeFeature: o, sdk: r }) => {
-  const [t, a] = w(null), { organizationSettings: s, streamSettings: u } = f(r.sdkStore), v = S(() => {
-    const i = (u == null ? void 0 : u.data) || (s == null ? void 0 : s.data);
-    return i != null && i.overlays ? i.overlays : [];
-  }, [s, u]);
-  F(() => {
-    const i = r.getFeatures();
-    if (o)
-      for (const [n, p] of i)
-        n === o ? p.status.get() === c.Suspended && (p.enable(), a(p)) : p.status.get() === c.Ready && p.disable();
-    else {
-      for (const [, n] of i)
-        n.status.get() === c.Ready && n.disable();
-      a(null);
-    }
-    return () => {
-      for (const [, n] of i)
-        n.status.get() === c.Ready && n.disable();
-    };
-  }, [o, r]);
-  const h = S(() => t ? t.featureConfig.get().type === g.GAMES ? t ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { gamification: t, sdk: r }) }) : /* @__PURE__ */ e("div", { children: "wait gamification..." }) : t.featureConfig.get().type === g.HIGHLIGHTS ? t ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(G, { highlights: t, sdk: r }) }) : /* @__PURE__ */ e("div", { children: "wait highlights..." }) : /* @__PURE__ */ e("div", { children: "unknown feature" }) : null, [r, t]);
-  return /* @__PURE__ */ l("div", { children: [
-    /* @__PURE__ */ l(A, { children: [
-      /* @__PURE__ */ e(d, { onClick: () => r.closeFeature(), disabled: !h, children: "close" }),
-      /* @__PURE__ */ e(d, { onClick: () => r.logout(), children: "logout" }),
-      v.map((i) => /* @__PURE__ */ l(
-        d,
-        {
-          onClick: () => r.openFeature(i.type),
-          disabled: !(i.type in C),
-          "data-enable_sdk_button": i.enableSdkButton.toString(),
-          "data-selected": i.type === o,
-          children: [
-            /* @__PURE__ */ e("img", { src: i.icon, alt: "" }),
-            i.name
-          ]
-        },
-        i.name
-      ))
-    ] }),
-    h
-  ] });
-}, hr = ({ sdk: o }) => {
-  const r = f(o.organizationStore()), t = f(o.getUserStore()), a = f(o.getActiveFeature());
-  return r.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : r.data ? t.loading ? /* @__PURE__ */ e("div", { children: "authentication..." }) : t.data ? /* @__PURE__ */ l(T, { children: [
-    /* @__PURE__ */ e(x, { notificationsStore: o.getNotificationsStore() }),
-    /* @__PURE__ */ e(R, { sdk: o, activeFeature: a })
-  ] }) : /* @__PURE__ */ e(H, { sdk: o }) : /* @__PURE__ */ e("div", { children: "wrong sdk key..." });
-};
-export {
-  hr as Demo
-};