@streamlayer/react 0.29.10 → 0.30.0

package/lib/masters-5752c805.js

@@ -1,693 +0,0 @@
-import { jsx as s, jsxs as r, Fragment as _ } from "react/jsx-runtime";
-import { f as O, S as H, a as J, b as X, p as Z } from "./index-0d23b24e.js";
-import { lazy as ss, useMemo as Q, Suspense as es, useRef as as, useState as b, useEffect as T, useCallback as ns, useContext as ls } from "react";
-import { FeatureType as V, QuestionType as u } from "@streamlayer/sdk-web-types";
-import { useStore as I } from "@nanostores/react";
-import { FeatureStatus as k } from "@streamlayer/sdk-web-interfaces";
-import { s as a, C as m, c as ts } from "./index-616b0bcd.js";
-import { NotificationType as C } from "@streamlayer/sdk-web-notifications";
-const rs = ({ feature: e, sdk: n, children: l, className: t }) => {
-  const i = I(e.status), { slStreamId: c } = I(n.sdkStore);
-  return c != null && c.loading ? /* @__PURE__ */ s("div", { className: t, children: "event is loading..." }) : c != null && c.data ? i !== k.Ready ? /* @__PURE__ */ s("div", { className: t, children: "wait feature..." }) : l : /* @__PURE__ */ s("div", { className: t, children: "event is forbidden..." });
-}, cs = ss(() => import("./index-66ccd267.js")), is = ({
-  sdk: e,
-  feature: n,
-  className: l
-}) => {
-  const t = Q(() => n && n.featureConfig.get().type === V.GAMES ? /* @__PURE__ */ s(rs, { className: l, sdk: e, feature: n, children: /* @__PURE__ */ s(cs, { className: l, gamification: n, sdk: e }) }) : null, [e, n, l]);
-  return /* @__PURE__ */ s(
-    es,
-    {
-      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: t
-    }
-  );
-};
-const os = /* @__PURE__ */ a("button")({
-  name: "e",
-  class: "enu64b2",
-  propsAsIs: !1
-}), ds = /* @__PURE__ */ a("span")({
-  name: "t",
-  class: "tw2meku",
-  propsAsIs: !1
-}), ps = /* @__PURE__ */ a("span")({
-  name: "a",
-  class: "aka8vam",
-  propsAsIs: !1
-}), j = ({ disabled: e, active: n, onClick: l, label: t, icon: i }) => /* @__PURE__ */ s(os, { onClick: l, disabled: e, "data-selected": n, children: /* @__PURE__ */ r(_, { children: [
-  i && /* @__PURE__ */ s(ds, { children: i }),
-  /* @__PURE__ */ s(ps, { children: t })
-] }) });
-const us = () => m, ms = /* @__PURE__ */ a(us())({
-  name: "a",
-  class: "a10lggiw",
-  propsAsIs: !0
-}), S = "channels", hs = (e) => {
-  var n;
-  return /* @__PURE__ */ s(j, {
-    ...e,
-    id: "channels",
-    label: "Channels",
-    icon: /* @__PURE__ */ s(ms, {
-      name: "icon-btn-channels",
-      "data-selected": (n = e.active) == null ? void 0 : n.toString()
-    })
-  });
-};
-const vs = () => m, fs = /* @__PURE__ */ a(vs())({
-  name: "d",
-  class: "d1x5s8ie",
-  propsAsIs: !0
-}), v = "featuredGroups", Is = (e) => {
-  var n;
-  return /* @__PURE__ */ s(j, {
-    ...e,
-    label: "FG+",
-    id: "featuredGroups",
-    icon: /* @__PURE__ */ s(fs, {
-      name: "icon-btn-feature-groups",
-      "data-selected": (n = e.active) == null ? void 0 : n.toString()
-    })
-  });
-};
-const As = () => m, $s = /* @__PURE__ */ a(As())({
-  name: "n",
-  class: "ntav86o",
-  propsAsIs: !0
-}), N = "leaderboard", ys = (e) => {
-  var n;
-  return /* @__PURE__ */ s(j, {
-    ...e,
-    label: "Leader Board",
-    id: "leaderboard",
-    icon: /* @__PURE__ */ s($s, {
-      name: "icon-btn-leaderboard",
-      "data-selected": (n = e.active) == null ? void 0 : n.toString()
-    })
-  });
-};
-const gs = /* @__PURE__ */ a("div")({
-  name: "n",
-  class: "n1rlvhvz",
-  propsAsIs: !1
-}), bs = ({
-  children: e,
-  className: n
-}) => /* @__PURE__ */ s(gs, {
-  className: n,
-  children: e
-});
-const ks = () => bs, xs = /* @__PURE__ */ a(ks())({
-  name: "n",
-  class: "n9bnom",
-  propsAsIs: !0
-}), _s = ({ activeOverlay: e, setActiveOverlay: n, sdkReady: l, className: t }) => /* @__PURE__ */ r(xs, { className: t, children: [
-  /* @__PURE__ */ s(hs, { active: e === S, onClick: () => n(S) }),
-  /* @__PURE__ */ s(
-    Is,
-    {
-      active: e === v,
-      disabled: !l,
-      onClick: () => {
-        n(v);
-      }
-    }
-  ),
-  /* @__PURE__ */ s(
-    ys,
-    {
-      active: e === N,
-      onClick: () => n(N)
-    }
-  )
-] }), Ss = {
-  [u.TWEET]: { label: "Insight", iconName: "icon-insight" },
-  [u.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
-  [u.UNSET]: void 0,
-  [u.FACTOID]: { label: "Insight", iconName: "icon-insight" },
-  [u.POLL]: { label: "Poll", iconName: "icon-poll" },
-  [u.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
-  [u.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-};
-const ws = /* @__PURE__ */ a("div")({
-  name: "i",
-  class: "i1bwjtdb",
-  propsAsIs: !1
-}), Ns = /* @__PURE__ */ a("video")({
-  name: "e",
-  class: "enb7moc",
-  propsAsIs: !1
-}), Cs = /* @__PURE__ */ a("img")({
-  name: "r",
-  class: "r1ws5lyh",
-  propsAsIs: !1
-}), Es = /* @__PURE__ */ a("div")({
-  name: "s",
-  class: "soibf55",
-  propsAsIs: !1
-}), Ts = ({ poster: e, source: n }) => {
-  const l = as(null), [t, i] = b(!1), [c, o] = b(!0);
-  return /* @__PURE__ */ r(ws, { onClick: () => {
-    const d = l == null ? void 0 : l.current;
-    d && i((f) => f ? (d.pause(), !1) : (d.play(), o(!1), !0));
-  }, children: [
-    /* @__PURE__ */ s(
-      Ns,
-      {
-        ref: l,
-        src: n,
-        onEnded: () => {
-          var d;
-          (d = l == null ? void 0 : l.current) == null || d.load(), i(!1), o(!0);
-        },
-        style: { visibility: c ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ s(Cs, { src: e, style: { visibility: c ? "visible" : "hidden" } }),
-    /* @__PURE__ */ s(Es, { children: !t && /* @__PURE__ */ s(m, { name: "icon-play" }) })
-  ] });
-};
-const js = /* @__PURE__ */ a("div")({
-  name: "r",
-  class: "rcr31jh",
-  propsAsIs: !1
-}), Os = /* @__PURE__ */ a("div")({
-  name: "i",
-  class: "ihj4z8w",
-  propsAsIs: !1
-}), Ls = /* @__PURE__ */ a("h3")({
-  name: "t",
-  class: "t1oks4sz",
-  propsAsIs: !1
-}), Rs = /* @__PURE__ */ a("div")({
-  name: "n",
-  class: "n18s3mno",
-  propsAsIs: !1
-}), zs = /* @__PURE__ */ a("button")({
-  name: "l",
-  class: "lc8mqwv",
-  propsAsIs: !1
-}), Ps = ({
-  video: e,
-  heading: n,
-  body: l,
-  action: t
-}) => /* @__PURE__ */ r(js, { children: [
-  (e == null ? void 0 : e.url) && /* @__PURE__ */ s(Ts, { source: e.url, poster: e.thumbnailUrl }),
-  /* @__PURE__ */ r(Os, { children: [
-    /* @__PURE__ */ s(Ls, { children: n }),
-    /* @__PURE__ */ s(Rs, { children: l }),
-    t && /* @__PURE__ */ s(zs, { onClick: t, children: "View Insight" })
-  ] })
-] });
-const Fs = () => p, qs = () => p, Ds = () => p, Gs = () => p, Us = () => p, Ms = () => p, Ws = () => p, Ys = () => p, Bs = () => p, Qs = () => p, Vs = () => p, Ks = () => p, Hs = () => p, Js = () => p, $ = /* @__PURE__ */ a("div")({
-  name: "o",
-  class: "oeeit6",
-  propsAsIs: !1
-}), p = /* @__PURE__ */ a("div")({
-  name: "e",
-  class: "e1v245rb",
-  propsAsIs: !1
-}), Xs = /* @__PURE__ */ a(Fs())({
-  name: "n",
-  class: "neiocf7",
-  propsAsIs: !0
-}), Zs = /* @__PURE__ */ a(qs())({
-  name: "t",
-  class: "t1vmkqme",
-  propsAsIs: !0
-}), se = /* @__PURE__ */ a(Ds())({
-  name: "r",
-  class: "r1ln3ryw",
-  propsAsIs: !0
-}), L = /* @__PURE__ */ a(Gs())({
-  name: "a",
-  class: "a1s6rgzs",
-  propsAsIs: !0
-}), R = /* @__PURE__ */ a(Us())({
-  name: "h",
-  class: "h13kvn19",
-  propsAsIs: !0
-}), z = /* @__PURE__ */ a(Ms())({
-  name: "d",
-  class: "dcrmlko",
-  propsAsIs: !0
-}), P = /* @__PURE__ */ a(Ws())({
-  name: "m",
-  class: "m16755u3",
-  propsAsIs: !0
-}), F = /* @__PURE__ */ a(Ys())({
-  name: "c",
-  class: "cdwashk",
-  propsAsIs: !0
-}), q = /* @__PURE__ */ a(Bs())({
-  name: "w",
-  class: "w1lh1meo",
-  propsAsIs: !0
-}), D = /* @__PURE__ */ a(Qs())({
-  name: "p",
-  class: "p1y0qeoo",
-  propsAsIs: !0
-}), ee = /* @__PURE__ */ a(Vs())({
-  name: "L",
-  class: "l1wanjqa",
-  propsAsIs: !0
-}), ae = /* @__PURE__ */ a(Ks())({
-  name: "l",
-  class: "l1aaziu",
-  propsAsIs: !0
-}), ne = /* @__PURE__ */ a(Hs())({
-  name: "f",
-  class: "fwkppnn",
-  propsAsIs: !0
-}), le = /* @__PURE__ */ a(Js())({
-  name: "u",
-  class: "uw10l4r",
-  propsAsIs: !0
-}), te = ({ step: e, correct: n }) => /* @__PURE__ */ r(_, { children: [
-  /* @__PURE__ */ r($, { "data-active": e === 1, "data-first-screen": "true", children: [
-    /* @__PURE__ */ s(Xs, {}),
-    /* @__PURE__ */ s(Zs, {}),
-    /* @__PURE__ */ s(se, {})
-  ] }),
-  /* @__PURE__ */ r($, { "data-active": e === 2, children: [
-    /* @__PURE__ */ s(L, {}),
-    /* @__PURE__ */ s(R, {}),
-    /* @__PURE__ */ s(z, {})
-  ] }),
-  /* @__PURE__ */ r($, { "data-active": e === 3, children: [
-    /* @__PURE__ */ s(L, {}),
-    /* @__PURE__ */ s(R, {}),
-    /* @__PURE__ */ s(z, {})
-  ] }),
-  n ? /* @__PURE__ */ r(_, { children: [
-    /* @__PURE__ */ r($, { "data-active": e === 4, "data-correct": "false", children: [
-      /* @__PURE__ */ s(P, {}),
-      /* @__PURE__ */ s(F, {}),
-      /* @__PURE__ */ s(q, {}),
-      /* @__PURE__ */ s(D, {})
-    ] }),
-    /* @__PURE__ */ r($, { "data-active": e === 5, "data-correct": "false", "data-last-screen": "true", children: [
-      /* @__PURE__ */ s(P, {}),
-      /* @__PURE__ */ s(F, {}),
-      /* @__PURE__ */ s(q, {}),
-      /* @__PURE__ */ s(D, {})
-    ] })
-  ] }) : /* @__PURE__ */ r($, { "data-active": e === 4, "data-correct": "false", "data-last-screen": "true", children: [
-    /* @__PURE__ */ s(ee, {}),
-    /* @__PURE__ */ s(ae, {}),
-    /* @__PURE__ */ s(ne, {}),
-    /* @__PURE__ */ s(le, {})
-  ] })
-] });
-const re = () => x, ce = () => m, ie = () => m, oe = /* @__PURE__ */ a("div")({
-  name: "c",
-  class: "c1iwvsrd",
-  propsAsIs: !1
-}), de = /* @__PURE__ */ a("div")({
-  name: "s",
-  class: "s16ztc4y",
-  propsAsIs: !1
-}), y = /* @__PURE__ */ a("div")({
-  name: "l",
-  class: "lpu10kq",
-  propsAsIs: !1
-}), g = /* @__PURE__ */ a("div")({
-  name: "p",
-  class: "pv9ujcb",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ a("div")({
-  name: "o",
-  class: "ow7lyj4",
-  propsAsIs: !1
-}), G = /* @__PURE__ */ a(re())({
-  name: "d",
-  class: "d1xtwn2m",
-  propsAsIs: !0
-}), w = /* @__PURE__ */ a("div")({
-  name: "f",
-  class: "f1bvvudl",
-  propsAsIs: !1
-}), E = /* @__PURE__ */ a(ce())({
-  name: "g",
-  class: "g56gji0",
-  propsAsIs: !0
-}), U = /* @__PURE__ */ a("button")({
-  name: "x",
-  class: "x8gvwg8",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ a(ie())({
-  name: "u",
-  class: "uckrlxs",
-  propsAsIs: !0
-}), pe = ({
-  close: e,
-  votedAnswer: n,
-  correct: l,
-  correctAnswerTitle: t
-}) => {
-  const [i, c] = b(1);
-  return T(() => {
-    const o = setInterval(() => {
-      c((d) => l && d > 4 || !l && d > 3 ? d : ++d);
-    }, 6e3);
-    return () => clearInterval(o);
-  }, [l]), /* @__PURE__ */ r(oe, { "data-bg-color-white": i > 3, children: [
-    /* @__PURE__ */ s(te, { step: i, correct: l }),
-    /* @__PURE__ */ r(de, { "data-active-number": i, children: [
-      /* @__PURE__ */ r(y, { children: [
-        /* @__PURE__ */ s(g, { children: "Master" }),
-        /* @__PURE__ */ s(G, { children: "FEATURED GROUPS +" })
-      ] }),
-      /* @__PURE__ */ r(y, { children: [
-        /* @__PURE__ */ s(g, { children: "Prediction results are in!" }),
-        /* @__PURE__ */ s(G, { children: "FEATURED GROUPS +" })
-      ] }),
-      /* @__PURE__ */ r(y, { children: [
-        /* @__PURE__ */ s(g, { children: "Who holds the most birdies in golf?" }),
-        /* @__PURE__ */ r(x, { children: [
-          "Your Pick: ",
-          /* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
-        ] })
-      ] }),
-      l ? /* @__PURE__ */ r(_, { children: [
-        /* @__PURE__ */ r(y, { "data-color-green": "true", children: [
-          /* @__PURE__ */ s(g, { children: "Congratulations! You answered correctly." }),
-          /* @__PURE__ */ r(x, { children: [
-            /* @__PURE__ */ s(E, { name: "selected" }),
-            "Your Pick: ",
-            /* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
-          ] })
-        ] }),
-        /* @__PURE__ */ r(y, { "data-color-green": "true", children: [
-          /* @__PURE__ */ s(U, { onClick: e, children: /* @__PURE__ */ s(M, { name: "icon-cross" }) }),
-          /* @__PURE__ */ r(g, { children: [
-            "+",
-            n == null ? void 0 : n.points,
-            " points"
-          ] }),
-          /* @__PURE__ */ r(x, { children: [
-            /* @__PURE__ */ s(E, { name: "selected" }),
-            "Your Pick: ",
-            /* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
-          ] })
-        ] })
-      ] }) : /* @__PURE__ */ r(y, { children: [
-        /* @__PURE__ */ s(U, { onClick: e, children: /* @__PURE__ */ s(M, { name: "icon-cross" }) }),
-        /* @__PURE__ */ r(g, { "data-incorrect": "true", children: [
-          "Better luck next time! Correct: ",
-          t,
-          "."
-        ] }),
-        /* @__PURE__ */ r(x, { "data-incorrect": "true", children: [
-          /* @__PURE__ */ s(E, { name: "circleClose" }),
-          "Your Pick: ",
-          /* @__PURE__ */ s(w, { children: n == null ? void 0 : n.title })
-        ] })
-      ] })
-    ] })
-  ] });
-};
-const ue = () => m, me = () => m, he = /* @__PURE__ */ a("div")({
-  name: "p",
-  class: "p16oo5uk",
-  propsAsIs: !1
-}), ve = /* @__PURE__ */ a("div")({
-  name: "a",
-  class: "a18c5k3h",
-  propsAsIs: !1
-}), fe = /* @__PURE__ */ a(ue())({
-  name: "c",
-  class: "czv5t8k",
-  propsAsIs: !0
-}), Ie = /* @__PURE__ */ a("div")({
-  name: "s",
-  class: "s1wp1emp",
-  propsAsIs: !1
-}), Ae = /* @__PURE__ */ a(me())({
-  name: "l",
-  class: "l1nz0q6x",
-  propsAsIs: !0
-}), $e = /* @__PURE__ */ a("span")({
-  name: "g",
-  class: "g1jhb9lu",
-  propsAsIs: !1
-}), ye = /* @__PURE__ */ a("div")({
-  name: "d",
-  class: "ds6gfsv",
-  propsAsIs: !1
-}), ge = /* @__PURE__ */ a("button")({
-  name: "x",
-  class: "xkzz16s",
-  propsAsIs: !1
-});
-const be = /* @__PURE__ */ a("div")({
-  name: "i",
-  class: "i1j5f618",
-  propsAsIs: !1
-}), ke = /* @__PURE__ */ a("div")({
-  name: "n",
-  class: "n1fqaem9",
-  propsAsIs: !1
-}), xe = /* @__PURE__ */ a("img")({
-  name: "o",
-  class: "o1jovu9m",
-  propsAsIs: !1
-}), _e = /* @__PURE__ */ a("div")({
-  name: "a",
-  class: "a12ibiz8",
-  propsAsIs: !1
-}), Se = /* @__PURE__ */ a("div")({
-  name: "r",
-  class: "r1r4eua",
-  propsAsIs: !1
-}), we = /* @__PURE__ */ a("div")({
-  name: "l",
-  class: "l1ymr3ce",
-  propsAsIs: !1
-}), Ne = ({ image: e, name: n, userName: l, verified: t }) => /* @__PURE__ */ r(be, { children: [
-  /* @__PURE__ */ s(ke, { children: /* @__PURE__ */ s(xe, { src: e }) }),
-  /* @__PURE__ */ r(_e, { children: [
-    /* @__PURE__ */ r(Se, { children: [
-      n,
-      " ",
-      t && /* @__PURE__ */ s(m, { name: "icon-twitter-verified" })
-    ] }),
-    /* @__PURE__ */ s(we, { children: l })
-  ] })
-] });
-const Ce = /* @__PURE__ */ a("div")({
-  name: "t",
-  class: "tfx5umz",
-  propsAsIs: !1
-}), Ee = /* @__PURE__ */ a("button")({
-  name: "e",
-  class: "e1a1fcxr",
-  propsAsIs: !1
-}), Te = /* @__PURE__ */ a("div")({
-  name: "i",
-  class: "i1iknwgy",
-  propsAsIs: !1
-}), je = /* @__PURE__ */ a("img")({
-  name: "n",
-  class: "n1uc9lmn",
-  propsAsIs: !1
-}), Oe = /* @__PURE__ */ a("div")({
-  name: "a",
-  class: "ae4b7qd",
-  propsAsIs: !1
-}), Le = /* @__PURE__ */ a("div")({
-  name: "l",
-  class: "l1udpjlr",
-  propsAsIs: !1
-}), Re = /* @__PURE__ */ a("blockquote")({
-  name: "d",
-  class: "d7ui2j0",
-  propsAsIs: !1
-}), ze = ({
-  account: e,
-  body: n,
-  image: l,
-  title: t,
-  action: i
-}) => /* @__PURE__ */ r(Ce, { children: [
-  /* @__PURE__ */ s(Le, { children: /* @__PURE__ */ s(Re, { children: t }) }),
-  /* @__PURE__ */ r(Oe, { children: [
-    /* @__PURE__ */ s(Ne, { ...e }),
-    /* @__PURE__ */ s(Te, { children: n }),
-    l && /* @__PURE__ */ s(je, { src: l })
-  ] }),
-  i && /* @__PURE__ */ s(Ee, { onClick: i, children: "View Tweet" })
-] }), W = ({
-  close: e,
-  action: n,
-  data: { questionType: l, question: t, insight: i, tweet: c }
-}) => {
-  const o = Ss[l];
-  return o ? t != null && t.predictionResult ? /* @__PURE__ */ s(pe, { close: e, ...t }) : /* @__PURE__ */ r(he, { children: [
-    /* @__PURE__ */ s(ve, { onClick: e, children: /* @__PURE__ */ s(fe, { name: "icon-cross" }) }),
-    l !== u.TWEET && /* @__PURE__ */ r(Ie, { children: [
-      /* @__PURE__ */ s(Ae, { name: o.iconName }),
-      /* @__PURE__ */ s($e, { children: o.label })
-    ] }),
-    l === u.FACTOID && /* @__PURE__ */ s(Ps, { ...i, action: n }),
-    l === u.TWEET && // ToDo: connect with real Api data
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    /* @__PURE__ */ s(ze, { ...c, action: n }),
-    l !== u.FACTOID && l !== u.TWEET && /* @__PURE__ */ r(_, { children: [
-      /* @__PURE__ */ s(ye, { children: t == null ? void 0 : t.title }),
-      /* @__PURE__ */ s(ge, { onClick: n, children: "Answer" })
-    ] })
-  ] }) : null;
-};
-const Pe = /* @__PURE__ */ a("div")({
-  name: "s",
-  class: "s1aopxp8",
-  propsAsIs: !1
-}), Fe = "c1t0h6s", qe = ({
-  children: e,
-  style: n,
-  className: l,
-  hiding: t
-}) => /* @__PURE__ */ s(Pe, {
-  style: n,
-  className: ts(l, t && Fe),
-  children: e
-});
-const De = () => qe, Y = /* @__PURE__ */ a(De())({
-  name: "d",
-  class: "d1qqtt3e",
-  propsAsIs: !0
-}), Ge = ({ sdk: e }) => {
-  const n = e.getNotificationsStore(), l = I(n), t = Q(() => {
-    if (!(l != null && l.size))
-      return null;
-    for (const i of l.values())
-      if (i.type === C.ONBOARDING)
-        return i;
-    return l.values().next().value;
-  }, [l]);
-  return (t == null ? void 0 : t.type) === C.QUESTION ? /* @__PURE__ */ s(Y, { hiding: t.hiding, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(W, { ...t }) }) }) : (t == null ? void 0 : t.type) === C.QUESTION_RESOLVED ? /* @__PURE__ */ s(Y, { hiding: t.hiding, children: /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s(W, { ...t }) }) }) : null;
-};
-const Ue = () => We, Me = /* @__PURE__ */ a("div")({
-  name: "i",
-  class: "idhrx8x",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ a("div")({
-  name: "r",
-  class: "r1k6v4ep",
-  propsAsIs: !1
-}), We = /* @__PURE__ */ a("div")({
-  name: "n",
-  class: "n1v8kucd",
-  propsAsIs: !1
-}), na = /* @__PURE__ */ a(Ue())({
-  name: "e",
-  class: "e16yw7z1",
-  propsAsIs: !0
-}), Ye = (e) => {
-  const [n, l] = b(!1), t = I(e.status), { data: i } = I(e.getUserStore()), c = t === "ready", [o, d] = b(v), f = ns(
-    (h, A) => {
-      d(A), A === v ? (h && e.createEventSession(h), e.openFeature(V.GAMES)) : e.closeFeature();
-    },
-    [e]
-  );
-  return T(() => {
-    !c && o === v && (d(S), e.closeFeature());
-  }, [c, o, e]), {
-    sdkEnabled: n,
-    sdkReady: c,
-    activeOverlay: o,
-    activateAndLoadOverlay: f,
-    enableSdk: (h) => {
-      e.initializeApp().then(({ enabled: A, err: K }) => {
-        if (l(!0), K) {
-          f(h, S);
-          return;
-        }
-        if (A) {
-          f(h, v);
-          return;
-        }
-      });
-    },
-    disableSdk: () => {
-      l(!1), e.disableApp();
-    },
-    isLogged: !!i
-  };
-}, Be = (e) => {
-  const n = I(e.getActiveFeature()), l = I(e.streamStore()), [t, i] = b(null);
-  return T(() => {
-    const c = e.getFeatures();
-    if (n)
-      for (const [o, d] of c)
-        o === n ? d.status.get() === k.Suspended && (d.enable(), i(d)) : d.status.get() === k.Ready && d.disable();
-    else {
-      for (const [, o] of c)
-        o.status.get() === k.Ready && o.disable();
-      i(null);
-    }
-    return () => {
-      for (const [, o] of c)
-        o.status.get() === k.Ready && o.disable();
-    };
-  }, [n, e, l]), [n, t];
-}, Qe = ({ sdk: e, className: n }) => {
-  const [, l] = Be(e);
-  return /* @__PURE__ */ s(is, { className: n, feature: l, sdk: e });
-}, Ve = ({ sdk: e, overlays: n, children: l }) => {
-  const { sdkEnabled: t, sdkReady: i, activeOverlay: c, activateAndLoadOverlay: o, enableSdk: d, disableSdk: f, isLogged: h } = Ye(e);
-  return /* @__PURE__ */ r(Me, { children: [
-    t && /* @__PURE__ */ s(
-      _s,
-      {
-        sdkReady: i,
-        activeOverlay: c,
-        className: O,
-        setActiveOverlay: (A) => o("", A)
-      }
-    ),
-    t && /* @__PURE__ */ s(Ge, { sdk: e }),
-    /* @__PURE__ */ s(
-      B,
-      {
-        "data-nav": t.toString(),
-        style: { display: !t || c === S ? "block" : "none" },
-        children: l && l({ enableSdk: d, disableSdk: f })
-      }
-    ),
-    /* @__PURE__ */ s(
-      B,
-      {
-        "data-nav": t.toString(),
-        style: { display: c === N ? "block" : "none" },
-        children: n && c === N && n[c]
-      }
-    ),
-    h && t && c === v && /* @__PURE__ */ s(Qe, { className: O, sdk: e }),
-    !h && t && c === v && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
-  ] });
-}, la = ({
-  sdkKey: e,
-  plugins: n,
-  children: l,
-  production: t = !0
-}) => /* @__PURE__ */ s(H, { sdkKey: e, plugins: n, production: t, autoEnable: !1, children: l }), ta = ({ children: e, overlays: n }) => {
-  const { sdk: l, status: t } = ls(J);
-  if (t === X.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return l ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(Z, { style: { height: "100%" }, children: /* @__PURE__ */ s(Ve, { sdk: l, overlays: n, children: e }) }) }) : e({});
-};
-export {
-  la as M,
-  ta as a,
-  na as e,
-  qe as f,
-  We as n,
-  Ss as o,
-  B as r,
-  Ts as w
-};