@streamlayer/react 0.29.2 → 0.29.4

package/lib/masters-bec9cb07.js

@@ -1,400 +0,0 @@
-import { jsx as e, jsxs as m, Fragment as T } from "react/jsx-runtime";
-import { f as $, S as L, a as R, b as z, p as F } from "./index-0d23b24e.js";
-import { lazy as j, useMemo as C, Suspense as q, useRef as D, useState as g, useCallback as G, useEffect as O, useContext as P } from "react";
-import { FeatureType as w, QuestionType as d } from "@streamlayer/sdk-web-types";
-import { useStore as f } from "@nanostores/react";
-import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
-import { s as l, e as y, c as M } from "./index-05d85ab5.js";
-import { NotificationType as A } from "@streamlayer/sdk-web-notifications";
-const U = ({ feature: s, sdk: a, children: n, className: t }) => {
-  const r = f(s.status), { slStreamId: i } = f(a.sdkStore);
-  return i != null && i.loading ? /* @__PURE__ */ e("div", { className: t, children: "event is loading..." }) : i != null && i.data ? r !== b.Ready ? /* @__PURE__ */ e("div", { className: t, children: "wait feature..." }) : n : /* @__PURE__ */ e("div", { className: t, children: "event is forbidden..." });
-}, B = j(() => import("./index-ee3edaf5.js")), Q = ({
-  sdk: s,
-  feature: a,
-  className: n
-}) => {
-  const t = C(() => a && a.featureConfig.get().type === w.GAMES ? /* @__PURE__ */ e(U, { className: n, sdk: s, feature: a, children: /* @__PURE__ */ e(B, { className: n, gamification: a, sdk: s }) }) : null, [s, a, n]);
-  return /* @__PURE__ */ e(
-    q,
-    {
-      fallback: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: t
-    }
-  );
-};
-const V = /* @__PURE__ */ l("button")({
-  name: "e",
-  class: "enu64b2",
-  propsAsIs: !1
-}), K = /* @__PURE__ */ l("span")({
-  name: "t",
-  class: "tw2meku",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ l("span")({
-  name: "a",
-  class: "aka8vam",
-  propsAsIs: !1
-}), S = ({ disabled: s, active: a, onClick: n, label: t, icon: r }) => /* @__PURE__ */ e(V, { onClick: n, disabled: s, "data-selected": a, children: /* @__PURE__ */ m(T, { children: [
-  r && /* @__PURE__ */ e(K, { children: r }),
-  /* @__PURE__ */ e(W, { children: t })
-] }) });
-const Y = () => y, H = /* @__PURE__ */ l(Y())({
-  name: "a",
-  class: "a10lggiw",
-  propsAsIs: !0
-}), k = "channels", J = (s) => {
-  var a;
-  return /* @__PURE__ */ e(S, {
-    ...s,
-    id: "channels",
-    label: "Channels",
-    icon: /* @__PURE__ */ e(H, {
-      name: "icon-btn-channels",
-      "data-selected": (a = s.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const X = () => y, Z = /* @__PURE__ */ l(X())({
-  name: "d",
-  class: "d1x5s8ie",
-  propsAsIs: !0
-}), u = "featuredGroups", ss = (s) => {
-  var a;
-  return /* @__PURE__ */ e(S, {
-    ...s,
-    label: "FG+",
-    id: "featuredGroups",
-    icon: /* @__PURE__ */ e(Z, {
-      name: "icon-btn-feature-groups",
-      "data-selected": (a = s.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const es = () => y, as = /* @__PURE__ */ l(es())({
-  name: "n",
-  class: "ntav86o",
-  propsAsIs: !0
-}), I = "leaderboard", ns = (s) => {
-  var a;
-  return /* @__PURE__ */ e(S, {
-    ...s,
-    label: "Leader Board",
-    id: "leaderboard",
-    icon: /* @__PURE__ */ e(as, {
-      name: "icon-btn-leaderboard",
-      "data-selected": (a = s.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const ts = /* @__PURE__ */ l("div")({
-  name: "n",
-  class: "n1rlvhvz",
-  propsAsIs: !1
-}), ls = ({
-  children: s,
-  className: a
-}) => /* @__PURE__ */ e(ts, {
-  className: a,
-  children: s
-});
-const is = () => ls, rs = /* @__PURE__ */ l(is())({
-  name: "n",
-  class: "n9bnom",
-  propsAsIs: !0
-}), cs = ({ activeOverlay: s, setActiveOverlay: a, sdkReady: n, className: t }) => /* @__PURE__ */ m(rs, { className: t, children: [
-  /* @__PURE__ */ e(J, { active: s === k, onClick: () => a(k) }),
-  /* @__PURE__ */ e(
-    ss,
-    {
-      active: s === u,
-      disabled: !n,
-      onClick: () => {
-        a(u);
-      }
-    }
-  ),
-  /* @__PURE__ */ e(
-    ns,
-    {
-      active: s === I,
-      onClick: () => a(I)
-    }
-  )
-] }), os = {
-  [d.TWEET]: { label: "Insight", iconName: "icon-insight" },
-  [d.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
-  [d.UNSET]: void 0,
-  [d.FACTOID]: { label: "Insight", iconName: "icon-insight" },
-  [d.POLL]: { label: "Poll", iconName: "icon-poll" },
-  [d.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
-  [d.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-};
-const ds = /* @__PURE__ */ l("div")({
-  name: "i",
-  class: "i1bwjtdb",
-  propsAsIs: !1
-}), ps = /* @__PURE__ */ l("video")({
-  name: "e",
-  class: "enb7moc",
-  propsAsIs: !1
-}), us = /* @__PURE__ */ l("img")({
-  name: "r",
-  class: "r1ws5lyh",
-  propsAsIs: !1
-}), ms = /* @__PURE__ */ l("div")({
-  name: "s",
-  class: "soibf55",
-  propsAsIs: !1
-}), vs = ({ poster: s, source: a }) => {
-  const n = D(null), [t, r] = g(!1), [i, o] = g(!0);
-  return /* @__PURE__ */ m(ds, { onClick: () => {
-    const c = n == null ? void 0 : n.current;
-    c && r((v) => v ? (c.pause(), !1) : (c.play(), o(!1), !0));
-  }, children: [
-    /* @__PURE__ */ e(
-      ps,
-      {
-        ref: n,
-        src: a,
-        onEnded: () => {
-          var c;
-          (c = n == null ? void 0 : n.current) == null || c.load(), r(!1), o(!0);
-        },
-        style: { visibility: i ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ e(us, { src: s, style: { visibility: i ? "visible" : "hidden" } }),
-    /* @__PURE__ */ e(ms, { children: !t && /* @__PURE__ */ e(y, { name: "icon-play" }) })
-  ] });
-};
-const fs = /* @__PURE__ */ l("div")({
-  name: "r",
-  class: "rcr31jh",
-  propsAsIs: !1
-}), hs = /* @__PURE__ */ l("div")({
-  name: "i",
-  class: "ihj4z8w",
-  propsAsIs: !1
-}), ys = /* @__PURE__ */ l("h3")({
-  name: "t",
-  class: "t1oks4sz",
-  propsAsIs: !1
-}), bs = /* @__PURE__ */ l("div")({
-  name: "n",
-  class: "n18s3mno",
-  propsAsIs: !1
-}), gs = /* @__PURE__ */ l("button")({
-  name: "l",
-  class: "lc8mqwv",
-  propsAsIs: !1
-}), ks = ({
-  video: s,
-  heading: a,
-  body: n,
-  action: t
-}) => /* @__PURE__ */ m(fs, { children: [
-  (s == null ? void 0 : s.url) && /* @__PURE__ */ e(vs, { source: s.url, poster: s.thumbnailUrl }),
-  /* @__PURE__ */ m(hs, { children: [
-    /* @__PURE__ */ e(ys, { children: a }),
-    /* @__PURE__ */ e(bs, { children: n }),
-    t && /* @__PURE__ */ e(gs, { onClick: t, children: "View Insight" })
-  ] })
-] });
-const Is = () => y, As = () => y, Ss = /* @__PURE__ */ l("div")({
-  name: "p",
-  class: "p16oo5uk",
-  propsAsIs: !1
-}), $s = /* @__PURE__ */ l("div")({
-  name: "a",
-  class: "a18c5k3h",
-  propsAsIs: !1
-}), Ns = /* @__PURE__ */ l(Is())({
-  name: "c",
-  class: "czv5t8k",
-  propsAsIs: !0
-}), xs = /* @__PURE__ */ l("div")({
-  name: "s",
-  class: "s1wp1emp",
-  propsAsIs: !1
-}), _s = /* @__PURE__ */ l(As())({
-  name: "l",
-  class: "l1nz0q6x",
-  propsAsIs: !0
-}), Cs = /* @__PURE__ */ l("span")({
-  name: "g",
-  class: "g1jhb9lu",
-  propsAsIs: !1
-}), Os = /* @__PURE__ */ l("div")({
-  name: "d",
-  class: "ds6gfsv",
-  propsAsIs: !1
-}), ws = /* @__PURE__ */ l("button")({
-  name: "x",
-  class: "xkzz16s",
-  propsAsIs: !1
-}), N = ({
-  close: s,
-  action: a,
-  data: { questionType: n, question: t, insight: r }
-}) => {
-  const i = os[n];
-  return i ? /* @__PURE__ */ m(Ss, { children: [
-    /* @__PURE__ */ e($s, { onClick: s, children: /* @__PURE__ */ e(Ns, { name: "icon-cross" }) }),
-    /* @__PURE__ */ m(xs, { children: [
-      /* @__PURE__ */ e(_s, { name: i.iconName }),
-      /* @__PURE__ */ e(Cs, { children: i.label })
-    ] }),
-    n === d.FACTOID ? /* @__PURE__ */ e(ks, { ...r, action: a }) : /* @__PURE__ */ e(Os, { children: t == null ? void 0 : t.title }),
-    n !== d.FACTOID && /* @__PURE__ */ e(ws, { onClick: a, children: "Answer" })
-  ] }) : null;
-};
-const Es = /* @__PURE__ */ l("div")({
-  name: "s",
-  class: "s1aopxp8",
-  propsAsIs: !1
-}), Ts = "c1t0h6s", Ls = ({
-  children: s,
-  style: a,
-  className: n,
-  hiding: t
-}) => /* @__PURE__ */ e(Es, {
-  style: a,
-  className: M(n, t && Ts),
-  children: s
-});
-const Rs = () => Ls, x = /* @__PURE__ */ l(Rs())({
-  name: "d",
-  class: "d1qqtt3e",
-  propsAsIs: !0
-}), zs = ({ sdk: s }) => {
-  const a = s.getNotificationsStore(), n = f(a), t = C(() => {
-    if (!(n != null && n.size))
-      return null;
-    for (const r of n.values())
-      if (r.type === A.ONBOARDING)
-        return r;
-    return n.values().next().value;
-  }, [n]);
-  return (t == null ? void 0 : t.type) === A.QUESTION ? /* @__PURE__ */ e(x, { hiding: t.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { ...t }) }) }) : (t == null ? void 0 : t.type) === A.QUESTION_RESOLVED ? /* @__PURE__ */ e(x, { hiding: t.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(N, { ...t }) }) }) : null;
-};
-const Fs = () => qs, js = /* @__PURE__ */ l("div")({
-  name: "i",
-  class: "idhrx8x",
-  propsAsIs: !1
-}), _ = /* @__PURE__ */ l("div")({
-  name: "r",
-  class: "r1k6v4ep",
-  propsAsIs: !1
-}), qs = /* @__PURE__ */ l("div")({
-  name: "n",
-  class: "n1v8kucd",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ l(Fs())({
-  name: "e",
-  class: "e16yw7z1",
-  propsAsIs: !0
-}), Ds = (s) => {
-  const [a, n] = g(!1), t = f(s.status), { data: r } = f(s.getUserStore()), i = t === "ready", [o, c] = g(u), v = G(
-    (p, h) => {
-      c(h), h === u ? (p && s.createEventSession(p), s.openFeature(w.GAMES)) : s.closeFeature();
-    },
-    [s]
-  );
-  return O(() => {
-    !i && o === u && (c(k), s.closeFeature());
-  }, [i, o, s]), {
-    sdkEnabled: a,
-    sdkReady: i,
-    activeOverlay: o,
-    activateAndLoadOverlay: v,
-    enableSdk: (p) => {
-      s.initializeApp().then(({ enabled: h, err: E }) => {
-        if (n(!0), E) {
-          v(p, k);
-          return;
-        }
-        if (h) {
-          v(p, u);
-          return;
-        }
-      });
-    },
-    disableSdk: () => {
-      n(!1), s.disableApp();
-    },
-    isLogged: !!r
-  };
-}, Gs = (s) => {
-  const a = f(s.getActiveFeature()), n = f(s.streamStore()), [t, r] = g(null);
-  return O(() => {
-    const i = s.getFeatures();
-    if (a)
-      for (const [o, c] of i)
-        o === a ? c.status.get() === b.Suspended && (c.enable(), r(c)) : c.status.get() === b.Ready && c.disable();
-    else {
-      for (const [, o] of i)
-        o.status.get() === b.Ready && o.disable();
-      r(null);
-    }
-    return () => {
-      for (const [, o] of i)
-        o.status.get() === b.Ready && o.disable();
-    };
-  }, [a, s, n]), [a, t];
-}, Ps = ({ sdk: s, className: a }) => {
-  const [, n] = Gs(s);
-  return /* @__PURE__ */ e(Q, { className: a, feature: n, sdk: s });
-}, Ms = ({ sdk: s, overlays: a, children: n }) => {
-  const { sdkEnabled: t, sdkReady: r, activeOverlay: i, activateAndLoadOverlay: o, enableSdk: c, disableSdk: v, isLogged: p } = Ds(s);
-  return /* @__PURE__ */ m(js, { children: [
-    t && /* @__PURE__ */ e(
-      cs,
-      {
-        sdkReady: r,
-        activeOverlay: i,
-        className: $,
-        setActiveOverlay: (h) => o("", h)
-      }
-    ),
-    t && /* @__PURE__ */ e(zs, { sdk: s }),
-    /* @__PURE__ */ e(
-      _,
-      {
-        "data-nav": t.toString(),
-        style: { display: !t || i === k ? "block" : "none" },
-        children: n && n({ enableSdk: c, disableSdk: v })
-      }
-    ),
-    /* @__PURE__ */ e(
-      _,
-      {
-        "data-nav": t.toString(),
-        style: { display: i === I ? "block" : "none" },
-        children: a && i === I && a[i]
-      }
-    ),
-    p && t && i === u && /* @__PURE__ */ e(Ps, { className: $, sdk: s }),
-    !p && t && i === u && /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
-  ] });
-}, Xs = ({
-  sdkKey: s,
-  plugins: a,
-  children: n,
-  production: t = !0
-}) => /* @__PURE__ */ e(L, { sdkKey: s, plugins: a, production: t, autoEnable: !1, children: n }), Zs = ({ children: s, overlays: a }) => {
-  const { sdk: n, status: t } = P(R);
-  if (t === z.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return n ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(F, { style: { height: "100%" }, children: /* @__PURE__ */ e(Ms, { sdk: n, overlays: a, children: s }) }) }) : s({});
-};
-export {
-  Xs as M,
-  Zs as a,
-  Js as e,
-  Ls as f,
-  qs as n,
-  os as o,
-  _ as r,
-  vs as w
-};