@streamlayer/react 0.28.1 → 0.28.2

package/lib/masters-56975aec.js

@@ -1,393 +0,0 @@
-import { jsx as e, jsxs as m, Fragment as w } from "react/jsx-runtime";
-import { f as N, S as L, a as R, b as z, p as F } from "./index-0d23b24e.js";
-import { lazy as j, useMemo as O, Suspense as q, useRef as D, useState as g, useCallback as G, useEffect as C, useContext as P } from "react";
-import { FeatureType as E, QuestionType as d } from "@streamlayer/sdk-web-types";
-import { useStore as h } from "@nanostores/react";
-import { FeatureStatus as b } from "@streamlayer/sdk-web-interfaces";
-import { s as l, q as y, c as M } from "./index-ed9cc1f5.js";
-import { NotificationType as A } from "@streamlayer/sdk-web-notifications";
-const U = ({ feature: s, sdk: a, children: t, className: n }) => {
-  const c = h(s.status), { slStreamId: i } = h(a.sdkStore);
-  return i != null && i.loading ? /* @__PURE__ */ e("div", { className: n, children: "event is loading..." }) : i != null && i.data ? c !== b.Ready ? /* @__PURE__ */ e("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ e("div", { className: n, children: "event is forbidden..." });
-}, B = j(() => import("./index-c325cc40.js")), Q = ({
-  sdk: s,
-  feature: a,
-  className: t
-}) => {
-  const n = O(() => a && a.featureConfig.get().type === E.GAMES ? /* @__PURE__ */ e(U, { className: t, sdk: s, feature: a, children: /* @__PURE__ */ e(B, { className: t, gamification: a, sdk: s }) }) : null, [s, a, t]);
-  return /* @__PURE__ */ e(
-    q,
-    {
-      fallback: /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: n
-    }
-  );
-};
-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
-}), $ = ({ disabled: s, active: a, onClick: t, label: n, icon: c }) => /* @__PURE__ */ e(V, { onClick: t, disabled: s, "data-selected": a, children: /* @__PURE__ */ m(w, { children: [
-  c && /* @__PURE__ */ e(K, { children: c }),
-  /* @__PURE__ */ e(W, { children: n })
-] }) });
-const Y = () => y, H = /* @__PURE__ */ l(Y())({
-  name: "a",
-  class: "a10lggiw",
-  propsAsIs: !0
-}), I = "channels", J = (s) => {
-  var a;
-  return /* @__PURE__ */ e($, {
-    ...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,
-    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
-}), k = "leaderboard", ns = (s) => {
-  var a;
-  return /* @__PURE__ */ e($, {
-    ...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: t, className: n }) => /* @__PURE__ */ m(rs, { className: n, children: [
-  /* @__PURE__ */ e(J, { active: s === I, onClick: () => a(I) }),
-  /* @__PURE__ */ e(
-    ss,
-    {
-      active: s === u,
-      disabled: !t,
-      onClick: () => {
-        a(u);
-      }
-    }
-  ),
-  /* @__PURE__ */ e(
-    ns,
-    {
-      active: s === k,
-      onClick: () => a(k)
-    }
-  )
-] }), 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 t = D(null), [n, c] = g(!1), [i, o] = g(!0);
-  return /* @__PURE__ */ m(ds, { onClick: () => {
-    const r = t == null ? void 0 : t.current;
-    r && c((v) => v ? (r.pause(), !1) : (r.play(), o(!1), !0));
-  }, children: [
-    /* @__PURE__ */ e(
-      ps,
-      {
-        ref: t,
-        src: a,
-        onEnded: () => {
-          var r;
-          (r = t == null ? void 0 : t.current) == null || r.load(), c(!1), o(!0);
-        },
-        style: { visibility: i ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ e(us, { src: s, style: { visibility: i ? "visible" : "hidden" } }),
-    /* @__PURE__ */ e(ms, { children: !n && /* @__PURE__ */ e(y, { name: "icon-play" }) })
-  ] });
-};
-const hs = /* @__PURE__ */ l("div")({
-  name: "r",
-  class: "rcr31jh",
-  propsAsIs: !1
-}), fs = /* @__PURE__ */ l("div")({
-  name: "t",
-  class: "thj4z8w",
-  propsAsIs: !1
-}), ys = /* @__PURE__ */ l("h3")({
-  name: "i",
-  class: "i1oks4sz",
-  propsAsIs: !1
-}), bs = /* @__PURE__ */ l("div")({
-  name: "n",
-  class: "n18s3mno",
-  propsAsIs: !1
-}), gs = /* @__PURE__ */ l("button")({
-  name: "l",
-  class: "lc8mqwv",
-  propsAsIs: !1
-}), Is = ({
-  video: s,
-  heading: a,
-  body: t,
-  action: n
-}) => /* @__PURE__ */ m(hs, { children: [
-  s && /* @__PURE__ */ e(vs, { source: s.url, poster: s.thumbnailUrl }),
-  /* @__PURE__ */ m(fs, { children: [
-    /* @__PURE__ */ e(ys, { children: a }),
-    /* @__PURE__ */ e(bs, { children: t }),
-    n && /* @__PURE__ */ e(gs, { onClick: n, children: "View Insight" })
-  ] })
-] });
-const ks = () => 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(ks())({
-  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
-}), Os = /* @__PURE__ */ l("span")({
-  name: "g",
-  class: "g1jhb9lu",
-  propsAsIs: !1
-}), Cs = /* @__PURE__ */ l("div")({
-  name: "d",
-  class: "ds6gfsv",
-  propsAsIs: !1
-}), Es = /* @__PURE__ */ l("button")({
-  name: "x",
-  class: "xkzz16s",
-  propsAsIs: !1
-}), x = ({
-  close: s,
-  action: a,
-  data: { questionType: t, question: n, insight: c }
-}) => {
-  const i = os[t];
-  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(Os, { children: i.label })
-    ] }),
-    t === d.FACTOID ? /* @__PURE__ */ e(Is, { ...c, action: a }) : /* @__PURE__ */ e(Cs, { children: n == null ? void 0 : n.title }),
-    t !== d.FACTOID && /* @__PURE__ */ e(Es, { onClick: a, children: "Answer" })
-  ] }) : null;
-};
-const Ts = /* @__PURE__ */ l("div")({
-  name: "s",
-  class: "s1aopxp8",
-  propsAsIs: !1
-}), ws = "c1t0h6s", Ls = ({
-  children: s,
-  style: a,
-  className: t,
-  hiding: n
-}) => /* @__PURE__ */ e(Ts, {
-  style: a,
-  className: M(t, n && ws),
-  children: s
-});
-const Rs = () => Ls, S = /* @__PURE__ */ l(Rs())({
-  name: "d",
-  class: "d1qqtt3e",
-  propsAsIs: !0
-}), zs = ({ sdk: s }) => {
-  const a = s.getNotificationsStore(), t = h(a), n = O(() => t != null && t.size ? t.values().next().value : null, [t]);
-  return (n == null ? void 0 : n.type) === A.QUESTION ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(x, { ...n }) }) }) : (n == null ? void 0 : n.type) === A.QUESTION_RESOLVED ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(x, { ...n }) }) }) : (n == null ? void 0 : n.type) === A.ONBOARDING ? /* @__PURE__ */ e(S, { hiding: n.hiding, children: /* @__PURE__ */ e("div", { children: "Onboarding" }) }) : 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: "a",
-  class: "a1v8kucd",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ l(Fs())({
-  name: "e",
-  class: "e16yw7z1",
-  propsAsIs: !0
-}), Ds = (s) => {
-  const [a, t] = g(!1), n = h(s.status), { data: c } = h(s.getUserStore()), i = n === "ready", [o, r] = g(u), v = G(
-    (p, f) => {
-      r(f), f === u ? (p && s.createEventSession(p), s.openFeature(E.GAMES)) : s.closeFeature();
-    },
-    [s]
-  );
-  return C(() => {
-    !i && o === u && (r(I), s.closeFeature());
-  }, [i, o, s]), {
-    sdkEnabled: a,
-    sdkReady: i,
-    activeOverlay: o,
-    activateAndLoadOverlay: v,
-    enableSdk: (p) => {
-      s.initializeApp().then(({ enabled: f, err: T }) => {
-        if (t(!0), T) {
-          v(p, I);
-          return;
-        }
-        if (f) {
-          v(p, u);
-          return;
-        }
-      });
-    },
-    disableSdk: () => {
-      t(!1), s.disableApp();
-    },
-    isLogged: !!c
-  };
-}, Gs = (s) => {
-  const a = h(s.getActiveFeature()), t = h(s.streamStore()), [n, c] = g(null);
-  return C(() => {
-    const i = s.getFeatures();
-    if (a)
-      for (const [o, r] of i)
-        o === a ? r.status.get() === b.Suspended && (r.enable(), c(r)) : r.status.get() === b.Ready && r.disable();
-    else {
-      for (const [, o] of i)
-        o.status.get() === b.Ready && o.disable();
-      c(null);
-    }
-    return () => {
-      for (const [, o] of i)
-        o.status.get() === b.Ready && o.disable();
-    };
-  }, [a, s, t]), [a, n];
-}, Ps = ({ sdk: s, className: a }) => {
-  const [, t] = Gs(s);
-  return /* @__PURE__ */ e(Q, { className: a, feature: t, sdk: s });
-}, Ms = ({ sdk: s, overlays: a, children: t }) => {
-  const { sdkEnabled: n, sdkReady: c, activeOverlay: i, activateAndLoadOverlay: o, enableSdk: r, disableSdk: v, isLogged: p } = Ds(s);
-  return /* @__PURE__ */ m(js, { children: [
-    n && /* @__PURE__ */ e(
-      cs,
-      {
-        sdkReady: c,
-        activeOverlay: i,
-        className: N,
-        setActiveOverlay: (f) => o("", f)
-      }
-    ),
-    n && /* @__PURE__ */ e(zs, { sdk: s }),
-    /* @__PURE__ */ e(
-      _,
-      {
-        "data-nav": n.toString(),
-        style: { display: !n || i === I ? "block" : "none" },
-        children: t && t({ enableSdk: r, disableSdk: v })
-      }
-    ),
-    /* @__PURE__ */ e(
-      _,
-      {
-        "data-nav": n.toString(),
-        style: { display: i === k ? "block" : "none" },
-        children: a && i === k && a[i]
-      }
-    ),
-    p && n && i === u && /* @__PURE__ */ e(Ps, { className: N, sdk: s }),
-    !p && n && 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: t,
-  production: n = !0
-}) => /* @__PURE__ */ e(L, { sdkKey: s, plugins: a, production: n, autoEnable: !1, children: t }), Zs = ({ children: s, overlays: a }) => {
-  const { sdk: t, status: n } = P(R);
-  if (n === z.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(Ms, { sdk: t, overlays: a, children: s }) }) }) : s({});
-};
-export {
-  Xs as M,
-  qs as a,
-  Zs as b,
-  Js as e,
-  Ls as f,
-  os as o,
-  _ as r,
-  vs as w
-};

package/lib/masters-e1de41e7.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("./index-89c19a6e.cjs"),o=require("react"),u=require("@streamlayer/sdk-web-types"),v=require("@nanostores/react"),h=require("@streamlayer/sdk-web-interfaces"),l=require("./index-3a549ff3.cjs"),g=require("@streamlayer/sdk-web-notifications"),O=({feature:s,sdk:t,children:n,className:a})=>{const d=v.useStore(s.status),{slStreamId:i}=v.useStore(t.sdkStore);return i!=null&&i.loading?e.jsx("div",{className:a,children:"event is loading..."}):i!=null&&i.data?d!==h.FeatureStatus.Ready?e.jsx("div",{className:a,children:"wait feature..."}):n:e.jsx("div",{className:a,children:"event is forbidden..."})},C=o.lazy(()=>Promise.resolve().then(()=>require("./index-0006746d.cjs"))),E=({sdk:s,feature:t,className:n})=>{const a=o.useMemo(()=>t&&t.featureConfig.get().type===u.FeatureType.GAMES?e.jsx(O,{className:n,sdk:s,feature:t,children:e.jsx(C,{className:n,gamification:t,sdk:s})}):null,[s,t,n]);return e.jsx(o.Suspense,{fallback:e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:a})};const w=l.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),F=l.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),L=l.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),k=({disabled:s,active:t,onClick:n,label:a,icon:d})=>e.jsx(w,{onClick:n,disabled:s,"data-selected":t,children:e.jsxs(e.Fragment,{children:[d&&e.jsx(F,{children:d}),e.jsx(L,{children:a})]})});const R=()=>l.q,z=l.styled_default(R())({name:"a",class:"a10lggiw",propsAsIs:!0}),j="channels",Q=s=>{var t;return e.jsx(k,{...s,id:"channels",label:"Channels",icon:e.jsx(z,{name:"icon-btn-channels","data-selected":(t=s.active)==null?void 0:t.toString()})})};const P=()=>l.q,D=l.styled_default(P())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),y="featuredGroups",M=s=>{var t;return e.jsx(k,{...s,label:"FG+",id:"featuredGroups",icon:e.jsx(D,{name:"icon-btn-feature-groups","data-selected":(t=s.active)==null?void 0:t.toString()})})};const G=()=>l.q,U=l.styled_default(G())({name:"n",class:"ntav86o",propsAsIs:!0}),b="leaderboard",W=s=>{var t;return e.jsx(k,{...s,label:"Leader Board",id:"leaderboard",icon:e.jsx(U,{name:"icon-btn-leaderboard","data-selected":(t=s.active)==null?void 0:t.toString()})})};const B=l.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),K=({children:s,className:t})=>e.jsx(B,{className:t,children:s});const V=()=>K,Y=l.styled_default(V())({name:"n",class:"n9bnom",propsAsIs:!0}),H=({activeOverlay:s,setActiveOverlay:t,sdkReady:n,className:a})=>e.jsxs(Y,{className:a,children:[e.jsx(Q,{active:s===j,onClick:()=>t(j)}),e.jsx(M,{active:s===y,disabled:!n,onClick:()=>{t(y)}}),e.jsx(W,{active:s===b,onClick:()=>t(b)})]}),A={[u.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.UNSET]:void 0,[u.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[u.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[u.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}};const J=l.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),X=l.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),Z=l.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),ee=l.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),N=({poster:s,source:t})=>{const n=o.useRef(null),[a,d]=o.useState(!1),[i,c]=o.useState(!0);return e.jsxs(J,{onClick:()=>{const r=n==null?void 0:n.current;r&&d(f=>f?(r.pause(),!1):(r.play(),c(!1),!0))},children:[e.jsx(X,{ref:n,src:t,onEnded:()=>{var r;(r=n==null?void 0:n.current)==null||r.load(),d(!1),c(!0)},style:{visibility:i?"hidden":"visible"}}),e.jsx(Z,{src:s,style:{visibility:i?"visible":"hidden"}}),e.jsx(ee,{children:!a&&e.jsx(l.q,{name:"icon-play"})})]})};const se=l.styled_default("div")({name:"r",class:"rcr31jh",propsAsIs:!1}),te=l.styled_default("div")({name:"t",class:"thj4z8w",propsAsIs:!1}),ae=l.styled_default("h3")({name:"i",class:"i1oks4sz",propsAsIs:!1}),ne=l.styled_default("div")({name:"n",class:"n18s3mno",propsAsIs:!1}),le=l.styled_default("button")({name:"l",class:"lc8mqwv",propsAsIs:!1}),ie=({video:s,heading:t,body:n,action:a})=>e.jsxs(se,{children:[s&&e.jsx(N,{source:s.url,poster:s.thumbnailUrl}),e.jsxs(te,{children:[e.jsx(ae,{children:t}),e.jsx(ne,{children:n}),a&&e.jsx(le,{onClick:a,children:"View Insight"})]})]});const re=()=>l.q,de=()=>l.q,ce=l.styled_default("div")({name:"p",class:"p16oo5uk",propsAsIs:!1}),oe=l.styled_default("div")({name:"a",class:"a18c5k3h",propsAsIs:!1}),ue=l.styled_default(re())({name:"c",class:"czv5t8k",propsAsIs:!0}),pe=l.styled_default("div")({name:"s",class:"s1wp1emp",propsAsIs:!1}),ye=l.styled_default(de())({name:"l",class:"l1nz0q6x",propsAsIs:!0}),fe=l.styled_default("span")({name:"g",class:"g1jhb9lu",propsAsIs:!1}),ve=l.styled_default("div")({name:"d",class:"ds6gfsv",propsAsIs:!1}),xe=l.styled_default("button")({name:"x",class:"xkzz16s",propsAsIs:!1}),I=({close:s,action:t,data:{questionType:n,question:a,insight:d}})=>{const i=A[n];return i?e.jsxs(ce,{children:[e.jsx(oe,{onClick:s,children:e.jsx(ue,{name:"icon-cross"})}),e.jsxs(pe,{children:[e.jsx(ye,{name:i.iconName}),e.jsx(fe,{children:i.label})]}),n===u.QuestionType.FACTOID?e.jsx(ie,{...d,action:t}):e.jsx(ve,{children:a==null?void 0:a.title}),n!==u.QuestionType.FACTOID&&e.jsx(xe,{onClick:t,children:"Answer"})]}):null};const me=l.styled_default("div")({name:"s",class:"s1aopxp8",propsAsIs:!1}),he="c1t0h6s",$=({children:s,style:t,className:n,hiding:a})=>e.jsx(me,{style:t,className:l.cx_default(n,a&&he),children:s});const je=()=>$,S=l.styled_default(je())({name:"d",class:"d1qqtt3e",propsAsIs:!0}),be=({sdk:s})=>{const t=s.getNotificationsStore(),n=v.useStore(t),a=o.useMemo(()=>n!=null&&n.size?n.values().next().value:null,[n]);return(a==null?void 0:a.type)===g.NotificationType.QUESTION?e.jsx(S,{hiding:a.hiding,children:e.jsx("div",{children:e.jsx(I,{...a})})}):(a==null?void 0:a.type)===g.NotificationType.QUESTION_RESOLVED?e.jsx(S,{hiding:a.hiding,children:e.jsx("div",{children:e.jsx(I,{...a})})}):(a==null?void 0:a.type)===g.NotificationType.ONBOARDING?e.jsx(S,{hiding:a.hiding,children:e.jsx("div",{children:"Onboarding"})}):null};const ge=()=>T,Se=l.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),_=l.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),T=l.styled_default("div")({name:"a",class:"a1v8kucd",propsAsIs:!1}),_e=l.styled_default(ge())({name:"e",class:"e16yw7z1",propsAsIs:!0}),ke=s=>{const[t,n]=o.useState(!1),a=v.useStore(s.status),{data:d}=v.useStore(s.getUserStore()),i=a==="ready",[c,r]=o.useState(y),f=o.useCallback((p,x)=>{r(x),x===y?(p&&s.createEventSession(p),s.openFeature(u.FeatureType.GAMES)):s.closeFeature()},[s]);return o.useEffect(()=>{!i&&c===y&&(r(j),s.closeFeature())},[i,c,s]),{sdkEnabled:t,sdkReady:i,activeOverlay:c,activateAndLoadOverlay:f,enableSdk:p=>{s.initializeApp().then(({enabled:x,err:q})=>{if(n(!0),q){f(p,j);return}if(x){f(p,y);return}})},disableSdk:()=>{n(!1),s.disableApp()},isLogged:!!d}},Ie=s=>{const t=v.useStore(s.getActiveFeature()),n=v.useStore(s.streamStore()),[a,d]=o.useState(null);return o.useEffect(()=>{const i=s.getFeatures();if(t)for(const[c,r]of i)c===t?r.status.get()===h.FeatureStatus.Suspended&&(r.enable(),d(r)):r.status.get()===h.FeatureStatus.Ready&&r.disable();else{for(const[,c]of i)c.status.get()===h.FeatureStatus.Ready&&c.disable();d(null)}return()=>{for(const[,c]of i)c.status.get()===h.FeatureStatus.Ready&&c.disable()}},[t,s,n]),[t,a]},Ae=({sdk:s,className:t})=>{const[,n]=Ie(s);return e.jsx(E,{className:t,feature:n,sdk:s})},Ne=({sdk:s,overlays:t,children:n})=>{const{sdkEnabled:a,sdkReady:d,activeOverlay:i,activateAndLoadOverlay:c,enableSdk:r,disableSdk:f,isLogged:p}=ke(s);return e.jsxs(Se,{children:[a&&e.jsx(H,{sdkReady:d,activeOverlay:i,className:m.f,setActiveOverlay:x=>c("",x)}),a&&e.jsx(be,{sdk:s}),e.jsx(_,{"data-nav":a.toString(),style:{display:!a||i===j?"block":"none"},children:n&&n({enableSdk:r,disableSdk:f})}),e.jsx(_,{"data-nav":a.toString(),style:{display:i===b?"block":"none"},children:t&&i===b&&t[i]}),p&&a&&i===y&&e.jsx(Ae,{className:m.f,sdk:s}),!p&&a&&i===y&&e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},$e=({sdkKey:s,plugins:t,children:n,production:a=!0})=>e.jsx(m.StreamLayerProvider,{sdkKey:s,plugins:t,production:a,autoEnable:!1,children:n}),Te=({children:s,overlays:t})=>{const{sdk:n,status:a}=o.useContext(m.StreamLayerContext);if(a===m.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return n?e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(m.p,{children:e.jsx(Ne,{sdk:n,overlays:t,children:s})})}):s({})};exports.MastersStreamLayerProvider=$e;exports.MastersStreamLayerSDKReact=Te;exports.a=T;exports.e=_e;exports.f=$;exports.o=A;exports.r=_;exports.w=N;