@streamlayer/react 0.29.2 → 0.29.4

package/lib/masters-05fe9e78.cjs

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

package/lib/masters-e142c21e.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-efde52fd.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
+};