@streamlayer/react 0.29.3 → 0.29.5

package/lib/masters-e3fde211.js

@@ -0,0 +1,608 @@
+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
+};