@streamlayer/react 0.29.5 → 0.29.7

package/lib/masters-915bbbeb.js

@@ -0,0 +1,693 @@
+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-9295c266.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
+};