@streamlayer/react 0.29.11 → 0.30.0

package/lib/masters-b0b09591.cjs

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