@streamlayer/react 0.29.6 → 0.29.8

package/lib/masters-e3fde211.js

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