@streamlayer/react 1.21.3 → 1.22.1

package/lib/cjs/masters2.js

@@ -1,13 +1,13 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("./provider.js"),N=require("lodash.throttle"),d=require("react"),H=require("./index2.js");require("nanostores");const x=require("./useStreamLayerApp2.js"),P=require("react-dom"),U=s.styled_default("div")({name:"SDKContainer",class:"s8zgqze",propsAsIs:!1}),G="m6t897k",M=s.styled_default("div")({name:"SDKScrollContainer",class:"sw7pkvp",propsAsIs:!1}),j=s.styled_default("div")({name:"SDKContentContainer",class:"s14gkn7u",propsAsIs:!1}),q=()=>j,z=s.styled_default(q())({name:"SDKWhiteContainer",class:"s1yxstm9",propsAsIs:!0}),K=s.styled_default("div")({name:"TabsContainer",class:"tdpty1s",propsAsIs:!1}),Q=s.styled_default("div")({name:"UserSummaryContainer",class:"u136a59y",propsAsIs:!1}),O=(t,e,n)=>{var o;(o=t.current)==null||o.scrollTo({top:0,...n})},Z=15,W=(t,e,n)=>{const o=d.useRef(null),r=d.useRef(0),[l]=d.useState(s.i({scrollPosition:0,tabsShown:!1,scrollDirection:"forward"})),a=s.useStore(e);return d.useEffect(()=>{const u=window.innerWidth<s.A.lg&&!n?window:o.current;if(!u)return()=>{};const c=N(C=>{var f;const p=C.target;if(!p)return;let m=0;a.screen.size<s.A.lg&&!n?m=((f=t.current)==null?void 0:f.getBoundingClientRect().y)||0:m=p.scrollTop;const g=r.current-m;if(Z>Math.abs(g))return;const E=r.current<m?"forward":"backward";r.current=m,l.set({scrollPosition:Math.round(m),scrollDirection:E,tabsShown:l.get().tabsShown})},200);return c({target:u}),u.addEventListener("scroll",c),()=>{u.removeEventListener("scroll",c)}},[l,t,a.screen,n]),[o,l]},y=s.styled_default("div")({name:"LoadingContainer",class:"l7wseip",propsAsIs:!1}),Y=({feature:t,sdk:e,children:n,className:o,noWait:r})=>{const l=s.useStore(t.status),a=s.useStore(e.sdkStore.slStreamId);if(!r){if(a!=null&&a.loading&&!a.data)return i.jsx(y,{className:o,children:"Event is loading..."});if(!(a!=null&&a.data))return i.jsx(y,{className:o,children:"Event is forbidden..."});if(l!==s.FeatureStatus.Ready)return i.jsx(y,{className:o,children:"Wait feature..."})}return n},B=d.createContext({sdk:null}),R=()=>d.useContext(B),X=s.styled_default("div")({name:"QuestionContainer",class:"qwgkhsv",propsAsIs:!1}),J=({openedQuestion:t})=>{var e,n;const{sdk:o}=R();return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?i.jsx(s.x,{...t.attributes.attributes.value,controlVideo:o==null?void 0:o.controlVideoPlayer}):((n=t==null?void 0:t.attributes)==null?void 0:n.attributes.case)==="tweet"?i.jsx(s.a$1,{...t.attributes.attributes.value,controlVideo:o==null?void 0:o.controlVideoPlayer}):null},e2=({extendedQuestion:t,vote:e,close:n})=>{const{loading:o,data:r}=t;return r?i.jsx(s.ee,{vote:e,close:n,openedQuestion:r,isLoading:!!o,mastersApp:!0}):i.jsx(s.te,{})},t2=({gamification:t})=>{var e;const n=s.useStore(t.openedQuestion.$store),o=s.useStore(t.openedQuestion.$extendedStore);if(!n)return null;const r=n.type;return i.jsxs(X,{children:[i.jsx(s.y$2,{close:t.closeQuestion,type:((e=n.attributes)==null?void 0:e.type)||x.QuestionType.UNSET,mastersApp:!0}),r==="question"&&i.jsx(e2,{vote:t.submitAnswer,close:t.closeQuestion,extendedQuestion:o}),r!=="question"&&i.jsx(J,{openedQuestion:n}),i.jsx(s.d$2,{mastersApp:!0})]})},s2=({store:t,openQuestion:e})=>{const{sdk:n}=R(),o=s.useStore(t);return i.jsx(s.k,{openQuestion:e,questions:o.data,controlVideo:n==null?void 0:n.controlVideoPlayer})},n2=({userSummary:t})=>{var e;const n=s.useStore(t.$store);return i.jsx(s.z,{hideFriendsRank:!0,loading:!(n!=null&&n.summary),...n==null?void 0:n.summary,successRate:(e=n==null?void 0:n.percentage)==null?void 0:e.correct})},i2=({gamification:t,className:e,style:n})=>i.jsxs(K,{className:e,style:n,children:[i.jsx(z,{style:{paddingTop:"16px"},children:i.jsx(Q,{children:i.jsx(n2,{userSummary:t.userSummary})})}),i.jsx(j,{style:{flex:1},children:i.jsx(s2,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),o2=()=>s.f,r2=s.styled_default(o2())({name:"OpenedContainer",class:"o1seszvt",propsAsIs:!0}),a2=({gamification:t,className:e})=>i.jsx(i2,{className:e,gamification:t}),l2=`
+"use strict";const n=require("react/jsx-runtime"),i=require("./sl-types.js"),D=require("lodash.throttle"),d=require("react"),P=require("./index-DSi8Qgfs.js"),g=require("./index16.js"),N=require("./analytics.js"),y=require("./theme.js"),Z=require("./index4.js"),U=require("./index3.js");require("nanostores");const _=require("./index11.js"),I=require("./index10.js"),L=require("./useStreamLayerApp2.js"),G=require("./index6.js"),W=require("react-dom");require("./storage.js");const Y=require("./index12.js"),R=require("./hooks-B0Qttldg.js"),X=i.styled_default("div")({name:"SDKContainer",class:"s8zgqze",propsAsIs:!1}),J="m6t897k",e2=i.styled_default("div")({name:"SDKScrollContainer",class:"sw7pkvp",propsAsIs:!1}),q=i.styled_default("div")({name:"SDKContentContainer",class:"s14gkn7u",propsAsIs:!1}),t2=()=>q,s2=i.styled_default(t2())({name:"SDKWhiteContainer",class:"s1yxstm9",propsAsIs:!0}),n2=i.styled_default("div")({name:"TabsContainer",class:"tdpty1s",propsAsIs:!1}),i2=i.styled_default("div")({name:"UserSummaryContainer",class:"u136a59y",propsAsIs:!1}),M=(t,e,s)=>{var o;(o=t.current)==null||o.scrollTo({top:0,...s})},o2=15,r2=(t,e,s)=>{const o=d.useRef(null),r=d.useRef(0),[l]=d.useState(P.i({scrollPosition:0,tabsShown:!1,scrollDirection:"forward"})),a=i.useStore(e);return d.useEffect(()=>{const u=window.innerWidth<i.A.lg&&!s?window:o.current;if(!u)return()=>{};const c=D(C=>{var f;const p=C.target;if(!p)return;let m=0;a.screen.size<i.A.lg&&!s?m=((f=t.current)==null?void 0:f.getBoundingClientRect().y)||0:m=p.scrollTop;const v=r.current-m;if(o2>Math.abs(v))return;const x=r.current<m?"forward":"backward";r.current=m,l.set({scrollPosition:Math.round(m),scrollDirection:x,tabsShown:l.get().tabsShown})},200);return c({target:u}),u.addEventListener("scroll",c),()=>{u.removeEventListener("scroll",c)}},[l,t,a.screen,s]),[o,l]},A=i.styled_default("div")({name:"LoadingContainer",class:"l7wseip",propsAsIs:!1}),a2=({feature:t,sdk:e,children:s,className:o,noWait:r})=>{const l=i.useStore(t.status),a=i.useStore(e.sdkStore.slStreamId);if(!r){if(a!=null&&a.loading&&!a.data)return n.jsx(A,{className:o,children:"Event is loading..."});if(!(a!=null&&a.data))return n.jsx(A,{className:o,children:"Event is forbidden..."});if(l!==U.FeatureStatus.Ready)return n.jsx(A,{className:o,children:"Wait feature..."})}return s},z=d.createContext({sdk:null}),F=()=>d.useContext(z),l2=i.styled_default("div")({name:"QuestionContainer",class:"qwgkhsv",propsAsIs:!1}),d2=({openedQuestion:t})=>{var e,s;const{sdk:o}=F();return((e=t==null?void 0:t.attributes)==null?void 0:e.attributes.case)==="insight"?n.jsx(I.x,{...t.attributes.attributes.value,controlVideo:o==null?void 0:o.controlVideoPlayer}):((s=t==null?void 0:t.attributes)==null?void 0:s.attributes.case)==="tweet"?n.jsx(I.a,{...t.attributes.attributes.value,controlVideo:o==null?void 0:o.controlVideoPlayer}):null},c2=({extendedQuestion:t,vote:e,close:s})=>{const{loading:o,data:r}=t;return r?n.jsx(_.ee,{vote:e,close:s,openedQuestion:r,isLoading:!!o,mastersApp:!0}):n.jsx(_.te,{})},u2=({gamification:t})=>{var e;const s=i.useStore(t.openedQuestion.$store),o=i.useStore(t.openedQuestion.$extendedStore);if(!s)return null;const r=s.type;return n.jsxs(l2,{children:[n.jsx(I.y,{close:t.closeQuestion,type:((e=s.attributes)==null?void 0:e.type)||L.QuestionType.UNSET,mastersApp:!0}),r==="question"&&n.jsx(c2,{vote:t.submitAnswer,close:t.closeQuestion,extendedQuestion:o}),r!=="question"&&n.jsx(d2,{openedQuestion:s}),n.jsx(I.d,{mastersApp:!0})]})},p2=({store:t,openQuestion:e})=>{const{sdk:s}=F(),o=i.useStore(t);return n.jsx(g.k,{openQuestion:e,questions:o.data,controlVideo:s==null?void 0:s.controlVideoPlayer})},C2=({userSummary:t})=>{var e;const s=i.useStore(t.$store);return n.jsx(g.z,{hideFriendsRank:!0,loading:!(s!=null&&s.summary),...s==null?void 0:s.summary,successRate:(e=s==null?void 0:s.percentage)==null?void 0:e.correct})},f2=({gamification:t,className:e,style:s})=>n.jsxs(n2,{className:e,style:s,children:[n.jsx(s2,{style:{paddingTop:"16px"},children:n.jsx(i2,{children:n.jsx(C2,{userSummary:t.userSummary})})}),n.jsx(q,{style:{flex:1},children:n.jsx(p2,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),m2=()=>_.f,g2=i.styled_default(m2())({name:"OpenedContainer",class:"o1seszvt",propsAsIs:!0}),h2=({gamification:t,className:e})=>n.jsx(f2,{className:e,gamification:t}),v2=`
   .SDKContainer {
     position: static !important;
   }
-`,d2=({gamification:t,responsiveStore:e,useContainer:n,className:o,appNode:r})=>{const l=s.useStore(t.openedQuestion.$store),{sdkInDesktopView:a}=s.useStore(e,{keys:["sdkInDesktopView"]}),{hiding:u,onAnimationEnd:c}=s.S();return!r.current||!l?null:i.jsx(s.T,{container:r,useContainer:typeof n=="boolean"?!n:!a,staticStyles:typeof n=="boolean"?l2:"",children:i.jsx(r2,{className:o,hiding:u,onAnimationEnd:c,children:i.jsx(t2,{gamification:t})})})},c2=d.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature2.js"))),u2=({sdk:t,feature:e,className:n})=>{const o=d.useMemo(()=>e&&e.featureConfig.get().type===x.SdkOverlayType.GAMES?i.jsx(Y,{className:n,sdk:t,feature:e,children:i.jsx(c2,{className:n,gamification:e})}):null,[t,e,n]);return i.jsx(d.Suspense,{fallback:i.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:o})},p2=({feature:t,className:e,useContainer:n,appNode:o,responsiveStore:r})=>t&&t.featureConfig.get().type===x.SdkOverlayType.GAMES?i.jsx(d2,{responsiveStore:r,className:e,appNode:o,useContainer:n,gamification:t}):null,C2=s.styled_default("div")({name:"Navigation",class:"n1o1tw60",propsAsIs:!1}),f2=s.styled_default("div")({name:"Container",class:"co2rstw",propsAsIs:!1}),m2=s.styled_default("div")({name:"Title",class:"t1bqnx9c",propsAsIs:!1}),h2="hlc2pcy",g2=d.forwardRef(({className:t},e)=>i.jsxs(C2,{className:s.cx_default(t,h2),children:[i.jsx(f2,{children:i.jsxs(m2,{children:[i.jsx(s.B1,{name:"fgIcon"}),"FG+ Game Center"," "]})}),i.jsx("div",{ref:e})]})),v2=s.styled_default("div")({name:"Container",class:"czz4rjk",propsAsIs:!1}),E2=s.styled_default("div")({name:"CloseIconWrap",class:"cxmojsy",propsAsIs:!1}),S2=()=>s.B1,x2=s.styled_default(S2())({name:"CloseIcon",class:"c1urm3yx",propsAsIs:!0}),L2=s.styled_default("div")({name:"Title",class:"tme976v",propsAsIs:!1}),_2=s.styled_default("img")({name:"SponsorLogo",class:"s1lal9yz",propsAsIs:!1}),y2=s.styled_default("div")({name:"PresentsTitle",class:"pnn1sv1",propsAsIs:!1}),T2=s.styled_default("div")({name:"Subtitle",class:"s1hjj1y8",propsAsIs:!1}),N2=s.styled_default("div")({name:"Description",class:"dz7yjzw",propsAsIs:!1}),I2=s.styled_default("button")({name:"ActionButton",class:"avpowqk",propsAsIs:!1}),A=({close:t,action:e,onboarding:n})=>{var o,r,l,a,u,c,C,f;return i.jsxs(v2,{children:[i.jsx(E2,{onClick:t,children:i.jsx(x2,{name:"icon-cross"})}),((r=(o=n==null?void 0:n.titleCard)==null?void 0:o.media)==null?void 0:r.sponsorLogo)&&i.jsxs(L2,{children:[i.jsx(_2,{alt:"sponsor-logo",src:(a=(l=n==null?void 0:n.titleCard)==null?void 0:l.media)==null?void 0:a.sponsorLogo}),i.jsx(y2,{children:"PRESENTS"})]}),((u=n==null?void 0:n.titleCard)==null?void 0:u.title)&&i.jsx(T2,{children:(c=n==null?void 0:n.titleCard)==null?void 0:c.title}),((C=n==null?void 0:n.titleCard)==null?void 0:C.subtitle)&&i.jsx(N2,{children:(f=n==null?void 0:n.titleCard)==null?void 0:f.subtitle}),i.jsx(I2,{onClick:e,children:"Play Now"})]})},R2="data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e",I=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",tagline:"Featured groups+ experience",headline:i.jsxs(i.Fragment,{children:["Welcome to ",i.jsx("br",{})," Featured Groups +"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],b2=s.styled_default("div")({name:"OnboardingContainer",class:"on59ra",propsAsIs:!1}),A2=()=>s.f,k2=s.styled_default(A2())({name:"OnboardingNotificationContainer",class:"op1wk5d",propsAsIs:!0}),k=s.styled_default("div")({name:"InnerContainer",class:"i1i1g2vj",propsAsIs:!1}),D2=({deepLink:t,onboardingOpts:e,notification:n,gamification:o,loading:r,sdk:l})=>{var a,u,c,C,f,p,m;const g=s.useStore(o.friends.getStore()),[E,_]=d.useState(void 0),v=d.useMemo(()=>{var S,L;const b=l.getInviter();return b?(L=(S=g.data)==null?void 0:S.find(({slId:$})=>$===b))==null?void 0:L.name:""},[g.data,l]);return d.useEffect(()=>{const S=t.$store.subscribe(L=>{L&&_(L.data)});return()=>{S()}},[t.$store]),i.jsx(b2,{children:i.jsx(s.tn,{loading:r,rules:[{label:"Answer as many questions as you like.",icon:"icon-btn-feature-groups"},{label:"Win points for each correct trivia or prediction answer.",icon:"icon-thumb-up"},{label:"Top the leader board and best your friends.",icon:"icon-trophy"}],rulesBtnLabel:(a=e.rules)==null?void 0:a.buttonLabel,rulesTitle:(u=e.rules)==null?void 0:u.heading,termsTitle:"Terms and Conditions",termsText:(c=e.rules)==null?void 0:c.terms,steps:I,primaryColor:(C=e.inviteCard)==null?void 0:C.iconColor,inviteLink:E,inviteCardTitle:(f=e.inviteCard)==null?void 0:f.heading,inviteCardSubtext:(p=e.inviteCard)==null?void 0:p.subtext,inviteCardBtnLabel:(m=e.inviteCard)==null?void 0:m.buttonLabel,onClose:()=>{var S;(S=n.close)==null||S.call(n)},gamification:o,sdk:l,inviterName:v})})},w2=({sdk:t,notification:e,saveHeight:n,style:o,appNode:r,responsiveStore:l})=>{var a;const u=d.useRef(null),c=e.data.onboarding,[C,f]=d.useState(c==null?void 0:c.instantOpen),p=t.getFeature(x.SdkOverlayType.GAMES),m=d.useMemo(()=>I==null?void 0:I.map(({graphicSrc:v})=>v),[]),{screen:g}=s.useStore(l,{keys:["screen"]});(a=c==null?void 0:c.titleCard)!=null&&a.media&&(c.titleCard.media.sponsorLogo=R2),d.useLayoutEffect(()=>{var v;n(((v=u.current)==null?void 0:v.getBoundingClientRect().height)||0)},[n]);const{loading:E,throttled:_}=s.I(m);return C&&p&&c&&r.current&&!_?i.jsx(s.T,{container:r,useContainer:!1,children:i.jsx(D2,{notification:e,setOpened:f,gamification:p,onboardingOpts:c,deepLink:p.deepLink,loading:E,sdk:t})}):i.jsxs(i.Fragment,{children:[i.jsx(k,{ref:u,style:{position:"absolute",visibility:"hidden"},children:i.jsx(A,{close:()=>{},action:()=>{},onboarding:c})}),i.jsx(k2,{style:o,hiding:e.hiding,children:i.jsx(k,{children:i.jsx(A,{close:e.close,action:()=>{var v;f(!0),(((v=r.current)==null?void 0:v.getBoundingClientRect().y)||0)<0&&O(r,g.size,{behavior:"smooth"})},onboarding:c})})})]})},F2=()=>s.f,j2=s.styled_default(F2())({name:"Container",class:"c1f0y7nw",propsAsIs:!0}),V=s.styled_default("div")({name:"InnerContainer",class:"i1qa3p7a",propsAsIs:!1}),O2=()=>V,B2=s.styled_default(O2())({name:"HiddenContainer",class:"hrthymv",propsAsIs:!0}),V2=s.styled_default("div")({name:"NotificationRefreshing",class:"n13rok4i",propsAsIs:!1}),$2=()=>s.f$1,H2=s.styled_default($2())({name:"Pill",class:"pht79xf",propsAsIs:!0}),P2=t=>{const[e,n]=d.useState(0),o=d.useRef(null),r=d.useCallback(a=>{o.current=a},[]);d.useEffect(()=>{var a;const u=(a=o.current)==null?void 0:a.getBoundingClientRect();u&&n(u.height)},[t]);const l=d.useCallback(a=>{n(a)},[]);return[r,e,l]},U2=({sdk:t,notification:e,appNode:n,responsiveStore:o})=>{var r,l;const{sdk:a}=R(),[u,c,C]=P2(e.id);return e.type===s.NotificationType.QUESTION?i.jsxs(i.Fragment,{children:[i.jsx(B2,{ref:u,children:i.jsx(s.w,{...e})}),i.jsxs(j2,{style:{height:e.hiding?0:c},hiding:e.hiding,children:[i.jsx(V,{style:{height:"100%"},children:i.jsx(s.w,{...e,controlVideo:a==null?void 0:a.controlVideoPlayer})}),i.jsx(V2,{},e.id)]})]}):e.type===s.NotificationType.QUESTION_RESOLVED&&(l=(r=e.data)==null?void 0:r.question)!=null&&l.predictionResult?i.jsx(s.D,{style:{height:e.hiding?0:c},saveHeight:C,close:e.close,hiding:e.hiding,...e.data.question,mastersApp:!0}):e.type===s.NotificationType.ONBOARDING?i.jsx(w2,{style:{height:e.hiding?0:c},saveHeight:C,sdk:t,notification:e,appNode:n,responsiveStore:o}):null},G2="p1co32q0",M2=({pill:t,setPill:e,appNode:n,headerNode:o,scrollNode:r,responsiveStore:l,scrollStore:a,useContainer:u})=>{var c,C;const{screen:f}=s.useStore(l,{keys:["screen"]}),{tabsShown:p,scrollPosition:m}=s.useStore(a,{keys:["tabsShown","scrollPosition"]});d.useEffect(()=>{l.get().sdkInDesktopView||u?m<50&&e(null):m>-50&&e(null)},[m,l,e,u]);const g=l.get().sdkInDesktopView?n:o;return!t||!g.current?null:P.createPortal(i.jsx(H2,{title:t.type===s.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((C=s.e[(c=t.data)==null?void 0:c.questionType])==null?void 0:C.label)||"notification"}`,onClick:()=>{var E;l.get().sdkInDesktopView?(E=r.current)==null||E.scrollTo({top:0,behavior:"smooth"}):O(r,f.size,{behavior:"smooth"}),e(null)},className:s.cx_default(p&&G2,"sl-pill-button")}),g.current)},q2=({sdk:t,headerNode:e,scrollNode:n,useContainer:o,responsiveStore:r,appNode:l,scrollStore:a})=>{const[u]=d.useState(t.getNotificationsStore()),c=s.useStore(u),[C,f]=d.useState(null),p=d.useMemo(()=>t.getActiveNotification(),[t,c]);return d.useEffect(()=>{p&&s.eventBus.emit("notification",{action:"rendered",payload:{questionId:p.data.questionId,questionType:p.data.questionType}})},[p]),d.useEffect(()=>{p&&(r.get().sdkInDesktopView||r.get().sdkInView)&&(!r.get().sdkInDesktopView&&r.get().sdkInView&&f(p),r.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{a.get().scrollPosition!==0&&f(p)}))},[p]),d.useEffect(()=>{p||f(null)},[p]),i.jsxs(i.Fragment,{children:[!C&&p&&i.jsx(U2,{headerNode:e,appNode:l,sdk:t,notification:p,responsiveStore:r}),C&&i.jsx(M2,{pill:C,setPill:f,appNode:l,notification:p,headerNode:e,scrollNode:n,scrollStore:a,useContainer:o,responsiveStore:r})]})},D=Object.keys(s.A),T=()=>{const t=window.innerWidth;let e="sm";for(let n=D.length-1;n>0;n--){const o=D[n];if(!(t<s.A[o])&&t>=s.A[o]){e=o;break}}return{name:e,size:s.A[e]}},w=t=>{var e;const n=(e=t.current)==null?void 0:e.getBoundingClientRect();return n?n.y>-n.height&&n.y<window.innerHeight:!1},F=t=>t>=s.A.lg,z2=t=>{const[e]=d.useState(()=>{const n=T();return s.i({screen:T(),sdkInView:w(t),sdkInDesktopView:F(n.size)})});return d.useEffect(()=>{const n=N(()=>{e.setKey("sdkInView",w(t))},200),o=N(()=>{const r=T();e.setKey("screen",r),e.setKey("sdkInDesktopView",F(r.size))},200);return n(),o(),window.addEventListener("scroll",n),window.addEventListener("resize",o),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",o)}},[e,t]),[e]},K2={...s.R,BG_TRANSPARENT:"rgba(0,0,0, .8)",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",BLUE:"#2d6ffd",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",GREY_PRIMARY:"#909395",PRIMARY_1:"#107D57",PRIMARY_2:"#006747",PRIMARY_TEXT:"#25282A",QUESTION_TYPE_ICON:"#107D57",SUCCESS:"#107D57",UNSUCCESS:"#DF2F3B",SECONDARY_RED1:"#DF2F3B",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_WHITE1:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY9:"#25282A",SDK_CONTAINER_BG:"#F7F7F7",SDK_WHITE_CONTAINER_BG:"#fff",SDK_DARK_CONTAINER_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_BG:"#fff",SDK_PREDICTION_RESULT_INCORRECT_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_TEXT:"#107D57",SDK_PREDICTION_RESULT_ERROR_TITLE:"#090E13",SDK_PREDICTION_RESULT_ERROR_SUBTITLE:"#DF2F3B",SDK_PREDICTION_RESULT_CLOSE_ICON:"#6B6F73",SDK_PREDICTION_FEEDBACK_SUCCESS_ICON:"#107D57",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1:"#CD2525",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2:"#fff",PREDICTION_BG_LINES_CORRECT:"#01AB58",PREDICTION_BG_LINES_INCORRECT:"#888B8D",SKELETON_COLOR_1:"#f1efef",SKELETON_COLOR_2:"#f9f8f8",TABS_CONTAINER_BG:"#F2F2F1",TABS_ACTIVE_BG:"#FFFFFF",TABS_COLOR:"#6B6F73",TABS_ACTIVE_COLOR:"#107D57",CARD_BG:"#FFFFFF",CARD_BORDER:"#fff",BORDER:"#E8E8E8",VOTE_BTN_BG:"#F7F7F7",VOTE_BTN_BORDER:"rgb(232, 232, 232)",VOTE_BTN_DISABLED_BORDER:"#B1B3B3",VOTE_BTN_SELECTED_BORDER:"#25282A",VOTE_BTN_NOT_SELECTED_BORDER:"#E8E8E8",VOTE_BTN_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG_UNSET:"rgb(196, 196, 196)",VOTED_ANSWER_BG:"rgba(16, 125, 87, 0.10)",VOTED_BTN_RCT_BG:"rgba(16, 125, 87, 0.30)",IN_APP_BG:"rgba(255, 255, 255, 0.90)",IN_APP_QUESTION_TYPE_ICON:"#1D7BFF",IN_APP_QUESTION_TYPE_LABEL:"#82899E",IN_APP_QUESTION_QUOTE:"rgba(10, 14, 19, 0.70)",IN_APP_QUESTION_RESULT_SUBTITLE_BG:"#1D7BFF",IN_APP_QUESTION_RESULT_LINE:"#babfc5",QUOTE_TEXT:"#006944"},h={...s.D$1,REGULAR:"'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",REGULAR1:s.D$1.REGULAR,SERIF:"'Tiempos', 'Tiempos Text', Times New Roman, serif",SERIF1:"'Tiempos', 'Tiempos Headline', Times New Roman, serif",COLOR:"#fff",WEIGHT_DEFAULT:"500"},Q2=Object.entries(K2).reduce((t,[e,n])=>`
+`,E2=({gamification:t,responsiveStore:e,useContainer:s,className:o,appNode:r})=>{const l=i.useStore(t.openedQuestion.$store),{sdkInDesktopView:a}=i.useStore(e,{keys:["sdkInDesktopView"]}),{hiding:u,onAnimationEnd:c}=_.S();return!r.current||!l?null:n.jsx(g.T,{container:r,useContainer:typeof s=="boolean"?!s:!a,staticStyles:typeof s=="boolean"?v2:"",children:n.jsx(g2,{className:o,hiding:u,onAnimationEnd:c,children:n.jsx(u2,{gamification:t})})})},x2=d.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature2.js"))),S2=({sdk:t,feature:e,className:s})=>{const o=d.useMemo(()=>e&&e.featureConfig.get().type===L.SdkOverlayType.GAMES?n.jsx(a2,{className:s,sdk:t,feature:e,children:n.jsx(x2,{className:s,gamification:e})}):null,[t,e,s]);return n.jsx(d.Suspense,{fallback:n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:o})},_2=({feature:t,className:e,useContainer:s,appNode:o,responsiveStore:r})=>t&&t.featureConfig.get().type===L.SdkOverlayType.GAMES?n.jsx(E2,{responsiveStore:r,className:e,appNode:o,useContainer:s,gamification:t}):null,L2=i.styled_default("div")({name:"Navigation",class:"n1o1tw60",propsAsIs:!1}),T2=i.styled_default("div")({name:"Container",class:"co2rstw",propsAsIs:!1}),y2=i.styled_default("div")({name:"Title",class:"t1bqnx9c",propsAsIs:!1}),N2="hlc2pcy",I2=d.forwardRef(({className:t},e)=>n.jsxs(L2,{className:i.cx_default(t,N2),children:[n.jsx(T2,{children:n.jsxs(y2,{children:[n.jsx(G.B1,{name:"fgIcon"}),"FG+ Game Center"," "]})}),n.jsx("div",{ref:e})]})),R2=i.styled_default("div")({name:"Container",class:"czz4rjk",propsAsIs:!1}),b2=i.styled_default("div")({name:"CloseIconWrap",class:"cxmojsy",propsAsIs:!1}),A2=()=>G.B1,k2=i.styled_default(A2())({name:"CloseIcon",class:"c1urm3yx",propsAsIs:!0}),D2=i.styled_default("div")({name:"Title",class:"tme976v",propsAsIs:!1}),w2=i.styled_default("img")({name:"SponsorLogo",class:"s1lal9yz",propsAsIs:!1}),F2=i.styled_default("div")({name:"PresentsTitle",class:"pnn1sv1",propsAsIs:!1}),j2=i.styled_default("div")({name:"Subtitle",class:"s1hjj1y8",propsAsIs:!1}),O2=i.styled_default("div")({name:"Description",class:"dz7yjzw",propsAsIs:!1}),B2=i.styled_default("button")({name:"ActionButton",class:"avpowqk",propsAsIs:!1}),O=({close:t,action:e,onboarding:s})=>{var o,r,l,a,u,c,C,f;return n.jsxs(R2,{children:[n.jsx(b2,{onClick:t,children:n.jsx(k2,{name:"icon-cross"})}),((r=(o=s==null?void 0:s.titleCard)==null?void 0:o.media)==null?void 0:r.sponsorLogo)&&n.jsxs(D2,{children:[n.jsx(w2,{alt:"sponsor-logo",src:(a=(l=s==null?void 0:s.titleCard)==null?void 0:l.media)==null?void 0:a.sponsorLogo}),n.jsx(F2,{children:"PRESENTS"})]}),((u=s==null?void 0:s.titleCard)==null?void 0:u.title)&&n.jsx(j2,{children:(c=s==null?void 0:s.titleCard)==null?void 0:c.title}),((C=s==null?void 0:s.titleCard)==null?void 0:C.subtitle)&&n.jsx(O2,{children:(f=s==null?void 0:s.titleCard)==null?void 0:f.subtitle}),n.jsx(B2,{onClick:e,children:"Play Now"})]})},V2="data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e",w=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",tagline:"Featured groups+ experience",headline:n.jsxs(n.Fragment,{children:["Welcome to ",n.jsx("br",{})," Featured Groups +"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],H2=i.styled_default("div")({name:"OnboardingContainer",class:"on59ra",propsAsIs:!1}),$2=()=>_.f,P2=i.styled_default($2())({name:"OnboardingNotificationContainer",class:"op1wk5d",propsAsIs:!0}),B=i.styled_default("div")({name:"InnerContainer",class:"i1i1g2vj",propsAsIs:!1}),U2=({deepLink:t,onboardingOpts:e,notification:s,gamification:o,loading:r,sdk:l})=>{var a,u,c,C,f,p,m;const v=i.useStore(o.friends?o.friends.getStore():g.createSingleStore({data:[]})),[x,b]=d.useState(void 0),E=d.useMemo(()=>{var S,T;const j=l.getInviter();return j?(T=(S=v.data)==null?void 0:S.find(({slId:Q})=>Q===j))==null?void 0:T.name:""},[v.data,l]);return d.useEffect(()=>{const S=t.$store.subscribe(T=>{T&&b(T.data)});return()=>{S()}},[t.$store]),n.jsx(H2,{children:n.jsx(g.tn,{loading:r,rules:[{label:"Answer as many questions as you like.",icon:"icon-btn-feature-groups"},{label:"Win points for each correct trivia or prediction answer.",icon:"icon-thumb-up"},{label:"Top the leader board and best your friends.",icon:"icon-trophy"}],rulesBtnLabel:(a=e.rules)==null?void 0:a.buttonLabel,rulesTitle:(u=e.rules)==null?void 0:u.heading,termsTitle:"Terms and Conditions",termsText:(c=e.rules)==null?void 0:c.terms,steps:w,primaryColor:(C=e.inviteCard)==null?void 0:C.iconColor,inviteLink:x,inviteCardTitle:(f=e.inviteCard)==null?void 0:f.heading,inviteCardSubtext:(p=e.inviteCard)==null?void 0:p.subtext,inviteCardBtnLabel:(m=e.inviteCard)==null?void 0:m.buttonLabel,onClose:()=>{var S;(S=s.close)==null||S.call(s)},gamification:o,sdk:l,inviterName:E})})},G2=({sdk:t,notification:e,saveHeight:s,style:o,appNode:r,responsiveStore:l})=>{var a;const u=d.useRef(null),c=e.data.onboarding,[C,f]=d.useState(c==null?void 0:c.instantOpen),p=t.getFeature(L.SdkOverlayType.GAMES),m=d.useMemo(()=>w==null?void 0:w.map(({graphicSrc:E})=>E),[]),{screen:v}=i.useStore(l,{keys:["screen"]});(a=c==null?void 0:c.titleCard)!=null&&a.media&&(c.titleCard.media.sponsorLogo=V2),d.useLayoutEffect(()=>{var E;s(((E=u.current)==null?void 0:E.getBoundingClientRect().height)||0)},[s]);const{loading:x,throttled:b}=g.I(m);return C&&p&&c&&r.current&&!b?n.jsx(g.T,{container:r,useContainer:!1,children:n.jsx(U2,{notification:e,setOpened:f,gamification:p,onboardingOpts:c,deepLink:p.deepLink,loading:x,sdk:t})}):n.jsxs(n.Fragment,{children:[n.jsx(B,{ref:u,style:{position:"absolute",visibility:"hidden"},children:n.jsx(O,{close:()=>{},action:()=>{},onboarding:c})}),n.jsx(P2,{style:o,hiding:e.hiding,children:n.jsx(B,{children:n.jsx(O,{close:e.close,action:()=>{var E;f(!0),(((E=r.current)==null?void 0:E.getBoundingClientRect().y)||0)<0&&M(r,v.size,{behavior:"smooth"})},onboarding:c})})})]})},q2=()=>_.f,M2=i.styled_default(q2())({name:"Container",class:"c1f0y7nw",propsAsIs:!0}),K=i.styled_default("div")({name:"InnerContainer",class:"i1qa3p7a",propsAsIs:!1}),z2=()=>K,K2=i.styled_default(z2())({name:"HiddenContainer",class:"hrthymv",propsAsIs:!0}),Q2=i.styled_default("div")({name:"NotificationRefreshing",class:"n13rok4i",propsAsIs:!1}),Z2=()=>g.f,W2=i.styled_default(Z2())({name:"Pill",class:"pht79xf",propsAsIs:!0}),Y2=t=>{const[e,s]=d.useState(0),o=d.useRef(null),r=d.useCallback(a=>{o.current=a},[]);d.useEffect(()=>{var a;const u=(a=o.current)==null?void 0:a.getBoundingClientRect();u&&s(u.height)},[t]);const l=d.useCallback(a=>{s(a)},[]);return[r,e,l]},X2=({sdk:t,notification:e,appNode:s,responsiveStore:o})=>{var r,l;const{sdk:a}=F(),[u,c,C]=Y2(e.id);return e.type===i.NotificationType.QUESTION?n.jsxs(n.Fragment,{children:[n.jsx(K2,{ref:u,children:n.jsx(g.w,{...e})}),n.jsxs(M2,{style:{height:e.hiding?0:c},hiding:e.hiding,children:[n.jsx(K,{style:{height:"100%"},children:n.jsx(g.w,{...e,controlVideo:a==null?void 0:a.controlVideoPlayer})}),n.jsx(Q2,{},e.id)]})]}):e.type===i.NotificationType.QUESTION_RESOLVED&&(l=(r=e.data)==null?void 0:r.question)!=null&&l.predictionResult?n.jsx(g.D,{style:{height:e.hiding?0:c},saveHeight:C,close:e.close,hiding:e.hiding,...e.data.question,mastersApp:!0}):e.type===i.NotificationType.ONBOARDING?n.jsx(G2,{style:{height:e.hiding?0:c},saveHeight:C,sdk:t,notification:e,appNode:s,responsiveStore:o}):null},J2="p1co32q0",e0=({pill:t,setPill:e,appNode:s,headerNode:o,scrollNode:r,responsiveStore:l,scrollStore:a,useContainer:u})=>{var c,C;const{screen:f}=i.useStore(l,{keys:["screen"]}),{tabsShown:p,scrollPosition:m}=i.useStore(a,{keys:["tabsShown","scrollPosition"]});d.useEffect(()=>{l.get().sdkInDesktopView||u?m<50&&e(null):m>-50&&e(null)},[m,l,e,u]);const v=l.get().sdkInDesktopView?s:o;return!t||!v.current?null:W.createPortal(n.jsx(W2,{title:t.type===i.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((C=Y.e[(c=t.data)==null?void 0:c.questionType])==null?void 0:C.label)||"notification"}`,onClick:()=>{var x;l.get().sdkInDesktopView?(x=r.current)==null||x.scrollTo({top:0,behavior:"smooth"}):M(r,f.size,{behavior:"smooth"}),e(null)},className:i.cx_default(p&&J2,"sl-pill-button")}),v.current)},t0=({sdk:t,headerNode:e,scrollNode:s,useContainer:o,responsiveStore:r,appNode:l,scrollStore:a})=>{const[u]=d.useState(t.getNotificationsStore()),c=i.useStore(u),[C,f]=d.useState(null),p=d.useMemo(()=>t.getActiveNotification(),[t,c]);return d.useEffect(()=>{p&&U.eventBus.emit("notification",{action:"rendered",payload:{questionId:p.data.questionId,questionType:p.data.questionType}})},[p]),d.useEffect(()=>{p&&(r.get().sdkInDesktopView||r.get().sdkInView)&&(!r.get().sdkInDesktopView&&r.get().sdkInView&&f(p),r.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{a.get().scrollPosition!==0&&f(p)}))},[p]),d.useEffect(()=>{p||f(null)},[p]),n.jsxs(n.Fragment,{children:[!C&&p&&n.jsx(X2,{headerNode:e,appNode:l,sdk:t,notification:p,responsiveStore:r}),C&&n.jsx(e0,{pill:C,setPill:f,appNode:l,notification:p,headerNode:e,scrollNode:s,scrollStore:a,useContainer:o,responsiveStore:r})]})},V=Object.keys(i.A),k=()=>{const t=window.innerWidth;let e="sm";for(let s=V.length-1;s>0;s--){const o=V[s];if(!(t<i.A[o])&&t>=i.A[o]){e=o;break}}return{name:e,size:i.A[e]}},H=t=>{var e;const s=(e=t.current)==null?void 0:e.getBoundingClientRect();return s?s.y>-s.height&&s.y<window.innerHeight:!1},$=t=>t>=i.A.lg,s0=t=>{const[e]=d.useState(()=>{const s=k();return P.i({screen:k(),sdkInView:H(t),sdkInDesktopView:$(s.size)})});return d.useEffect(()=>{const s=D(()=>{e.setKey("sdkInView",H(t))},200),o=D(()=>{const r=k();e.setKey("screen",r),e.setKey("sdkInDesktopView",$(r.size))},200);return s(),o(),window.addEventListener("scroll",s),window.addEventListener("resize",o),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",o)}},[e,t]),[e]},n0={...i.R,BG_TRANSPARENT:"rgba(0,0,0, .8)",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",BLUE:"#2d6ffd",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",GREY_PRIMARY:"#909395",PRIMARY_1:"#107D57",PRIMARY_2:"#006747",PRIMARY_TEXT:"#25282A",QUESTION_TYPE_ICON:"#107D57",SUCCESS:"#107D57",UNSUCCESS:"#DF2F3B",SECONDARY_RED1:"#DF2F3B",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_WHITE1:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY9:"#25282A",SDK_CONTAINER_BG:"#F7F7F7",SDK_WHITE_CONTAINER_BG:"#fff",SDK_DARK_CONTAINER_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_BG:"#fff",SDK_PREDICTION_RESULT_INCORRECT_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_TEXT:"#107D57",SDK_PREDICTION_RESULT_ERROR_TITLE:"#090E13",SDK_PREDICTION_RESULT_ERROR_SUBTITLE:"#DF2F3B",SDK_PREDICTION_RESULT_CLOSE_ICON:"#6B6F73",SDK_PREDICTION_FEEDBACK_SUCCESS_ICON:"#107D57",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1:"#CD2525",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2:"#fff",PREDICTION_BG_LINES_CORRECT:"#01AB58",PREDICTION_BG_LINES_INCORRECT:"#888B8D",SKELETON_COLOR_1:"#f1efef",SKELETON_COLOR_2:"#f9f8f8",TABS_CONTAINER_BG:"#F2F2F1",TABS_ACTIVE_BG:"#FFFFFF",TABS_COLOR:"#6B6F73",TABS_ACTIVE_COLOR:"#107D57",CARD_BG:"#FFFFFF",CARD_BORDER:"#fff",BORDER:"#E8E8E8",VOTE_BTN_BG:"#F7F7F7",VOTE_BTN_BORDER:"rgb(232, 232, 232)",VOTE_BTN_DISABLED_BORDER:"#B1B3B3",VOTE_BTN_SELECTED_BORDER:"#25282A",VOTE_BTN_NOT_SELECTED_BORDER:"#E8E8E8",VOTE_BTN_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG_UNSET:"rgb(196, 196, 196)",VOTED_ANSWER_BG:"rgba(16, 125, 87, 0.10)",VOTED_BTN_RCT_BG:"rgba(16, 125, 87, 0.30)",IN_APP_BG:"rgba(255, 255, 255, 0.90)",IN_APP_QUESTION_TYPE_ICON:"#1D7BFF",IN_APP_QUESTION_TYPE_LABEL:"#82899E",IN_APP_QUESTION_QUOTE:"rgba(10, 14, 19, 0.70)",IN_APP_QUESTION_RESULT_SUBTITLE_BG:"#1D7BFF",IN_APP_QUESTION_RESULT_LINE:"#babfc5",QUOTE_TEXT:"#006944"},h={...i.D,REGULAR:"'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",REGULAR1:i.D.REGULAR,SERIF:"'Tiempos', 'Tiempos Text', Times New Roman, serif",SERIF1:"'Tiempos', 'Tiempos Headline', Times New Roman, serif",COLOR:"#fff",WEIGHT_DEFAULT:"500"},i0=Object.entries(n0).reduce((t,[e,s])=>`
     ${t}
-    --color-${e.toLowerCase().replaceAll("_","-")}: ${n};
-  `,"");`${Q2}${h.REGULAR}${h.REGULAR}${h.REGULAR1}${h.COLOR}${h.SERIF}${h.SERIF1}${h.WEIGHT_DEFAULT}${h.WEIGHT_DEFAULT1}${h.WEIGHT_DEFAULT2}${h.WEIGHT_DEFAULT3}${s.D$1.SIZE_DEFAULT}${s.D$1.SIZE_DEFAULT1}${s.D$1.SIZE_DEFAULT2}${s.D$1.LINE_HEIGHT}${s.c.down("xl")`
+    --color-${e.toLowerCase().replaceAll("_","-")}: ${s};
+  `,"");`${i0}${h.REGULAR}${h.REGULAR}${h.REGULAR1}${h.COLOR}${h.SERIF}${h.SERIF1}${h.WEIGHT_DEFAULT}${h.WEIGHT_DEFAULT1}${h.WEIGHT_DEFAULT2}${h.WEIGHT_DEFAULT3}${i.D.SIZE_DEFAULT}${i.D.SIZE_DEFAULT1}${i.D.SIZE_DEFAULT2}${i.D.LINE_HEIGHT}${y.c.down("xl")`
     --header-offset: 0px;
     --watch-live-header: 0px;
-  `}${s.c.intermediate("xl","lg")`
+  `}${y.c.intermediate("xl","lg")`
     --header-offset: 0px;
-  `}`;const Z2="m1ojpy2l",W2=({children:t,style:e})=>i.jsx("div",{className:"StreamLayerSDKTheme",children:i.jsx("div",{className:s.cx_default("masters-theme",Z2),style:e,children:t})}),Y2=({sdk:t,className:e})=>{const[,n]=s.p(t);return i.jsx(u2,{className:e,feature:n,sdk:t})},X2=({sdk:t,className:e,appNode:n,responsiveStore:o,useContainer:r})=>{const l=s.useStore(t.featuresList.getStore());return l?Array.from(l,a=>{const u=t.getFeature(a);return u?i.jsx(p2,{useContainer:r,responsiveStore:o,className:e,appNode:n,feature:u,sdk:t},a):null}):null},J2=t=>{const e=d.useRef(null);return s.b(e,{enabled:!0,event:"click",listener:s.A$1}),i.jsx(H.nr,{ref:e,...t})},e0=({sdk:t,useContainer:e})=>{const n=d.useRef(null),o=s.useStore(t.status),r=s.useStore(t.sdkStore.slStreamId),l=d.useRef(null),[a]=z2(n),[u,c]=W(n,a,e),C=o==="ready"&&!!r.data;return d.useEffect(()=>{window.requestAnimationFrame(()=>{t.initializeApp().then(()=>{t.openFeature(x.SdkOverlayType.GAMES)})})},[t]),s.b(n,{enabled:!0,event:"click",listener:s.A$1}),d.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature2.js"))},[]),i.jsxs(U,{className:s.cx_default("SDKContainer",!e&&G),ref:n,children:[i.jsx(g2,{className:s.cx_default(s.m),ref:l}),i.jsxs(M,{className:"sl-hide-on-modal",ref:u,children:[C&&i.jsx(q2,{sdk:t,scrollNode:u,headerNode:l,appNode:n,scrollStore:c,responsiveStore:a,useContainer:e}),C&&i.jsx(Y2,{className:s.m,sdk:t}),C&&i.jsx(X2,{responsiveStore:a,appNode:n,className:s.m,sdk:t,useContainer:e})]})]})},t0=({sdk:t,betPack:e,useContainer:n})=>{const[o,r]=d.useState(e),l=!!s.useStore(t.userId()),a=d.useMemo(()=>({sdk:t}),[t]),u=d.useCallback(()=>{r(!1);const c=t==null?void 0:t.getFeature(x.SdkOverlayType.GAMES);c==null||c.closeQuestion()},[t]);return i.jsxs(B.Provider,{value:a,children:[o&&l&&i.jsx(J2,{sdk:t,onEvent:({type:c})=>c==="slOpenGameCenter"?u():()=>{},close:()=>u()}),!o&&i.jsx(e0,{sdk:t,useContainer:n})]})},s0=({sdkKey:t,plugins:e,children:n,event:o,onDeepLinkHandled:r,videoPlayerController:l,production:a=!0})=>i.jsxs(s.StreamLayerProvider,{sdkKey:t,plugins:e,production:a,autoEnable:!0,onDeepLinkHandled:r,videoPlayerController:l,friendsTab:"disabled",skipOnboarding:!0,hideFriends:!0,children:[i.jsx(s.StreamLayerSDKEvent,{event:o}),n]}),n0=({betPack:t,useContainer:e})=>{const{sdk:n,status:o}=d.useContext(s.StreamLayerContext);return o===s.StreamLayerStatus.UNSET?(console.error("Wrap app in `StreamLayerProvider`"),null):n?i.jsx("div",{className:"StreamLayerSDK",children:i.jsx(W2,{style:{height:"100%"},children:i.jsx(t0,{sdk:n,betPack:t,useContainer:e})})}):null};class i0 extends d.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,n){console.error(e,n.componentStack)}render(){return this.state.hasError?null:i.jsx(n0,{...this.props})}}exports.C=a2;exports.MastersStreamLayerProvider=s0;exports.MastersStreamLayerSDKReact=i0;
+  `}`;const o0="m1ojpy2l",r0=({children:t,style:e})=>n.jsx("div",{className:"StreamLayerSDKTheme",children:n.jsx("div",{className:i.cx_default("masters-theme",o0),style:e,children:t})}),a0=({sdkKey:t,plugins:e,children:s,event:o,onDeepLinkHandled:r,videoPlayerController:l,production:a=!0})=>n.jsxs(R.q,{sdkKey:t,plugins:e,production:a,autoEnable:!0,onDeepLinkHandled:r,videoPlayerController:l,friendsTab:"disabled",skipOnboarding:!0,hideFriends:!0,children:[n.jsx(R.j,{event:o}),s]}),l0=({sdk:t,className:e})=>{const[,s]=g.p(t);return n.jsx(S2,{className:e,feature:s,sdk:t})},d0=({sdk:t,className:e,appNode:s,responsiveStore:o,useContainer:r})=>{const l=i.useStore(t.featuresList.getStore());return l?Array.from(l,a=>{const u=t.getFeature(a);return u?n.jsx(_2,{useContainer:r,responsiveStore:o,className:e,appNode:s,feature:u,sdk:t},a):null}):null},c0=t=>{const e=d.useRef(null);return N.b(e,{enabled:!0,event:"click",listener:N.A}),n.jsx(Z.nr,{ref:e,...t})},u0=({sdk:t,useContainer:e})=>{const s=d.useRef(null),o=i.useStore(t.status),r=i.useStore(t.sdkStore.slStreamId),l=d.useRef(null),[a]=s0(s),[u,c]=r2(s,a,e),C=o==="ready"&&!!r.data;return d.useEffect(()=>{window.requestAnimationFrame(()=>{t.initializeApp().then(()=>{t.openFeature(L.SdkOverlayType.GAMES)})})},[t]),N.b(s,{enabled:!0,event:"click",listener:N.A}),d.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature2.js"))},[]),n.jsxs(X,{className:i.cx_default("SDKContainer",!e&&J),ref:s,children:[n.jsx(I2,{className:i.cx_default(y.m),ref:l}),n.jsxs(e2,{className:"sl-hide-on-modal",ref:u,children:[C&&n.jsx(t0,{sdk:t,scrollNode:u,headerNode:l,appNode:s,scrollStore:c,responsiveStore:a,useContainer:e}),C&&n.jsx(l0,{className:y.m,sdk:t}),C&&n.jsx(d0,{responsiveStore:a,appNode:s,className:y.m,sdk:t,useContainer:e})]})]})},p0=({sdk:t,betPack:e,useContainer:s})=>{const[o,r]=d.useState(e),l=!!i.useStore(t.userId()),a=d.useMemo(()=>({sdk:t}),[t]),u=d.useCallback(()=>{r(!1);const c=t==null?void 0:t.getFeature(L.SdkOverlayType.GAMES);c==null||c.closeQuestion()},[t]);return n.jsxs(z.Provider,{value:a,children:[o&&l&&n.jsx(c0,{sdk:t,onEvent:({type:c})=>c==="slOpenGameCenter"?u():()=>{},close:()=>u()}),!o&&n.jsx(u0,{sdk:t,useContainer:s})]})},C0=({betPack:t,useContainer:e})=>{const{sdk:s,status:o}=d.useContext(R.c);return o===R.Y.UNSET?(console.error("Wrap app in `StreamLayerProvider`"),null):s?n.jsx("div",{className:"StreamLayerSDK",children:n.jsx(r0,{style:{height:"100%"},children:n.jsx(p0,{sdk:s,betPack:t,useContainer:e})})}):null};class f0 extends d.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,s){console.error(e,s.componentStack)}render(){return this.state.hasError?null:n.jsx(C0,{...this.props})}}exports.C=h2;exports.MastersStreamLayerSDKReact=f0;exports.S=a0;

package/lib/cjs/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("react"),e=require("./provider.js");require("nanostores");require("lodash.throttle");require("react-dom");require("react-countup");const r=require("./useStreamLayerApp2.js"),I=e.styled_default("div")({name:"Media",class:"m1bcvojl",propsAsIs:!1}),os=()=>I,is=e.styled_default(os())({name:"MediaImgBottom",class:"m58gin0",propsAsIs:!0}),ls=()=>I,w=e.styled_default(ls())({name:"MediaImgSolid",class:"m1atm8do",propsAsIs:!0}),as=()=>I,ds=e.styled_default(as())({name:"MediaImgRounded",class:"myx3xoi",propsAsIs:!0}),rs=()=>I,cs=e.styled_default(rs())({name:"MediaImgCentered",class:"m1bwv0gx",propsAsIs:!0}),us=()=>I,ps=e.styled_default(us())({name:"MediaImgInsight",class:"mntjanp",propsAsIs:!0}),ms=e.styled_default("div")({name:"VideoIcon",class:"v1kofb47",propsAsIs:!1}),ys={[r.QuestionImages.UNSET]:w,[r.QuestionImages.NONE]:w,[r.QuestionImages.ROUNDED]:ds,[r.QuestionImages.CENTERED]:cs,[r.QuestionImages.TRANSPARENT]:is,[r.QuestionImages.SOLID]:w},N=({src:t,imageMode:o=r.QuestionImages.UNSET,withVideo:i,fromInsight:n})=>{if(o===r.QuestionImages.NONE)return null;const l=n?ps:ys[o];return s.jsxs(l,{children:[s.jsx("img",{src:t,alt:""}),i&&s.jsx(ms,{children:s.jsx(e.B1,{name:"icon-play"})})]})},xs=e.styled_default("div")({name:"NotificationContent",class:"nuraq9m",propsAsIs:!1}),vs=e.styled_default("div")({name:"NotificationContainer",class:"ns1nzpg",propsAsIs:!1}),R=e.styled_default("div")({name:"Body",class:"b1j59nzs",propsAsIs:!1}),fs=e.styled_default("div")({name:"Title",class:"t9vmnpp",propsAsIs:!1}),js=e.styled_default("button")({name:"Button",class:"b14ivj5k",propsAsIs:!1}),Is=()=>e.B1,As=e.styled_default(Is())({name:"StyledChevronRight",class:"s1atci8n",propsAsIs:!0}),hs=e.styled_default("div")({name:"QuoteWrap",class:"q4w8jgs",propsAsIs:!1}),$s=e.styled_default("blockquote")({name:"Quote",class:"qaa0kez",propsAsIs:!1}),gs=e.styled_default("div")({name:"Body",class:"b1wvd52w",propsAsIs:!1}),_s=e.styled_default("div")({name:"Container",class:"ccvukea",propsAsIs:!1}),ws=({image:t,tweet:o,account:i,accountVerified:n,body:l,title:u})=>{var c;return s.jsxs(_s,{children:[u&&s.jsx(hs,{children:s.jsx($s,{children:u})}),s.jsx(e.D$2,{image:t,name:(c=o==null?void 0:o.meta)==null?void 0:c.accountName,userName:i,verified:n,createdTweet:o==null?void 0:o.date}),s.jsx(gs,{children:e.D$3(l)})]})},Ts=({title:t,questionType:o,questionTypeData:i})=>s.jsxs(R,{children:[s.jsx(e.x$1,{questionTypeData:i,questionType:o,questionStatus:r.QuestionStatus.UNSET}),t&&s.jsx(fs,{children:t})]}),bs=({tweet:t})=>t?s.jsx(R,{children:s.jsx(ws,{...t,controlVideo:()=>{}})}):null,Cs=({action:t,questionType:o,inApp:i,insight:n,tweet:l})=>{var u;const c=e.e[o],a=e.o[o];if(!c||!i||!i.notification)return null;const{title:p,image:m,imageMode:v}=i.notification;let x=m;o===r.QuestionType.TWEET&&l!=null&&l.tweetMedia&&(x=l.tweetMedia.image),v===r.QuestionImages.NONE&&(x="");const f=i.useMediaFromContent&&(n==null?void 0:n.image),d=o===r.QuestionType.TWEET&&((u=l==null?void 0:l.tweetMedia)==null?void 0:u.video)||o===r.QuestionType.FACTOID&&(n==null?void 0:n.video);return s.jsx(vs,{"data-a":"intr",className:"SL_InApp",onClick:t,children:s.jsxs(xs,{style:x?{}:{paddingLeft:"1.5rem"},children:[x&&!f&&s.jsx(N,{src:x,imageMode:v,withVideo:!!d}),f&&s.jsx(N,{src:f,fromInsight:!0,withVideo:!!d}),o===r.QuestionType.TWEET?s.jsx(bs,{tweet:l}):s.jsx(Ts,{questionTypeData:c,questionType:o,title:p}),s.jsx(js,{name:"inapp-button",children:a||"Open"}),s.jsx(As,{name:"chevronRight"})]})})},Ns=()=>({color:t})=>t,k=e.styled_default("div")({name:"MediaComponentWrap",class:"mek728j",propsAsIs:!1,vars:{"mek728j-0":[Ns()]}}),j=e.styled_default("div")({name:"Media",class:"m461t56",propsAsIs:!1}),ks=()=>j,qs=e.styled_default(ks())({name:"MediaImgBottom",class:"m22bh04",propsAsIs:!0}),Ss=()=>j,Es=e.styled_default(Ss())({name:"MediaVideo",class:"m17u1e34",propsAsIs:!0}),Ls=()=>j,Ms=e.styled_default(Ls())({name:"MediaImgContentMedia",class:"m4j3eds",propsAsIs:!0}),Ds=()=>j,Bs=e.styled_default(Ds())({name:"MediaImgSolid",class:"m1lp3swr",propsAsIs:!0}),Qs=()=>j,Rs=e.styled_default(Qs())({name:"MediaImgRounded",class:"mc7lij",propsAsIs:!0}),Os=()=>j,Us=e.styled_default(Os())({name:"MediaImgCentered",class:"mwwaw7o",propsAsIs:!0}),Ps=()=>j,T=e.styled_default(Ps())({name:"MediaNone",class:"mqfzyyr",propsAsIs:!0}),zs="v170mtgf",Vs={[r.QuestionImages.UNSET]:T,[r.QuestionImages.NONE]:T,[r.QuestionImages.ROUNDED]:Rs,[r.QuestionImages.CENTERED]:Us,[r.QuestionImages.TRANSPARENT]:qs,[r.QuestionImages.SOLID]:Bs},q=({src:t,imageMode:o=r.QuestionImages.UNSET,withVideo:i,color:n,useContentMedia:l,thumbnailUrl:u})=>{if(!t)return s.jsx(k,{color:n,children:s.jsx(T,{})});const c=l===r.NotificationUseContentMedia.ENABLED?Ms:Vs[o];return s.jsx(k,{color:n,children:i?s.jsx(Es,{children:s.jsx(e.Et,{className:zs,source:t,poster:u||""})}):s.jsx(c,{children:s.jsx("img",{src:t,alt:""})})})},Fs=()=>({withoutPadding:t})=>t?"0px":"1rem",O=e.styled_default("div")({name:"NotificationContent",class:"n1p3bk1c",propsAsIs:!1,vars:{"n1p3bk1c-0":[Fs()]}}),Ws=e.styled_default("div")({name:"MainContent",class:"m1g211mu",propsAsIs:!1}),Ys=()=>e.B1,Ks=e.styled_default(Ys())({name:"StyledChevronRight",class:"sx1hq4c",propsAsIs:!0}),U=e.styled_default("div")({name:"NotificationContainer",class:"n1fcriet",propsAsIs:!1}),Gs=()=>({questionType:t})=>t===r.QuestionType.FACTOID?"7.3rem":"4.5rem",Hs=()=>({webos:t})=>t?"11px 0px 8px 0px":"11px 0px",Js=()=>({imageMode:t,webos:o})=>o?"330px":t===r.QuestionImages.SOLID?"310px":t===r.QuestionImages.CENTERED||t===r.QuestionImages.ROUNDED||t===r.QuestionImages.TRANSPARENT?"370px":"430px",Xs=e.styled_default("div")({name:"Body",class:"b1byyovs",propsAsIs:!1,vars:{"b1byyovs-0":[Gs()],"b1byyovs-1":[Hs()],"b1byyovs-2":[Js()]}}),Zs=()=>({webos:t})=>t?"0.85rem":"1.033rem",se=()=>({webos:t})=>t?"0.95rem":"1.25rem",ee=()=>({webos:t})=>t?"4.7rem":"2.25rem",te=()=>({webos:t})=>t?"pre-wrap":"nowrap",ne=e.styled_default("div")({name:"Title",class:"t1y5k5id",propsAsIs:!1,vars:{"t1y5k5id-0":[Zs()],"t1y5k5id-1":[se()],"t1y5k5id-2":[ee()],"t1y5k5id-3":[te()]}}),oe=e.styled_default("div")({name:"Description",class:"dw9eb7l",propsAsIs:!1}),ie=e.styled_default("div")({name:"LogoImgContainer",class:"ldu8wgy",propsAsIs:!1}),P=e.styled_default("img")({name:"LogoImg",class:"ln4a3eh",propsAsIs:!1}),le=()=>U,ae=e.styled_default(le())({name:"NotificationInterstitialContainer",class:"no2k63v",propsAsIs:!0}),de=e.styled_default("div")({name:"TVButtons",class:"th9nn6a",propsAsIs:!1}),z=e.styled_default("button")({name:"TVButton",class:"t1eee77p",propsAsIs:!1}),re=()=>z,ce=e.styled_default(re())({name:"DismissButton",class:"ds000hw",propsAsIs:!0}),ue=()=>z,pe=e.styled_default(ue())({name:"AnswerButton",class:"a1nz9hoe",propsAsIs:!0}),me=({title:t,questionType:o,questionTypeData:i,description:n,imageMode:l,webos:u})=>s.jsxs(Xs,{imageMode:l,questionType:o,webos:u,children:[s.jsx(e.x$1,{questionTypeData:i,questionType:o,questionStatus:r.QuestionStatus.UNSET}),t&&s.jsx(ne,{webos:u,children:t}),n&&s.jsx(oe,{children:n})]}),ye=e.O(ae),xe=e.O(ce),ve=e.O(pe),fe=({sponsorLogo:t,onClick:o,webos:i})=>s.jsx(ye,{autoFocus:!0,webos:i,onClick:o,"data-webos":i,children:s.jsx(O,{withoutPadding:!0,children:s.jsx(P,{src:t})})}),je=({action:t,close:o,questionType:i,inApp:n,insight:l,color:u,webos:c})=>{var a,p,m;const[v,x]=y.useState(!1),f=y.useRef();y.useEffect(()=>(n!=null&&n.sponsorLogo&&(x(!0),f.current=setTimeout(()=>{x(!1)},5e3)),()=>clearTimeout(f.current)),[n==null?void 0:n.sponsorLogo]);const d=e.e[i];if(!d||!n||!n.notification)return null;const{title:Z,image:ss,imageMode:h,useContentMedia:$}=n.notification,es=i===r.QuestionType.FACTOID?l==null?void 0:l.heading:Z,ts=i===r.QuestionType.FACTOID?l==null?void 0:l.body:"",ns=ss,g=i===r.QuestionType.FACTOID&&((a=l==null?void 0:l.video)==null?void 0:a.url)&&(n==null?void 0:n.isVideo)&&$===r.NotificationUseContentMedia.ENABLED,_=$===r.NotificationUseContentMedia.ENABLED?g?(p=l==null?void 0:l.video)==null?void 0:p.url:l==null?void 0:l.image:"";return n!=null&&n.sponsorLogo&&v?s.jsx(fe,{sponsorLogo:n==null?void 0:n.sponsorLogo,webos:c,onClick:()=>x(!1)}):s.jsxs(U,{"data-a":"intr",className:"SL_InApp",onClick:A=>{c||t==null||t(A)},"data-is-insight":i===r.QuestionType.FACTOID,"data-webos":c,children:[(n==null?void 0:n.sponsorLogo)&&s.jsx(ie,{children:s.jsx(P,{src:n==null?void 0:n.sponsorLogo})}),s.jsxs(O,{children:[s.jsxs(Ws,{children:[!_&&s.jsx(q,{src:ns,imageMode:h,withVideo:!!g,color:u}),_&&s.jsx(q,{src:_,imageMode:h,withVideo:!!g,color:u,useContentMedia:$,thumbnailUrl:(m=l==null?void 0:l.video)==null?void 0:m.thumbnailUrl}),s.jsx(me,{questionTypeData:d,questionType:i,title:es,description:ts,imageMode:h,webos:c})]}),!c&&s.jsx(Ks,{name:"chevronRight"}),c&&s.jsxs(de,{children:[s.jsx(xe,{webos:!0,"data-close-btn":"true",onClick:A=>{A.stopPropagation(),o==null||o(A)},children:"Dismiss"}),s.jsx(ve,{webos:!0,autoFocus:!0,onClick:t,children:"Answer"})]})]})]})},Ie=e.styled_default("div")({name:"NotificationContainer",class:"n11jcrxe",propsAsIs:!1}),S=e.styled_default("img")({name:"Icon",class:"i1vmpt6u",propsAsIs:!1}),Ae=e.styled_default("div")({name:"IconContainer",class:"i180665s",propsAsIs:!1}),he=()=>e.B1,$e=e.styled_default(he())({name:"TitleIcon",class:"t16zzzei",propsAsIs:!0}),ge=()=>e.y,_e=e.styled_default(ge())({name:"Close",class:"c1sur0q2",propsAsIs:!0}),we=e.styled_default("div")({name:"Body",class:"bai9j52",propsAsIs:!1}),Te=e.styled_default("div")({name:"Title",class:"t1bnt25p",propsAsIs:!1}),be=e.styled_default("div")({name:"Description",class:"dmixjec",propsAsIs:!1}),Ce=e.styled_default("button")({name:"Button",class:"b1ubkw1q",propsAsIs:!1}),Ne=({open:t,close:o,...i})=>{var n,l;return s.jsxs(Ie,{"data-a":"intr",onClick:()=>{t==null||t(),i&&i.markIstantOpen()},children:[s.jsxs(Ae,{children:[s.jsx(S,{className:"on-light",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png"}),s.jsx(S,{className:"on-dark",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"})]}),s.jsxs(we,{children:[s.jsxs(Te,{children:[s.jsx($e,{name:"icon-trophy-solid"}),(n=i==null?void 0:i.titleCard)==null?void 0:n.title]}),s.jsxs(be,{children:[s.jsx("span",{children:(l=i==null?void 0:i.titleCard)==null?void 0:l.subtitle}),s.jsx(Ce,{name:"inapp-button",children:"Play Now"})]})]}),s.jsx(_e,{close:u=>{u==null||u.stopPropagation(),o==null||o()}})]})},ke=e.styled_default("div")({name:"Container",class:"cef8huz",propsAsIs:!1}),qe=()=>e.B1,Se=e.styled_default(qe())({name:"CheckIcon",class:"c1mo15kk",propsAsIs:!0}),Ee=()=>e.B1,Le=e.styled_default(Ee())({name:"PredictionIcon",class:"p16zkqnm",propsAsIs:!0}),Me=e.styled_default("div")({name:"PredictionIconContainer",class:"pjszi7a",propsAsIs:!1}),De=e.styled_default("div")({name:"BodyContainer",class:"bftbmo3",propsAsIs:!1}),Be=e.styled_default("div")({name:"Body",class:"barrbyu",propsAsIs:!1}),Qe=e.styled_default("div")({name:"Subtitle",class:"sz7237i",propsAsIs:!1}),Re=({step:t,children:o,answer:i,state:n="pending"})=>{const[l,u]=y.useState(0),[c]=y.useState(()=>new ResizeObserver(p=>{window.requestAnimationFrame(()=>{var m,v;u(((v=(m=p==null?void 0:p[0])==null?void 0:m.contentRect)==null?void 0:v.width)??0)})})),a=y.useCallback(p=>{p?c.observe(p):c.disconnect()},[c]);return y.useEffect(()=>()=>{c.disconnect()},[c]),s.jsxs(ke,{children:[s.jsx(Me,{children:s.jsx(Le,{name:"icon-prediction"})}),s.jsx(De,{style:{minWidth:`${l}px`},children:s.jsx(Be,{children:o},t)}),s.jsx(Qe,{ref:a,className:n,children:s.jsxs("div",{children:[s.jsx(Se,{name:"icon-check"}),"Your Pick: ",i]})})]})},Oe=e.styled_default("div")({name:"Container",class:"ckyzolp",propsAsIs:!1}),b=e.styled_default("div")({name:"Line",class:"l16t1zr7",propsAsIs:!1}),Ue=()=>b,Pe=e.styled_default(Ue())({name:"Line1",class:"le78kvg",propsAsIs:!0}),ze=()=>b,Ve=e.styled_default(ze())({name:"Line2",class:"l1o7966d",propsAsIs:!0}),Fe=()=>b,We=e.styled_default(Fe())({name:"Line3",class:"lu9lyxq",propsAsIs:!0}),Ye=()=>s.jsxs(Oe,{children:[s.jsx(Pe,{children:s.jsx("div",{})}),s.jsx(Ve,{children:s.jsx("div",{})}),s.jsx(We,{children:s.jsx("div",{})})]}),Ke=e.styled_default("div")({name:"Container",class:"c10jy6zf",propsAsIs:!1}),Ge=()=>e.B1,He=e.styled_default(Ge())({name:"CheckIcon",class:"c1c7scay",propsAsIs:!0}),Je=()=>s.jsxs(Ke,{children:[s.jsx(He,{name:"icon-check"})," Prediction results are in!"]}),Xe=e.styled_default("div")({name:"Container",class:"cf6k2yy",propsAsIs:!1}),Ze=e.styled_default("div")({name:"Caption",class:"c1c8xjus",propsAsIs:!1}),st=e.styled_default("div")({name:"Title",class:"t1d1uekn",propsAsIs:!1}),et=({title:t})=>s.jsxs(Xe,{children:[s.jsx(Ze,{children:"Results for"}),s.jsx(st,{children:t})]}),V=e.styled_default("div")({name:"Container",class:"c181a1as",propsAsIs:!1}),F=e.styled_default("div")({name:"Title",class:"t1cduox6",propsAsIs:!1}),tt=()=>e.B1,W=e.styled_default(tt())({name:"CorrectIcon",class:"c1onrv6j",propsAsIs:!0}),nt=()=>W,ot=e.styled_default(nt())({name:"InCorrectIcon",class:"i17n9o7e",propsAsIs:!0}),it=()=>s.jsxs(V,{children:[s.jsxs(F,{children:["Congratulations!",s.jsx("br",{}),"You answered correctly."]}),s.jsx(W,{name:"icon-check"})]}),lt=({title:t})=>s.jsxs(V,{children:[s.jsxs(F,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",t]}),s.jsx(ot,{name:"icon-cross"})]}),at=e.styled_default("div")({name:"Container",class:"cnxgcs2",propsAsIs:!1}),dt=e.styled_default("div")({name:"Title",class:"t903f8n",propsAsIs:!1}),rt=()=>e.B1,ct=e.styled_default(rt())({name:"CheckIcon",class:"ceyu3qj",propsAsIs:!0}),ut=({points:t})=>s.jsxs(at,{children:[s.jsxs(dt,{children:["You won ",s.jsx(e.d,{delay:.5,prefix:"+",suffix:" points",value:t})]}),s.jsx(ct,{name:"icon-trophy-solid"})]}),E=e.styled_default("div")({name:"Container",class:"cq3agu2",propsAsIs:!1}),L=e.styled_default("div")({name:"Body",class:"b16qj0do",propsAsIs:!1}),M={1:3e3,2:4e3,3:4e3,4:4e3},pt=({close:t,action:o,setStep:i,votedAnswer:n,correct:l,correctAnswerTitle:u,questionTitle:c,step:a})=>{if(y.useEffect(()=>{if(i){const m=setTimeout(()=>{M[a+1]&&(l||a<3)?i(a+1):t==null||t()},M[a]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,a,t,l]),a===1)return s.jsx(E,{children:s.jsx(L,{children:s.jsx(Je,{})})});let p="pending";return(a===3||a===4)&&(p=l?"correct":"incorrect"),s.jsx(E,{"data-a":"intr",onClick:()=>o==null?void 0:o(),children:s.jsxs(L,{children:[a!==1&&s.jsx(Ye,{},a),s.jsxs(Re,{state:p,step:a,answer:(n==null?void 0:n.title)||"unknown",children:[a===2&&s.jsx(et,{title:c||"unknown"}),a===3&&l&&s.jsx(it,{}),a===3&&!l&&s.jsx(lt,{title:u||"unknown"}),a===4&&s.jsx(ut,{points:(n==null?void 0:n.points)||0})]})]})})},mt=({close:t,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u})=>{const[c,a]=y.useState(1);return s.jsx(pt,{close:t,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u,setStep:a,step:c,title:""})},yt=e.styled_default("div")({name:"NotificationContainer",class:"n1i4h28u",propsAsIs:!1}),xt=t=>s.jsx(yt,{children:s.jsx(mt,{...t})}),vt=e.styled_default("div")({name:"Container",class:"cwa9tgs",propsAsIs:!1}),ft=e.styled_default("div")({name:"BodyContainer",class:"b1xx7swj",propsAsIs:!1}),jt=e.styled_default("div")({name:"Body",class:"b1a21en",propsAsIs:!1}),It=({step:t,children:o,state:i="pending"})=>{const[n,l]=y.useState(0);return y.useEffect(()=>{const u=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{var a,p;const m=((p=(a=c==null?void 0:c[0])==null?void 0:a.contentRect)==null?void 0:p.width)??0;l(m)})});return()=>{u.disconnect()}},[]),s.jsx(vt,{style:{padding:`${t===3&&i==="incorrect"||t===1?"5px 100px":"5px 40px"}`},children:s.jsx(ft,{style:{minWidth:`${n}px`},children:s.jsx(jt,{children:o},t)})})},At=e.styled_default("div")({name:"Container",class:"c1nd5cu8",propsAsIs:!1}),C=e.styled_default("div")({name:"Line",class:"lgbipw0",propsAsIs:!1}),ht=()=>C,$t=e.styled_default(ht())({name:"Line1",class:"l1anth16",propsAsIs:!0}),gt=()=>C,_t=e.styled_default(gt())({name:"Line2",class:"l193yd7v",propsAsIs:!0}),wt=()=>C,Tt=e.styled_default(wt())({name:"Line3",class:"lhbflsp",propsAsIs:!0}),bt=()=>s.jsxs(At,{children:[s.jsx($t,{children:s.jsx("div",{})}),s.jsx(_t,{children:s.jsx("div",{})}),s.jsx(Tt,{children:s.jsx("div",{})})]}),Ct=e.styled_default("div")({name:"Container",class:"c1lvd429",propsAsIs:!1}),Nt=()=>e.B1,kt=e.styled_default(Nt())({name:"PredictionIcon",class:"p1n4m87t",propsAsIs:!0}),qt=()=>s.jsxs(Ct,{children:[s.jsx(kt,{name:"icon-prediction"})," Prediction results are in!"]}),St=()=>e.B1,Et=e.styled_default(St())({name:"CheckIcon",class:"c126r8f9",propsAsIs:!0}),Lt=e.styled_default("div")({name:"Answer",class:"a1o2rpgl",propsAsIs:!1}),Mt=e.styled_default("div")({name:"Container",class:"cej6ci1",propsAsIs:!1}),Dt=e.styled_default("div")({name:"Title",class:"tob24mr",propsAsIs:!1}),Bt=({title:t,answer:o})=>s.jsxs(Mt,{children:[s.jsx(Dt,{children:t}),s.jsxs(Lt,{children:[s.jsx(Et,{name:"icon-prediction"}),"Your Pick: ",o]})]}),Y=e.styled_default("div")({name:"Container",class:"c1lesal4",propsAsIs:!1}),K=e.styled_default("div")({name:"Title",class:"tv66n4w",propsAsIs:!1}),Qt=()=>e.B1,Rt=e.styled_default(Qt())({name:"CorrectIcon",class:"cx0vlv2",propsAsIs:!0}),G=e.styled_default("div")({name:"Answer",class:"akfh4v5",propsAsIs:!1}),Ot=({answer:t})=>s.jsxs(Y,{children:[s.jsx(K,{children:"Congratulations! You answered correctly."}),s.jsxs(G,{children:[s.jsx(Rt,{name:"icon-correct"}),"Your Pick: ",t]})]}),Ut=({title:t,answer:o})=>s.jsxs(Y,{children:[s.jsxs(K,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",t]}),s.jsxs(G,{children:["Your Pick: ",o]})]}),D=e.styled_default("div")({name:"Container",class:"cmox3ot",propsAsIs:!1}),B=e.styled_default("div")({name:"Body",class:"bqq1ix4",propsAsIs:!1}),Q={1:3e3,2:4e3,3:4e3},Pt=({close:t,action:o,setStep:i,votedAnswer:n,correct:l,correctAnswerTitle:u,questionTitle:c,step:a})=>{if(y.useEffect(()=>{if(i){const m=setTimeout(()=>{Q[a+1]&&(l||a<3)?i(a+1):t==null||t()},Q[a]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,a,t,l]),a===1)return s.jsx(D,{children:s.jsx(B,{children:s.jsx(qt,{})})});let p="pending";return a===3&&(p=l?"correct":"incorrect"),s.jsx(D,{"data-a":"intr",onClick:()=>o==null?void 0:o(),children:s.jsxs(B,{children:[a!==1&&s.jsx(bt,{},a),s.jsxs(It,{state:p,step:a,children:[a===2&&s.jsx(Bt,{title:c||"unknown",answer:(n==null?void 0:n.title)||"unknown"}),a===3&&l&&s.jsx(Ot,{answer:(n==null?void 0:n.title)||"unknown"}),a===3&&!l&&s.jsx(Ut,{title:u||"unknown",answer:(n==null?void 0:n.title)||"unknown"})]})]})})},zt=({close:t,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u})=>{const[c,a]=y.useState(1);return s.jsx(Pt,{close:t,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u,setStep:a,step:c,title:""})},H=e.styled_default("div")({name:"NotificationContainer",class:"nn0nqh6",propsAsIs:!1}),Vt=()=>({withoutPadding:t})=>t?"0px":"1rem",Ft=e.styled_default("div")({name:"NotificationContent",class:"n1bcdf3j",propsAsIs:!1,vars:{"n1bcdf3j-0":[Vt()]}}),J=e.styled_default("img")({name:"LogoImg",class:"l8jorbq",propsAsIs:!1}),Wt=()=>H,Yt=e.styled_default(Wt())({name:"NotificationInterstitialContainer",class:"nf920y3",propsAsIs:!0}),Kt=e.styled_default("div")({name:"LogoImgContainer",class:"lzsmehn",propsAsIs:!1}),Gt=({sponsorLogo:t,onClick:o})=>s.jsx(Yt,{onClick:o,children:s.jsx(Ft,{withoutPadding:!0,children:s.jsx(J,{src:t})})}),Ht=t=>{var o,i,n,l,u;const[c,a]=y.useState(!1),p=y.useRef();return y.useEffect(()=>{var m;return(m=t==null?void 0:t.inApp)!=null&&m.sponsorLogo&&(a(!0),p.current=setTimeout(()=>{a(!1)},5e3)),()=>clearTimeout(p.current)},[(o=t==null?void 0:t.inApp)==null?void 0:o.sponsorLogo]),(i=t==null?void 0:t.inApp)!=null&&i.sponsorLogo&&c?s.jsx(Gt,{sponsorLogo:(n=t.inApp)==null?void 0:n.sponsorLogo,onClick:()=>a(!1)}):s.jsx(H,{children:s.jsxs("div",{children:[((l=t==null?void 0:t.inApp)==null?void 0:l.sponsorLogo)&&s.jsx(Kt,{children:s.jsx(J,{src:(u=t==null?void 0:t.inApp)==null?void 0:u.sponsorLogo})}),s.jsx(zt,{...t})]})})},X=({sdk:t,webos:o})=>{var i,n,l,u,c,a,p,m;const[v]=y.useState(t.getNotificationsStore()),x=e.useStore(v),f=t.getFeature(r.SdkOverlayType.GAMES),d=y.useMemo(()=>t.getActiveNotification(),[t,x]);return y.useEffect(()=>{d&&e.eventBus.emit("notification",{action:"rendered",payload:{questionId:d.data.questionId,questionType:d.data.questionType}})},[d]),d&&d.type===e.NotificationType.QUESTION_RESOLVED?d.data.question&&d.data.questionType===r.QuestionType.PREDICTION?d&&((i=d.data.inApp)==null?void 0:i.adUnit)===r.AdUnit.STANDART?s.jsx(Ht,{action:d.action,close:d.close,...d.data.question,inApp:d.data.inApp}):s.jsx(xt,{action:d.action,close:d.close,...d.data.question}):null:d&&d.type===e.NotificationType.ONBOARDING?d.data.onboarding?s.jsx(Ne,{open:f==null?void 0:f.openOnboarding,close:d.close,...d.data.onboarding}):null:d&&((n=d.data.inApp)==null?void 0:n.adUnit)===r.AdUnit.STANDART?s.jsx(je,{...d.data,action:d.action,close:d.close,color:((c=(u=(l=d==null?void 0:d.data)==null?void 0:l.inApp)==null?void 0:u.notification)==null?void 0:c.indicatorColor)||((m=(p=(a=d==null?void 0:d.data)==null?void 0:a.inApp)==null?void 0:p.appearance)==null?void 0:m.primaryColor),webos:o}):d&&s.jsx(Cs,{...d.data,action:d.action})},Jt=({theme:t})=>{const o=e.useStreamLayer(),i=e.useStreamLayerTheme(),n=e.useStreamLayerUI();return o&&(n.appNotification||n.onboardingNotification)?n.app&&!n.onboardingNotification?null:s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(e.h,{customTheme:t??i.theme,themeMode:i.themeMode,children:s.jsx(X,{sdk:o})})}):null};exports.StreamLayerSDKNotification=Jt;exports.StreamLayerSDKNotificationUI=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),cs=require("./index8.js"),x=require("react"),t=require("./sl-types.js"),us=require("./index3.js"),z=require("./storage.js"),A=require("./index12.js"),y=require("./index6.js"),r=require("./useStreamLayerApp2.js"),k=require("./index14.js"),F=require("./index13.js"),ps=require("./index5.js"),b=require("./hooks-B0Qttldg.js"),h=t.styled_default("div")({name:"Media",class:"m1bcvojl",propsAsIs:!1}),ms=()=>h,xs=t.styled_default(ms())({name:"MediaImgBottom",class:"m58gin0",propsAsIs:!0}),ys=()=>h,C=t.styled_default(ys())({name:"MediaImgSolid",class:"m1atm8do",propsAsIs:!0}),vs=()=>h,fs=t.styled_default(vs())({name:"MediaImgRounded",class:"myx3xoi",propsAsIs:!0}),js=()=>h,Is=t.styled_default(js())({name:"MediaImgCentered",class:"m1bwv0gx",propsAsIs:!0}),As=()=>h,hs=t.styled_default(As())({name:"MediaImgInsight",class:"mntjanp",propsAsIs:!0}),$s=t.styled_default("div")({name:"VideoIcon",class:"v1kofb47",propsAsIs:!1}),gs={[r.QuestionImages.UNSET]:C,[r.QuestionImages.NONE]:C,[r.QuestionImages.ROUNDED]:fs,[r.QuestionImages.CENTERED]:Is,[r.QuestionImages.TRANSPARENT]:xs,[r.QuestionImages.SOLID]:C},E=({src:e,imageMode:o=r.QuestionImages.UNSET,withVideo:i,fromInsight:n})=>{if(o===r.QuestionImages.NONE)return null;const l=n?hs:gs[o];return s.jsxs(l,{children:[s.jsx("img",{src:e,alt:""}),i&&s.jsx($s,{children:s.jsx(y.B1,{name:"icon-play"})})]})},_s=t.styled_default("div")({name:"NotificationContent",class:"nuraq9m",propsAsIs:!1}),ws=t.styled_default("div")({name:"NotificationContainer",class:"ns1nzpg",propsAsIs:!1}),V=t.styled_default("div")({name:"Body",class:"b1j59nzs",propsAsIs:!1}),Ts=t.styled_default("div")({name:"Title",class:"t9vmnpp",propsAsIs:!1}),bs=t.styled_default("button")({name:"Button",class:"b14ivj5k",propsAsIs:!1}),Cs=()=>y.B1,Ns=t.styled_default(Cs())({name:"StyledChevronRight",class:"s1atci8n",propsAsIs:!0}),ks=t.styled_default("div")({name:"QuoteWrap",class:"q4w8jgs",propsAsIs:!1}),qs=t.styled_default("blockquote")({name:"Quote",class:"qaa0kez",propsAsIs:!1}),Ss=t.styled_default("div")({name:"Body",class:"b1wvd52w",propsAsIs:!1}),Es=t.styled_default("div")({name:"Container",class:"ccvukea",propsAsIs:!1}),Ls=({image:e,tweet:o,account:i,accountVerified:n,body:l,title:u})=>{var c;return s.jsxs(Es,{children:[u&&s.jsx(ks,{children:s.jsx(qs,{children:u})}),s.jsx(A.D,{image:e,name:(c=o==null?void 0:o.meta)==null?void 0:c.accountName,userName:i,verified:n,createdTweet:o==null?void 0:o.date}),s.jsx(Ss,{children:A.D$1(l)})]})},Ms=({title:e,questionType:o,questionTypeData:i})=>s.jsxs(V,{children:[s.jsx(z.x,{questionTypeData:i,questionType:o,questionStatus:r.QuestionStatus.UNSET}),e&&s.jsx(Ts,{children:e})]}),Ds=({tweet:e})=>e?s.jsx(V,{children:s.jsx(Ls,{...e,controlVideo:()=>{}})}):null,Bs=({action:e,questionType:o,inApp:i,insight:n,tweet:l})=>{var u;const c=A.e[o],a=A.o[o];if(!c||!i||!i.notification)return null;const{title:p,image:m,imageMode:f}=i.notification;let v=m;o===r.QuestionType.TWEET&&l!=null&&l.tweetMedia&&(v=l.tweetMedia.image),f===r.QuestionImages.NONE&&(v="");const j=i.useMediaFromContent&&(n==null?void 0:n.image),d=o===r.QuestionType.TWEET&&((u=l==null?void 0:l.tweetMedia)==null?void 0:u.video)||o===r.QuestionType.FACTOID&&(n==null?void 0:n.video);return s.jsx(ws,{"data-a":"intr",className:"SL_InApp",onClick:e,children:s.jsxs(_s,{style:v?{}:{paddingLeft:"1.5rem"},children:[v&&!j&&s.jsx(E,{src:v,imageMode:f,withVideo:!!d}),j&&s.jsx(E,{src:j,fromInsight:!0,withVideo:!!d}),o===r.QuestionType.TWEET?s.jsx(Ds,{tweet:l}):s.jsx(Ms,{questionTypeData:c,questionType:o,title:p}),s.jsx(bs,{name:"inapp-button",children:a||"Open"}),s.jsx(Ns,{name:"chevronRight"})]})})},Qs=()=>({color:e})=>e||"transparent",L=t.styled_default("div")({name:"MediaComponentWrap",class:"mek728j",propsAsIs:!1,vars:{"mek728j-0":[Qs()]}}),I=t.styled_default("div")({name:"Media",class:"m461t56",propsAsIs:!1}),Rs=()=>I,Os=t.styled_default(Rs())({name:"MediaImgBottom",class:"m22bh04",propsAsIs:!0}),Ps=()=>I,Us=t.styled_default(Ps())({name:"MediaVideo",class:"m17u1e34",propsAsIs:!0}),zs=()=>I,Fs=t.styled_default(zs())({name:"MediaImgContentMedia",class:"m4j3eds",propsAsIs:!0}),Vs=()=>I,Ws=t.styled_default(Vs())({name:"MediaImgSolid",class:"m1lp3swr",propsAsIs:!0}),Ys=()=>I,Ks=t.styled_default(Ys())({name:"MediaImgRounded",class:"mc7lij",propsAsIs:!0}),Gs=()=>I,Hs=t.styled_default(Gs())({name:"MediaImgCentered",class:"mwwaw7o",propsAsIs:!0}),Js=()=>I,N=t.styled_default(Js())({name:"MediaNone",class:"mqfzyyr",propsAsIs:!0}),Xs="v170mtgf",Zs={[r.QuestionImages.UNSET]:N,[r.QuestionImages.NONE]:N,[r.QuestionImages.ROUNDED]:Ks,[r.QuestionImages.CENTERED]:Hs,[r.QuestionImages.TRANSPARENT]:Os,[r.QuestionImages.SOLID]:Ws},M=({src:e,imageMode:o=r.QuestionImages.UNSET,withVideo:i,color:n,useContentMedia:l,thumbnailUrl:u})=>{if(!e)return s.jsx(L,{color:n,children:s.jsx(N,{})});const c=l===r.NotificationUseContentMedia.ENABLED?Fs:Zs[o];return s.jsx(L,{color:n,children:i?s.jsx(Us,{children:s.jsx(F.Et,{className:Xs,source:e,poster:u||""})}):s.jsx(c,{children:s.jsx("img",{src:e,alt:""})})})},se=()=>({withoutPadding:e})=>e?"0px":"1rem",W=t.styled_default("div")({name:"NotificationContent",class:"n1p3bk1c",propsAsIs:!1,vars:{"n1p3bk1c-0":[se()]}}),ee=t.styled_default("div")({name:"MainContent",class:"m1g211mu",propsAsIs:!1}),te=()=>y.B1,ne=t.styled_default(te())({name:"StyledChevronRight",class:"sx1hq4c",propsAsIs:!0}),Y=t.styled_default("div")({name:"NotificationContainer",class:"n1fcriet",propsAsIs:!1}),oe=()=>({questionType:e})=>e===r.QuestionType.FACTOID?"7.3rem":"4.5rem",ie=()=>({webos:e})=>e?"11px 0px 8px 0px":"11px 0px",le=()=>({imageMode:e,webos:o})=>o?"330px":e===r.QuestionImages.SOLID?"310px":e===r.QuestionImages.CENTERED||e===r.QuestionImages.ROUNDED||e===r.QuestionImages.TRANSPARENT?"370px":"430px",ae=t.styled_default("div")({name:"Body",class:"b1byyovs",propsAsIs:!1,vars:{"b1byyovs-0":[oe()],"b1byyovs-1":[ie()],"b1byyovs-2":[le()]}}),de=()=>({webos:e})=>e?"0.85rem":"1.033rem",re=()=>({webos:e})=>e?"0.95rem":"1.25rem",ce=()=>({webos:e})=>e?"4.7rem":"2.25rem",ue=()=>({webos:e})=>e?"pre-wrap":"nowrap",pe=t.styled_default("div")({name:"Title",class:"t1y5k5id",propsAsIs:!1,vars:{"t1y5k5id-0":[de()],"t1y5k5id-1":[re()],"t1y5k5id-2":[ce()],"t1y5k5id-3":[ue()]}}),me=t.styled_default("div")({name:"Description",class:"dw9eb7l",propsAsIs:!1}),xe=t.styled_default("div")({name:"LogoImgContainer",class:"ldu8wgy",propsAsIs:!1}),K=t.styled_default("img")({name:"LogoImg",class:"ln4a3eh",propsAsIs:!1}),ye=()=>Y,ve=t.styled_default(ye())({name:"NotificationInterstitialContainer",class:"no2k63v",propsAsIs:!0}),fe=t.styled_default("div")({name:"TVButtons",class:"th9nn6a",propsAsIs:!1}),G=t.styled_default("button")({name:"TVButton",class:"t1eee77p",propsAsIs:!1}),je=()=>G,Ie=t.styled_default(je())({name:"DismissButton",class:"ds000hw",propsAsIs:!0}),Ae=()=>G,he=t.styled_default(Ae())({name:"AnswerButton",class:"a1nz9hoe",propsAsIs:!0}),$e=({title:e,questionType:o,questionTypeData:i,description:n,imageMode:l,webos:u})=>s.jsxs(ae,{imageMode:l,questionType:o,webos:u,children:[s.jsx(z.x,{questionTypeData:i,questionType:o,questionStatus:r.QuestionStatus.UNSET}),e&&s.jsx(pe,{webos:u,children:e}),n&&s.jsx(me,{children:n})]}),ge=k.O(ve),_e=k.O(Ie),we=k.O(he),Te=({sponsorLogo:e,onClick:o,webos:i})=>s.jsx(ge,{autoFocus:!0,webos:i,onClick:o,"data-webos":i,children:s.jsx(W,{withoutPadding:!0,children:s.jsx(K,{src:e})})}),be=({action:e,close:o,questionType:i,inApp:n,insight:l,color:u,webos:c})=>{var a,p,m;const[f,v]=x.useState(!1),j=x.useRef();x.useEffect(()=>(n!=null&&n.sponsorLogo&&(v(!0),j.current=setTimeout(()=>{v(!1)},5e3)),()=>clearTimeout(j.current)),[n==null?void 0:n.sponsorLogo]);const d=A.e[i];if(!d||!n||!n.notification)return null;const{title:is,image:ls,imageMode:g,useContentMedia:_}=n.notification,as=i===r.QuestionType.FACTOID?l==null?void 0:l.heading:is,ds=i===r.QuestionType.FACTOID?l==null?void 0:l.body:"",rs=ls,w=i===r.QuestionType.FACTOID&&((a=l==null?void 0:l.video)==null?void 0:a.url)&&(n==null?void 0:n.isVideo)&&_===r.NotificationUseContentMedia.ENABLED,T=_===r.NotificationUseContentMedia.ENABLED?w?(p=l==null?void 0:l.video)==null?void 0:p.url:l==null?void 0:l.image:"";return n!=null&&n.sponsorLogo&&f?s.jsx(Te,{sponsorLogo:n==null?void 0:n.sponsorLogo,webos:c,onClick:()=>v(!1)}):s.jsxs(Y,{"data-a":"intr",className:"SL_InApp",onClick:$=>{c||e==null||e($)},"data-is-insight":i===r.QuestionType.FACTOID,"data-webos":c,children:[(n==null?void 0:n.sponsorLogo)&&s.jsx(xe,{children:s.jsx(K,{src:n==null?void 0:n.sponsorLogo})}),s.jsxs(W,{children:[s.jsxs(ee,{children:[!T&&s.jsx(M,{src:rs,imageMode:g,withVideo:!!w,color:u}),T&&s.jsx(M,{src:T,imageMode:g,withVideo:!!w,color:u,useContentMedia:_,thumbnailUrl:(m=l==null?void 0:l.video)==null?void 0:m.thumbnailUrl}),s.jsx($e,{questionTypeData:d,questionType:i,title:as,description:ds,imageMode:g,webos:c})]}),!c&&s.jsx(ne,{name:"chevronRight"}),c&&s.jsxs(fe,{children:[s.jsx(_e,{webos:!0,"data-close-btn":"true",onClick:$=>{$.stopPropagation(),o==null||o($)},children:"Dismiss"}),s.jsx(we,{webos:!0,autoFocus:!0,onClick:e,children:"Answer"})]})]})]})},Ce=t.styled_default("div")({name:"NotificationContainer",class:"n11jcrxe",propsAsIs:!1}),D=t.styled_default("img")({name:"Icon",class:"i1vmpt6u",propsAsIs:!1}),Ne=t.styled_default("div")({name:"IconContainer",class:"i180665s",propsAsIs:!1}),ke=()=>y.B1,qe=t.styled_default(ke())({name:"TitleIcon",class:"t16zzzei",propsAsIs:!0}),Se=()=>F.y,Ee=t.styled_default(Se())({name:"Close",class:"c1sur0q2",propsAsIs:!0}),Le=t.styled_default("div")({name:"Body",class:"bai9j52",propsAsIs:!1}),Me=t.styled_default("div")({name:"Title",class:"t1bnt25p",propsAsIs:!1}),De=t.styled_default("div")({name:"Description",class:"dmixjec",propsAsIs:!1}),Be=t.styled_default("button")({name:"Button",class:"b1ubkw1q",propsAsIs:!1}),Qe=({open:e,close:o,...i})=>{var n,l;return s.jsxs(Ce,{"data-a":"intr",onClick:()=>{e==null||e(),i&&i.markIstantOpen()},children:[s.jsxs(Ne,{children:[s.jsx(D,{className:"on-light",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png"}),s.jsx(D,{className:"on-dark",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"})]}),s.jsxs(Le,{children:[s.jsxs(Me,{children:[s.jsx(qe,{name:"icon-trophy-solid"}),(n=i==null?void 0:i.titleCard)==null?void 0:n.title]}),s.jsxs(De,{children:[s.jsx("span",{children:(l=i==null?void 0:i.titleCard)==null?void 0:l.subtitle}),s.jsx(Be,{name:"inapp-button",children:"Play Now"})]})]}),s.jsx(Ee,{close:u=>{u==null||u.stopPropagation(),o==null||o()}})]})},Re=t.styled_default("div")({name:"Container",class:"cef8huz",propsAsIs:!1}),Oe=()=>y.B1,Pe=t.styled_default(Oe())({name:"CheckIcon",class:"c1mo15kk",propsAsIs:!0}),Ue=()=>y.B1,ze=t.styled_default(Ue())({name:"PredictionIcon",class:"p16zkqnm",propsAsIs:!0}),Fe=t.styled_default("div")({name:"PredictionIconContainer",class:"pjszi7a",propsAsIs:!1}),Ve=t.styled_default("div")({name:"BodyContainer",class:"bftbmo3",propsAsIs:!1}),We=t.styled_default("div")({name:"Body",class:"barrbyu",propsAsIs:!1}),Ye=t.styled_default("div")({name:"Subtitle",class:"sz7237i",propsAsIs:!1}),Ke=({step:e,children:o,answer:i,state:n="pending"})=>{const[l,u]=x.useState(0),[c]=x.useState(()=>new ResizeObserver(p=>{window.requestAnimationFrame(()=>{var m,f;u(((f=(m=p==null?void 0:p[0])==null?void 0:m.contentRect)==null?void 0:f.width)??0)})})),a=x.useCallback(p=>{p?c.observe(p):c.disconnect()},[c]);return x.useEffect(()=>()=>{c.disconnect()},[c]),s.jsxs(Re,{children:[s.jsx(Fe,{children:s.jsx(ze,{name:"icon-prediction"})}),s.jsx(Ve,{style:{minWidth:`${l}px`},children:s.jsx(We,{children:o},e)}),s.jsx(Ye,{ref:a,className:n,children:s.jsxs("div",{children:[s.jsx(Pe,{name:"icon-check"}),"Your Pick: ",i]})})]})},Ge=t.styled_default("div")({name:"Container",class:"ckyzolp",propsAsIs:!1}),q=t.styled_default("div")({name:"Line",class:"l16t1zr7",propsAsIs:!1}),He=()=>q,Je=t.styled_default(He())({name:"Line1",class:"le78kvg",propsAsIs:!0}),Xe=()=>q,Ze=t.styled_default(Xe())({name:"Line2",class:"l1o7966d",propsAsIs:!0}),st=()=>q,et=t.styled_default(st())({name:"Line3",class:"lu9lyxq",propsAsIs:!0}),tt=()=>s.jsxs(Ge,{children:[s.jsx(Je,{children:s.jsx("div",{})}),s.jsx(Ze,{children:s.jsx("div",{})}),s.jsx(et,{children:s.jsx("div",{})})]}),nt=t.styled_default("div")({name:"Container",class:"c10jy6zf",propsAsIs:!1}),ot=()=>y.B1,it=t.styled_default(ot())({name:"CheckIcon",class:"c1c7scay",propsAsIs:!0}),lt=()=>s.jsxs(nt,{children:[s.jsx(it,{name:"icon-check"})," Prediction results are in!"]}),at=t.styled_default("div")({name:"Container",class:"cf6k2yy",propsAsIs:!1}),dt=t.styled_default("div")({name:"Caption",class:"c1c8xjus",propsAsIs:!1}),rt=t.styled_default("div")({name:"Title",class:"t1d1uekn",propsAsIs:!1}),ct=({title:e})=>s.jsxs(at,{children:[s.jsx(dt,{children:"Results for"}),s.jsx(rt,{children:e})]}),H=t.styled_default("div")({name:"Container",class:"c181a1as",propsAsIs:!1}),J=t.styled_default("div")({name:"Title",class:"t1cduox6",propsAsIs:!1}),ut=()=>y.B1,X=t.styled_default(ut())({name:"CorrectIcon",class:"c1onrv6j",propsAsIs:!0}),pt=()=>X,mt=t.styled_default(pt())({name:"InCorrectIcon",class:"i17n9o7e",propsAsIs:!0}),xt=()=>s.jsxs(H,{children:[s.jsxs(J,{children:["Congratulations!",s.jsx("br",{}),"You answered correctly."]}),s.jsx(X,{name:"icon-check"})]}),yt=({title:e})=>s.jsxs(H,{children:[s.jsxs(J,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",e]}),s.jsx(mt,{name:"icon-cross"})]}),vt=t.styled_default("div")({name:"Container",class:"cnxgcs2",propsAsIs:!1}),ft=t.styled_default("div")({name:"Title",class:"t903f8n",propsAsIs:!1}),jt=()=>y.B1,It=t.styled_default(jt())({name:"CheckIcon",class:"ceyu3qj",propsAsIs:!0}),At=({points:e})=>s.jsxs(vt,{children:[s.jsxs(ft,{children:["You won ",s.jsx(ps.d,{delay:.5,prefix:"+",suffix:" points",value:e})]}),s.jsx(It,{name:"icon-trophy-solid"})]}),B=t.styled_default("div")({name:"Container",class:"cq3agu2",propsAsIs:!1}),Q=t.styled_default("div")({name:"Body",class:"b16qj0do",propsAsIs:!1}),R={1:3e3,2:4e3,3:4e3,4:4e3},ht=({close:e,action:o,setStep:i,votedAnswer:n,correct:l,correctAnswerTitle:u,questionTitle:c,step:a})=>{if(x.useEffect(()=>{if(i){const m=setTimeout(()=>{R[a+1]&&(l||a<3)?i(a+1):e==null||e()},R[a]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,a,e,l]),a===1)return s.jsx(B,{children:s.jsx(Q,{children:s.jsx(lt,{})})});let p="pending";return(a===3||a===4)&&(p=l?"correct":"incorrect"),s.jsx(B,{"data-a":"intr",onClick:()=>o==null?void 0:o(),children:s.jsxs(Q,{children:[a!==1&&s.jsx(tt,{},a),s.jsxs(Ke,{state:p,step:a,answer:(n==null?void 0:n.title)||"unknown",children:[a===2&&s.jsx(ct,{title:c||"unknown"}),a===3&&l&&s.jsx(xt,{}),a===3&&!l&&s.jsx(yt,{title:u||"unknown"}),a===4&&s.jsx(At,{points:(n==null?void 0:n.points)||0})]})]})})},$t=({close:e,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u})=>{const[c,a]=x.useState(1);return s.jsx(ht,{close:e,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u,setStep:a,step:c,title:""})},gt=t.styled_default("div")({name:"NotificationContainer",class:"n1i4h28u",propsAsIs:!1}),_t=e=>s.jsx(gt,{children:s.jsx($t,{...e})}),wt=t.styled_default("div")({name:"Container",class:"cwa9tgs",propsAsIs:!1}),Tt=t.styled_default("div")({name:"BodyContainer",class:"b1xx7swj",propsAsIs:!1}),bt=t.styled_default("div")({name:"Body",class:"b1a21en",propsAsIs:!1}),Ct=({step:e,children:o,state:i="pending"})=>{const[n,l]=x.useState(0);return x.useEffect(()=>{const u=new ResizeObserver(c=>{window.requestAnimationFrame(()=>{var a,p;const m=((p=(a=c==null?void 0:c[0])==null?void 0:a.contentRect)==null?void 0:p.width)??0;l(m)})});return()=>{u.disconnect()}},[]),s.jsx(wt,{style:{padding:`${e===3&&i==="incorrect"||e===1?"5px 100px":"5px 40px"}`},children:s.jsx(Tt,{style:{minWidth:`${n}px`},children:s.jsx(bt,{children:o},e)})})},Nt=t.styled_default("div")({name:"Container",class:"c1nd5cu8",propsAsIs:!1}),S=t.styled_default("div")({name:"Line",class:"lgbipw0",propsAsIs:!1}),kt=()=>S,qt=t.styled_default(kt())({name:"Line1",class:"l1anth16",propsAsIs:!0}),St=()=>S,Et=t.styled_default(St())({name:"Line2",class:"l193yd7v",propsAsIs:!0}),Lt=()=>S,Mt=t.styled_default(Lt())({name:"Line3",class:"lhbflsp",propsAsIs:!0}),Dt=()=>s.jsxs(Nt,{children:[s.jsx(qt,{children:s.jsx("div",{})}),s.jsx(Et,{children:s.jsx("div",{})}),s.jsx(Mt,{children:s.jsx("div",{})})]}),Bt=t.styled_default("div")({name:"Container",class:"c1lvd429",propsAsIs:!1}),Qt=()=>y.B1,Rt=t.styled_default(Qt())({name:"PredictionIcon",class:"p1n4m87t",propsAsIs:!0}),Ot=()=>s.jsxs(Bt,{children:[s.jsx(Rt,{name:"icon-prediction"})," Prediction results are in!"]}),Pt=()=>y.B1,Ut=t.styled_default(Pt())({name:"CheckIcon",class:"c126r8f9",propsAsIs:!0}),zt=t.styled_default("div")({name:"Answer",class:"a1o2rpgl",propsAsIs:!1}),Ft=t.styled_default("div")({name:"Container",class:"cej6ci1",propsAsIs:!1}),Vt=t.styled_default("div")({name:"Title",class:"tob24mr",propsAsIs:!1}),Wt=({title:e,answer:o})=>s.jsxs(Ft,{children:[s.jsx(Vt,{children:e}),s.jsxs(zt,{children:[s.jsx(Ut,{name:"icon-prediction"}),"Your Pick: ",o]})]}),Z=t.styled_default("div")({name:"Container",class:"c1lesal4",propsAsIs:!1}),ss=t.styled_default("div")({name:"Title",class:"tv66n4w",propsAsIs:!1}),Yt=()=>y.B1,Kt=t.styled_default(Yt())({name:"CorrectIcon",class:"cx0vlv2",propsAsIs:!0}),es=t.styled_default("div")({name:"Answer",class:"akfh4v5",propsAsIs:!1}),Gt=({answer:e})=>s.jsxs(Z,{children:[s.jsx(ss,{children:"Congratulations! You answered correctly."}),s.jsxs(es,{children:[s.jsx(Kt,{name:"icon-correct"}),"Your Pick: ",e]})]}),Ht=({title:e,answer:o})=>s.jsxs(Z,{children:[s.jsxs(ss,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",e]}),s.jsxs(es,{children:["Your Pick: ",o]})]}),O=t.styled_default("div")({name:"Container",class:"cmox3ot",propsAsIs:!1}),P=t.styled_default("div")({name:"Body",class:"bqq1ix4",propsAsIs:!1}),U={1:3e3,2:4e3,3:4e3},Jt=({close:e,action:o,setStep:i,votedAnswer:n,correct:l,correctAnswerTitle:u,questionTitle:c,step:a})=>{if(x.useEffect(()=>{if(i){const m=setTimeout(()=>{U[a+1]&&(l||a<3)?i(a+1):e==null||e()},U[a]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,a,e,l]),a===1)return s.jsx(O,{children:s.jsx(P,{children:s.jsx(Ot,{})})});let p="pending";return a===3&&(p=l?"correct":"incorrect"),s.jsx(O,{"data-a":"intr",onClick:()=>o==null?void 0:o(),children:s.jsxs(P,{children:[a!==1&&s.jsx(Dt,{},a),s.jsxs(Ct,{state:p,step:a,children:[a===2&&s.jsx(Wt,{title:c||"unknown",answer:(n==null?void 0:n.title)||"unknown"}),a===3&&l&&s.jsx(Gt,{answer:(n==null?void 0:n.title)||"unknown"}),a===3&&!l&&s.jsx(Ht,{title:u||"unknown",answer:(n==null?void 0:n.title)||"unknown"})]})]})})},Xt=({close:e,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u})=>{const[c,a]=x.useState(1);return s.jsx(Jt,{close:e,action:o,votedAnswer:i,correct:n,correctAnswerTitle:l,questionTitle:u,setStep:a,step:c,title:""})},ts=t.styled_default("div")({name:"NotificationContainer",class:"nn0nqh6",propsAsIs:!1}),Zt=()=>({withoutPadding:e})=>e?"0px":"1rem",sn=t.styled_default("div")({name:"NotificationContent",class:"n1bcdf3j",propsAsIs:!1,vars:{"n1bcdf3j-0":[Zt()]}}),ns=t.styled_default("img")({name:"LogoImg",class:"l8jorbq",propsAsIs:!1}),en=()=>ts,tn=t.styled_default(en())({name:"NotificationInterstitialContainer",class:"nf920y3",propsAsIs:!0}),nn=t.styled_default("div")({name:"LogoImgContainer",class:"lzsmehn",propsAsIs:!1}),on=({sponsorLogo:e,onClick:o})=>s.jsx(tn,{onClick:o,children:s.jsx(sn,{withoutPadding:!0,children:s.jsx(ns,{src:e})})}),ln=e=>{var o,i,n,l,u;const[c,a]=x.useState(!1),p=x.useRef();return x.useEffect(()=>{var m;return(m=e==null?void 0:e.inApp)!=null&&m.sponsorLogo&&(a(!0),p.current=setTimeout(()=>{a(!1)},5e3)),()=>clearTimeout(p.current)},[(o=e==null?void 0:e.inApp)==null?void 0:o.sponsorLogo]),(i=e==null?void 0:e.inApp)!=null&&i.sponsorLogo&&c?s.jsx(on,{sponsorLogo:(n=e.inApp)==null?void 0:n.sponsorLogo,onClick:()=>a(!1)}):s.jsx(ts,{children:s.jsxs("div",{children:[((l=e==null?void 0:e.inApp)==null?void 0:l.sponsorLogo)&&s.jsx(nn,{children:s.jsx(ns,{src:(u=e==null?void 0:e.inApp)==null?void 0:u.sponsorLogo})}),s.jsx(Xt,{...e})]})})},os=({sdk:e,webos:o})=>{var i,n,l,u,c,a,p,m;const[f]=x.useState(e.getNotificationsStore()),v=t.useStore(f),j=e.getFeature(r.SdkOverlayType.GAMES),d=x.useMemo(()=>e.getActiveNotification(),[e,v]);return x.useEffect(()=>{d&&us.eventBus.emit("notification",{action:"rendered",payload:{questionId:d.data.questionId,questionType:d.data.questionType}})},[d]),d&&d.type===t.NotificationType.QUESTION_RESOLVED?d.data.question&&d.data.questionType===r.QuestionType.PREDICTION?d&&((i=d.data.inApp)==null?void 0:i.adUnit)===r.AdUnit.STANDART?s.jsx(ln,{action:d.action,close:d.close,...d.data.question,inApp:d.data.inApp}):s.jsx(_t,{action:d.action,close:d.close,...d.data.question}):null:d&&d.type===t.NotificationType.ONBOARDING?d.data.onboarding?s.jsx(Qe,{open:j==null?void 0:j.openOnboarding,close:d.close,...d.data.onboarding}):null:d&&((n=d.data.inApp)==null?void 0:n.adUnit)===r.AdUnit.STANDART?s.jsx(be,{...d.data,action:d.action,close:d.close,color:((c=(u=(l=d==null?void 0:d.data)==null?void 0:l.inApp)==null?void 0:u.notification)==null?void 0:c.indicatorColor)||((m=(p=(a=d==null?void 0:d.data)==null?void 0:a.inApp)==null?void 0:p.appearance)==null?void 0:m.primaryColor),webos:o}):d&&s.jsx(Bs,{...d.data,action:d.action})},an=({theme:e})=>{const o=b.B(),i=b.z(),n=b.F();return o&&(n.appNotification||n.onboardingNotification)?n.app&&!n.onboardingNotification?null:s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(cs.h,{customTheme:e??i.theme,themeMode:i.themeMode,children:s.jsx(os,{sdk:o})})}):null};exports.StreamLayerSDKNotification=an;exports.StreamLayerSDKNotificationUI=os;

package/lib/cjs/pause-ad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("./provider.js");require("nanostores");const i=require("react");require("lodash.throttle");require("react-dom");require("react-countup");const R=require("./vast-client.min-B0NUra1B.js"),_={},B=new R.ce,k=e.i(_),j=e.createLogger("ui:gam-static"),C=s=>new Promise((t,n)=>{const l=new Image;l.onload=()=>t(s),l.onerror=()=>n(),l.src=s}),L=()=>{const s=i.useRef(0);return[i.useCallback(async t=>{var n,l,r,p,c,u,y,d,h,x,A;if((n=k.get()[t])!=null&&n.imageSrc)return{success:!0};const f=Date.now();s.current=f,k.setKey(t,{id:"",url:t});try{e.eventBus.emit("exposedPauseAd",{action:"load",payload:{}});const m=await B.get(t);if(j.debug(m,"parsedVAST"),s.current===f&&k.get()[t].url){const o=m.ads.find(v=>v.creatives.length>0);if(o){j.debug(o,"validAd");const v=o.creatives.find(g=>g.type==="nonlinear");if(v){j.debug(v,"nonlinear");const g=(r=(l=v.variations)==null?void 0:l[0])==null?void 0:r.staticResource,E=(c=(p=v.variations)==null?void 0:p[0])==null?void 0:c.nonlinearClickThroughURLTemplate;if(g)return await C(g),k.setKey(t,{id:o.id||"",url:t,imageSrc:g,adUrl:E}),e.eventBus.emit("exposedPauseAd",{action:"loaded",payload:{id:o.id||""}}),{success:!0}}const P=o.creatives.find(g=>g.type==="companion");j.debug(P,"companion");const b=(h=(d=(y=(u=P==null?void 0:P.variations)==null?void 0:u[0])==null?void 0:y.staticResources)==null?void 0:d[0])==null?void 0:h.url,S=(A=(x=P==null?void 0:P.variations)==null?void 0:x[0])==null?void 0:A.companionClickThroughURLTemplate;if(b)return await C(b),k.setKey(t,{id:o.id||"",url:t,imageSrc:b,adUrl:S}),e.eventBus.emit("exposedPauseAd",{action:"loaded",payload:{id:o.id||""}}),{success:!0}}}}catch(m){console.error("Error parsing VAST",m)}return{success:!1}},[]),k]},D=e.styled_default("div")({name:"PauseAdOverlay",class:"pw9gih8",propsAsIs:!1}),I=e.styled_default("div")({name:"PauseAdContent",class:"p8lpomy",propsAsIs:!1}),U=e.styled_default("div")({name:"PauseAdTopLeft",class:"pv7u167",propsAsIs:!1}),q=e.styled_default("h2")({name:"PauseAdTitle",class:"p1kh2yb0",propsAsIs:!1}),M=e.styled_default("p")({name:"PauseAdCaption",class:"pl8f94x",propsAsIs:!1}),V=e.styled_default("div")({name:"PauseAdBottomLeft",class:"p1m6zmrt",propsAsIs:!1}),K=e.styled_default("button")({name:"PauseAdPlayButton",class:"pm3vwfa",propsAsIs:!1}),N=e.styled_default("div")({name:"PauseAdSidebarGradient",class:"p1tibuhw",propsAsIs:!1}),F=e.styled_default("div")({name:"PauseAdSidebar",class:"ptqqrqd",propsAsIs:!1}),$=e.styled_default("span")({name:"PauseAdTitleDescription",class:"p14estxv",propsAsIs:!1}),w=e.styled_default("img")({name:"ExternalAdContainer",class:"e1dpvfl1",propsAsIs:!1}),O=({vastUrl:s,isDesktop:t})=>{var n;const[,l]=L(),r=e.useStore(l,{keys:[s]});return i.useEffect(()=>{r&&r[s]&&r[s].imageSrc&&r[s].id&&e.eventBus.emit("exposedPauseAd",{action:"rendered",payload:{id:r[s].id}})},[r,s]),(n=r==null?void 0:r[s])!=null&&n.imageSrc?!r[s].adUrl||!t?a.jsx(w,{src:r[s].imageSrc}):a.jsx("a",{onClick:()=>{e.eventBus.emit("exposedPauseAd",{action:"navigated",payload:{id:r[s].id}})},href:r[s].adUrl,target:"_blank",rel:"noopener noreferrer",children:a.jsx(w,{src:r[s].imageSrc})}):null},z=({isClosing:s,title:t,caption:n,onPlay:l,onClose:r,vastUrl:p,options:c,isDesktop:u})=>{const y=(c==null?void 0:c.showPauseButton)??!0,{ref:d,focusSelf:h}=e.distExports.useFocusable({focusKey:"sl-pause-ad-play",onEnterRelease:l,isFocusBoundary:!0,forceFocus:!0});return i.useEffect(()=>{d.current&&h()},[d,h]),i.useEffect(()=>{if(!r)return()=>{};const x=A=>{const f=A.keyCode;if(f===461||f===10009||f===27||f===8){A.preventDefault(),A.stopPropagation(),A.stopImmediatePropagation(),r();return}};return window.addEventListener("keydown",x,{capture:!0}),()=>window.removeEventListener("keydown",x,{capture:!0})},[r]),a.jsx(D,{className:e.cx_default("SL_PauseAdOverlay",s&&"pause-ad-closing"),children:a.jsxs(I,{children:[a.jsxs(U,{children:[a.jsx(q,{children:t}),a.jsx(M,{children:n})]}),y&&a.jsx(V,{children:a.jsx(K,{ref:d,onClick:l,onMouseEnter:()=>d.current.focus(),"aria-label":"Resume playback"})}),a.jsx(N,{className:"SL_PauseAdSidebar",children:a.jsxs(F,{children:[p&&a.jsx(O,{isDesktop:u,vastUrl:p}),a.jsx($,{children:"ADVERTISEMENT"})]})})]})})},G=({showPauseAd:s,vastUrls:t,title:n,caption:l,sdk:r,onClose:p,onRender:c,options:u,isDesktop:y})=>{const d=(u==null?void 0:u.pauseAdDelay)??5e3,[h,x]=i.useState(!1),[A,f]=i.useState(!1),m=i.useRef(),o=t==null?void 0:t[0].url,v=i.useRef(o);v.current=o;const[P,b]=L(),S=i.useCallback(()=>{p&&(e.eventBus.emit("exposedPauseAd",{action:"closed",payload:{}}),p())},[p]),g=i.useCallback(()=>{r.controlVideoPlayer({play:!0})},[r]);return i.useEffect(()=>{if(s&&o){e.eventBus.emit("exposedPauseAd",{action:"enabled",payload:{}}),P(o).then(T=>{v.current===o&&(T==null?void 0:T.success)!==!0&&(clearTimeout(m.current),S==null||S())}).catch(()=>{v.current===o&&(clearTimeout(m.current),S==null||S())});const E=()=>{const T=b.get()[v.current];T!=null&&T.imageSrc?(clearTimeout(m.current),f(!1),x(!0)):m.current=setTimeout(()=>{E()},200)};m.current=setTimeout(()=>{E()},d)}else e.eventBus.emit("exposedPauseAd",{action:"disabled",payload:{}}),f(!0),m.current=setTimeout(()=>{x(!1)},400);return()=>{m.current&&clearTimeout(m.current)}},[b,P,S,d,s,o]),i.useEffect(()=>{c==null||c({rendered:h})},[h,c]),i.useEffect(()=>()=>{c==null||c({rendered:!1})},[c]),h?a.jsx(z,{onClose:S,isClosing:A,title:n,caption:l,onPlay:g,vastUrl:o,options:u,isDesktop:y}):null},J=({showPauseAd:s,pauseAdVastUrl:t,videoPlayerController:n,onRenderPauseAd:l,onClosePauseAd:r,children:p,options:c})=>{const u=e.useStreamLayer(),y=e.useStreamLayerTheme(),d=i.useRef();return i.useEffect(()=>u?(n&&(d.current=n,u.addVideoPlayerController(d.current)),()=>{d.current&&u.removeVideoPlayerController(d.current)}):()=>{},[u,n]),u?a.jsx("div",{className:"StreamLayerSDK",children:a.jsxs(e.h,{style:p?{position:"relative"}:{},customTheme:y.theme,themeMode:y.themeMode,children:[p,t&&a.jsx(G,{sdk:u,showPauseAd:s,vastUrls:t,onClose:r,onRender:l,options:c,isDesktop:!0})]})}):p};class Q extends i.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(t,n){console.error(t,n.componentStack)}render(){return this.state.hasError?this.props.children:a.jsx(J,{...this.props})}}exports.StreamLayerPauseAd=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),L=require("./index8.js"),v=require("./sl-types.js"),I=require("./index15.js"),n=require("react"),P=require("./index3.js"),q=require("./vast-client.min.js"),U=require("./index-DSi8Qgfs.js"),R=require("./hooks-B0Qttldg.js"),K={},F=new q._,T=U.i(K),C=P.createLogger("ui:gam-static"),_=e=>new Promise((s,a)=>{const i=new Image;i.onload=()=>s(e),i.onerror=()=>a(),i.src=e}),D=()=>{const e=n.useRef(0);return[n.useCallback(async s=>{var a,i,t,p,d,l,h,u,A,S,g;if((a=T.get()[s])!=null&&a.imageSrc)return{success:!0};const y=Date.now();e.current=y,T.setKey(s,{id:"",url:s});try{P.eventBus.emit("exposedPauseAd",{action:"load",payload:{}});const m=await F.get(s);if(C.debug(m,"parsedVAST"),e.current===y&&T.get()[s].url){const o=m.ads.find(f=>f.creatives.length>0);if(o){C.debug(o,"validAd");const f=o.creatives.find(c=>c.type==="nonlinear");if(f){C.debug(f,"nonlinear");const c=(t=(i=f.variations)==null?void 0:i[0])==null?void 0:t.staticResource,E=(d=(p=f.variations)==null?void 0:p[0])==null?void 0:d.nonlinearClickThroughURLTemplate;if(c)return await _(c),T.setKey(s,{id:o.id||"",url:s,imageSrc:c,adUrl:E}),P.eventBus.emit("exposedPauseAd",{action:"loaded",payload:{id:o.id||""}}),{success:!0}}const x=o.creatives.find(c=>c.type==="companion");C.debug(x,"companion");const k=(A=(u=(h=(l=x==null?void 0:x.variations)==null?void 0:l[0])==null?void 0:h.staticResources)==null?void 0:u[0])==null?void 0:A.url,j=(g=(S=x==null?void 0:x.variations)==null?void 0:S[0])==null?void 0:g.companionClickThroughURLTemplate;if(k)return await _(k),T.setKey(s,{id:o.id||"",url:s,imageSrc:k,adUrl:j}),P.eventBus.emit("exposedPauseAd",{action:"loaded",payload:{id:o.id||""}}),{success:!0}}}}catch(m){console.error("Error parsing VAST",m)}return{success:!1}},[]),T]},M=v.styled_default("div")({name:"PauseAdOverlay",class:"pw9gih8",propsAsIs:!1}),V=v.styled_default("div")({name:"PauseAdContent",class:"p8lpomy",propsAsIs:!1}),N=v.styled_default("div")({name:"PauseAdTopLeft",class:"pv7u167",propsAsIs:!1}),O=v.styled_default("h2")({name:"PauseAdTitle",class:"p1kh2yb0",propsAsIs:!1}),Q=v.styled_default("p")({name:"PauseAdCaption",class:"pl8f94x",propsAsIs:!1}),$=v.styled_default("div")({name:"PauseAdBottomLeft",class:"p1m6zmrt",propsAsIs:!1}),z=v.styled_default("button")({name:"PauseAdPlayButton",class:"pm3vwfa",propsAsIs:!1}),G=v.styled_default("div")({name:"PauseAdSidebarGradient",class:"p1tibuhw",propsAsIs:!1}),W=v.styled_default("div")({name:"PauseAdSidebar",class:"ptqqrqd",propsAsIs:!1}),H=v.styled_default("span")({name:"PauseAdTitleDescription",class:"p14estxv",propsAsIs:!1}),B=v.styled_default("img")({name:"ExternalAdContainer",class:"e1dpvfl1",propsAsIs:!1}),J=({vastUrl:e,isDesktop:s})=>{var a;const[,i]=D(),t=v.useStore(i,{keys:[e]});return n.useEffect(()=>{t&&t[e]&&t[e].imageSrc&&t[e].id&&P.eventBus.emit("exposedPauseAd",{action:"rendered",payload:{id:t[e].id}})},[t,e]),(a=t==null?void 0:t[e])!=null&&a.imageSrc?!t[e].adUrl||!s?r.jsx(B,{src:t[e].imageSrc}):r.jsx("a",{onClick:()=>{P.eventBus.emit("exposedPauseAd",{action:"navigated",payload:{id:t[e].id}})},href:t[e].adUrl,target:"_blank",rel:"noopener noreferrer",children:r.jsx(B,{src:t[e].imageSrc})}):null},X=({isClosing:e,title:s,caption:a,onPlay:i,onClose:t,vastUrl:p,options:d,isDesktop:l})=>{const h=(d==null?void 0:d.showPauseButton)??!0,{ref:u,focusSelf:A}=I.distExports.useFocusable({focusKey:"sl-pause-ad-play",onEnterRelease:i,isFocusBoundary:!0,forceFocus:!0});return n.useEffect(()=>{u.current&&A()},[u,A]),n.useEffect(()=>{if(!t)return()=>{};const S=g=>{const y=g.keyCode;if(y===461||y===10009||y===27||y===8){g.preventDefault(),g.stopPropagation(),g.stopImmediatePropagation(),t();return}};return window.addEventListener("keydown",S,{capture:!0}),()=>window.removeEventListener("keydown",S,{capture:!0})},[t]),r.jsx(M,{className:v.cx_default("SL_PauseAdOverlay",e&&"pause-ad-closing"),children:r.jsxs(V,{children:[r.jsxs(N,{children:[r.jsx(O,{children:s}),r.jsx(Q,{children:a})]}),h&&r.jsx($,{children:r.jsx(z,{ref:u,onClick:i,onMouseEnter:()=>u.current.focus(),"aria-label":"Resume playback"})}),r.jsx(G,{className:"SL_PauseAdSidebar",children:r.jsxs(W,{children:[p&&r.jsx(J,{isDesktop:l,vastUrl:p}),r.jsx(H,{children:"ADVERTISEMENT"})]})})]})})},Y=({showPauseAd:e,vastUrls:s,title:a,caption:i,sdk:t,onClose:p,onRender:d,options:l,isDesktop:h})=>{const u=(l==null?void 0:l.pauseAdDelay)??5e3,[A,S]=n.useState(!1),[g,y]=n.useState(!1),m=n.useRef(),o=s==null?void 0:s[0].url,f=n.useRef(o),x=n.useRef("");f.current=o;const[k,j]=D(),c=n.useCallback(()=>{p&&(x.current=f.current,P.eventBus.emit("exposedPauseAd",{action:"closed",payload:{}}),p())},[p]),E=n.useCallback(()=>{t.controlVideoPlayer({play:!0})},[t]);return n.useEffect(()=>{if(e&&o){P.eventBus.emit("exposedPauseAd",{action:"enabled",payload:{}}),k(o).then(b=>{f.current===o&&(b==null?void 0:b.success)!==!0&&(clearTimeout(m.current),c==null||c())}).catch(()=>{f.current===o&&(clearTimeout(m.current),c==null||c())});const w=()=>{const b=j.get()[f.current];b!=null&&b.imageSrc?(clearTimeout(m.current),y(!1),S(!0)):m.current=setTimeout(()=>{w()},200)};m.current=setTimeout(()=>{w()},u)}else x.current!==f.current&&(x.current="",P.eventBus.emit("exposedPauseAd",{action:"disabled",payload:{}})),y(!0),m.current=setTimeout(()=>{S(!1)},400);return()=>{m.current&&clearTimeout(m.current)}},[j,k,c,u,e,o]),n.useEffect(()=>{d==null||d({rendered:A})},[A,d]),n.useEffect(()=>()=>{d==null||d({rendered:!1})},[d]),A?r.jsx(X,{onClose:c,isClosing:g,title:a,caption:i,onPlay:E,vastUrl:o,options:l,isDesktop:h}):null},Z=({showPauseAd:e,pauseAdVastUrl:s,videoPlayerController:a,onRenderPauseAd:i,onClosePauseAd:t,children:p,options:d})=>{const l=R.B(),h=R.z(),u=n.useRef();return n.useEffect(()=>l?(a&&(u.current=a,l.addVideoPlayerController(u.current)),()=>{u.current&&l.removeVideoPlayerController(u.current)}):()=>{},[l,a]),l?r.jsx("div",{className:"StreamLayerSDK",children:r.jsxs(L.h,{style:p?{position:"relative"}:{},customTheme:h.theme,themeMode:h.themeMode,children:[p,s&&r.jsx(Y,{sdk:l,showPauseAd:e,vastUrls:s,onClose:t,onRender:i,options:d,isDesktop:!0})]})}):p};class ee extends n.Component{constructor(s){super(s),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(s,a){console.error(s,a.componentStack)}render(){return this.state.hasError?this.props.children:r.jsx(Z,{...this.props})}}exports.StreamLayerPauseAd=ee;

package/lib/cjs/points.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),e=require("./provider.js");require("nanostores");require("lodash.throttle");require("react-dom");require("react-countup");const c=require("./useStreamLayerApp2.js"),d=e.styled_default("div")({name:"PointsContainer",class:"psiob9b",propsAsIs:!1}),p=e.styled_default("div")({name:"PointsIcon",class:"p1gqe4lh",propsAsIs:!1}),m=()=>e.B1,y=e.styled_default(m())({name:"PointsSvg",class:"p15syg2y",propsAsIs:!0}),S=e.styled_default("div")({name:"PointsBody",class:"p12n4f2h",propsAsIs:!1}),v=e.styled_default("div")({name:"PointsTitle",class:"poqmx89",propsAsIs:!1}),h=e.styled_default("div")({name:"PointsValue",class:"prj9b3v",propsAsIs:!1}),f=({points:t,onClick:r})=>s.jsxs(d,{className:e.m,onClick:r,children:[s.jsx(p,{children:s.jsx(y,{name:"icon-trophy-solid"})}),s.jsxs(S,{children:[s.jsx(v,{children:"Total points"}),s.jsx(h,{children:s.jsx(e.d,{value:t})})]})]}),j=({gamification:t})=>{const r=t.userSummary.$store,[a,l]=u.useState(0);return u.useEffect(()=>{const n=r.subscribe(i=>{var o;(o=i==null?void 0:i.summary)!=null&&o.points&&l(i.summary.points)});return()=>{n()}},[r]),s.jsx(f,{points:a,onClick:()=>{const n=t.status.get();n===e.FeatureStatus.Suspended?(t.openFeature(),e.eventBus.emit("app",{action:"open",payload:{}}),e.eventBus.emit("interactions",{action:"tap",payload:{}})):n===e.FeatureStatus.Ready&&(t.closeFeature(!1),e.eventBus.emit("app",{action:"close",payload:{}}),e.eventBus.emit("interactions",{action:"tap",payload:{}}))}})},x=({sdk:t})=>{if(!e.useStore(t.featuresList.getStore()))return null;const r=t.getFeature(c.SdkOverlayType.GAMES);return r?s.jsx(j,{gamification:r}):null},g=({theme:t})=>{const r=e.useStreamLayer(),a=e.useStreamLayerTheme();return r?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(e.h,{customTheme:t??a.theme,themeMode:a.themeMode,children:s.jsx(x,{sdk:r})})}):null};exports.StreamLayerSDKPoints=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("./index8.js"),u=require("react"),n=require("./sl-types.js"),r=require("./index3.js"),m=require("./index5.js"),y=require("./theme.js"),S=require("./index6.js"),h=require("./useStreamLayerApp2.js"),c=require("./hooks-B0Qttldg.js"),x=n.styled_default("div")({name:"PointsContainer",class:"psiob9b",propsAsIs:!1}),v=n.styled_default("div")({name:"PointsIcon",class:"p1gqe4lh",propsAsIs:!1}),f=()=>S.B1,j=n.styled_default(f())({name:"PointsSvg",class:"p15syg2y",propsAsIs:!0}),q=n.styled_default("div")({name:"PointsBody",class:"p12n4f2h",propsAsIs:!1}),g=n.styled_default("div")({name:"PointsTitle",class:"poqmx89",propsAsIs:!1}),P=n.styled_default("div")({name:"PointsValue",class:"prj9b3v",propsAsIs:!1}),b=({points:s,onClick:t})=>e.jsxs(x,{className:y.m,onClick:t,children:[e.jsx(v,{children:e.jsx(j,{name:"icon-trophy-solid"})}),e.jsxs(q,{children:[e.jsx(g,{children:"Total points"}),e.jsx(P,{children:e.jsx(m.d,{value:s})})]})]}),k=({gamification:s})=>{const t=s.userSummary.$store,[a,d]=u.useState(0);return u.useEffect(()=>{const o=t.subscribe(i=>{var l;(l=i==null?void 0:i.summary)!=null&&l.points&&d(i.summary.points)});return()=>{o()}},[t]),e.jsx(b,{points:a,onClick:()=>{const o=s.status.get();o===r.FeatureStatus.Suspended?(s.openFeature(),r.eventBus.emit("app",{action:"open",payload:{}}),r.eventBus.emit("interactions",{action:"tap",payload:{}})):o===r.FeatureStatus.Ready&&(s.closeFeature(!1),r.eventBus.emit("app",{action:"close",payload:{}}),r.eventBus.emit("interactions",{action:"tap",payload:{}}))}})},A=({sdk:s})=>{if(!n.useStore(s.featuresList.getStore()))return null;const t=s.getFeature(h.SdkOverlayType.GAMES);return t?e.jsx(k,{gamification:t}):null},B=({theme:s})=>{const t=c.B(),a=c.z();return t?e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(p.h,{customTheme:s??a.theme,themeMode:a.themeMode,children:e.jsx(A,{sdk:t})})}):null};exports.StreamLayerSDKPoints=B;

package/lib/cjs/sl-types.js

@@ -0,0 +1,15 @@
+"use strict";const o=require("react"),y=require("nanostores");var L=function(){const t=Array.prototype.slice.call(arguments).filter(Boolean),r={},a=[];t.forEach(n=>{(n?n.split(" "):[]).forEach(s=>{if(s.startsWith("atm_")){const[,_]=s.split("_");r[_]=s}else a.push(s)})});const i=[];for(const n in r)Object.prototype.hasOwnProperty.call(r,n)&&i.push(r[n]);return i.push(...a),i.join(" ")},O=L;const N={BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",BLUE:"#2d6ffd",GREY_PRIMARY:"#909395",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",PRIMARY_1:"#1D7BFF",PRIMARY_2:"#095CD1",PRIMARY_TEXT:"#090E13",SECONDARY_TEXT:"rgba(10, 14, 19, 0.70)",QUESTION_TYPE_ICON:"#1D7BFF",QUESTION_BODY_TEXT:"#090E13",PRESENTED_BY_TEXT:"#090E13",SUCCESS:"#107D57",UNSUCCESS:"#DF2F3B",SECONDARY_RED1:"#DF2F3B",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_WHITE1:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY9:"#25282A",SDK_CONTAINER_BG:"#F7F7F7",SDK_WHITE_CONTAINER_BG:"#fff",SDK_DARK_CONTAINER_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_BG:"#fff",SDK_PREDICTION_RESULT_INCORRECT_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_TEXT:"#107D57",SDK_PREDICTION_RESULT_ERROR_TITLE:"#090E13",SDK_PREDICTION_RESULT_ERROR_SUBTITLE:"#DF2F3B",SDK_PREDICTION_RESULT_CLOSE_ICON:"#6B6F73",SDK_PREDICTION_FEEDBACK_SUCCESS_ICON:"#107D57",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1:"#CD2525",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2:"#fff",PREDICTION_BG_LINES_CORRECT:"#01AB58",PREDICTION_BG_LINES_INCORRECT:"#888B8D",SKELETON_COLOR_1:"#f1efef",SKELETON_COLOR_2:"#f9f8f8",TABS_CONTAINER_BG:"#F2F2F1",TABS_ACTIVE_BG:"#FFFFFF",TABS_COLOR:"#6B6F73",TABS_ACTIVE_COLOR:"#1D7BFF",CARD_BG:"#FFFFFF",CARD_BORDER:"#fff",BORDER:"#E8E8E8",VOTE_BTN_BG:"#F7F7F7",VOTE_BTN_BORDER:"rgb(232, 232, 232)",VOTE_BTN_DISABLED_BORDER:"#B1B3B3",VOTE_BTN_SELECTED_BORDER:"#25282A",VOTE_BTN_NOT_SELECTED_BORDER:"#E8E8E8",VOTE_BTN_SELECTED_BG:"#FFFFFF",VOTE_BTN_SELECTED_BG_AD_UNIT:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG_UNSET:"rgb(196, 196, 196)",VOTED_ANSWER_BG:"#FFFFFF",VOTED_BTN_RCT_BG:"#2d5694",IN_APP_BG:"rgba(255, 255, 255, 0.90)",IN_APP_QUESTION_TYPE_ICON:"#1D7BFF",IN_APP_QUESTION_TYPE_LABEL:"#82899E",IN_APP_QUESTION_QUOTE:"rgba(10, 14, 19, 0.70)",IN_APP_QUESTION_RESULT_SUBTITLE_BG:"#1D7BFF",IN_APP_QUESTION_RESULT_LINE:"#babfc5",QUOTE_BORDER:"#E8E8E8",QUOTE_TEXT:"rgba(10, 14, 19, 0.70)"},v={BG_PRIMARY:"#13212b",BG_SECONDARY:"#152430",BG_SECONDARY1:"#435059",BORDER_PRIMARY:"rgba(255, 255, 255, 0.1)",TEXT_PRIMARY:"#f9f9f9",TEXT_PRIMARY1:"#f9f9f9",TEXT_SECONDARY:"rgba(255, 255, 255, 0.8)",TEXT_SECONDARY1:"#878787",WHITE:"#fff"},x=["#107D57","#DF2F3B","#DF2F3B","#E8E8E8"],U="#cee5de",P="#f9d6d8",b="#E8E8E8",k={REGULAR:"'SF Pro Text', Arial, Helvetica, sans-serif",SERIF:"'SF Pro Display', Arial, Helvetica, sans-serif",COLOR:"#fff",WEIGHT_DEFAULT:"500",WEIGHT_DEFAULT1:"500",WEIGHT_DEFAULT2:"400",WEIGHT_DEFAULT3:"500",SIZE_DEFAULT:"16px",SIZE_DEFAULT1:"14px",SIZE_DEFAULT2:"12px",LINE_HEIGHT:"24px",MARGIN_TITLE_DEFAULT:"0px 0px 12px"},G={xs:324,sm:576,md:768,lg:992,xl:1200,xxl:1440},w={landscape:"landscape",portrait:"portrait"},Y=Object.entries(N).reduce((e,[t,r])=>`
+    ${e}
+    --color-${t.toLowerCase().replaceAll("_","-")}: ${r};
+  `,""),H=Object.entries(v).reduce((e,[t,r])=>`
+    ${e}
+    --color-adv-${t.toLowerCase().replaceAll("_","-")}: ${r};
+  `,"");function M(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var V=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,R=M(function(e){return V.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),K=e=>e.toUpperCase()===e,W=e=>t=>e.indexOf(t)===-1,D=(e,t)=>{const r={};return Object.keys(e).filter(W(t)).forEach(a=>{r[a]=e[a]}),r};function X(e,t,r){const a=D(t,r);if(!e){const i=typeof R=="function"?{default:R}:R;Object.keys(a).forEach(n=>{i.default(n)||delete a[n]})}return a}var Q=(e,t)=>{};function $(e){let t="";return r=>{const a=(n,c)=>{const{as:s=e,class:_=t}=n,B=r.propsAsIs===void 0?!(typeof s=="string"&&s.indexOf("-")===-1&&!K(s[0])):r.propsAsIs,l=X(B,n,["as","class"]);l.ref=c,l.className=r.atomic?O(r.class,l.className||_):O(l.className||_,r.class);const{vars:f}=r;if(f){const d={};for(const u in f){const A=f[u],T=A[0],g=A[1]||"",I=typeof T=="function"?T(n):T;Q(I,r.name),d[`--${u}`]=`${I}${g}`}const m=l.style||{},F=Object.keys(m);F.length>0&&F.forEach(u=>{d[u]=m[u]}),l.style=d}return e.__wyw_meta&&e!==s?(l.as=s,o.createElement(e,l)):o.createElement(s,l)},i=o.forwardRef?o.forwardRef(a):n=>{const c=D(n,["innerRef"]);return a(c,n.innerRef)};return i.displayName=r.name,i.__wyw_meta={className:r.class||t,extends:e},i}}var j=$,C={exports:{}},h={};/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var E=o;function z(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var q=typeof Object.is=="function"?Object.is:z,Z=E.useState,J=E.useEffect,ee=E.useLayoutEffect,te=E.useDebugValue;function re(e,t){var r=t(),a=Z({inst:{value:r,getSnapshot:t}}),i=a[0].inst,n=a[1];return ee(function(){i.value=r,i.getSnapshot=t,p(i)&&n({inst:i})},[e,r,t]),J(function(){return p(i)&&n({inst:i}),e(function(){p(i)&&n({inst:i})})},[e]),te(r),r}function p(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!q(e,r)}catch{return!0}}function ne(e,t){return t()}var ae=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?ne:re;h.useSyncExternalStore=E.useSyncExternalStore!==void 0?E.useSyncExternalStore:ae;C.exports=h;var ie=C.exports;const S=(e,t)=>r=>{e.current!==r&&(e.current=r,t())};function se(e,{keys:t,deps:r=[e,t]}={}){const a=o.useRef();a.current=e.get();const i=o.useCallback(c=>(S(a,c)(e.value),(t==null?void 0:t.length)>0?y.listenKeys(e,t,S(a,c)):e.listen(S(a,c))),r),n=()=>a.current;return o.useSyncExternalStore?o.useSyncExternalStore(i,n,n):ie.useSyncExternalStore(i,n,n)}const oe=se,le=()=>[!1,e=>{window.requestAnimationFrame(()=>e())}],ce=o.useTransition||le;exports.NotificationType=void 0;(function(e){e[e.ONBOARDING=1]="ONBOARDING",e[e.QUESTION=2]="QUESTION",e[e.QUESTION_RESOLVED=3]="QUESTION_RESOLVED"})(exports.NotificationType||(exports.NotificationType={}));exports.A=G;exports.B=w;exports.C=Y;exports.D=k;exports.I=x;exports.L=H;exports.N=P;exports.O=U;exports.R=N;exports.S=b;exports.cx_default=O;exports.styled_default=j;exports.useStore=oe;exports.useTransition=ce;

package/lib/cjs/storage.js

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("./sl-types.js"),j=require("./index12.js"),u=require("./index9.js"),c=require("./index6.js"),t=require("./useStreamLayerApp2.js"),r=e.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),S=e.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),A=e.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),Q=e.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),T=()=>c.B1,i=e.styled_default(T())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),f=()=>i,_=e.styled_default(f())({name:"QuestionCheckIcon",class:"qxlt78s",propsAsIs:!0}),h=()=>c.B1,k=e.styled_default(h())({name:"QuestionTypeIcon",class:"qmg0vkx",propsAsIs:!0}),v=e.styled_default("div")({name:"QuestionTypeLabel",class:"q1uz5j1g",propsAsIs:!1}),L=e.styled_default("div")({name:"QuestionContent",class:"qc3icwa",propsAsIs:!1}),p=e.styled_default("button")({name:"PlayButton",class:"p169lohr",propsAsIs:!1}),P=e.styled_default("div")({name:"SkeletonContainer",class:"s1f43z3r",propsAsIs:!1}),E=()=>u.e,N=e.styled_default(E())({name:"SkeletonButton",class:"s16k8geu",propsAsIs:!0}),b={[t.PickHistoryStatus.LOST]:s.jsx(i,{name:"incorrectVoted"}),[t.PickHistoryStatus.WON]:s.jsx(_,{name:"icon-check"}),[t.PickHistoryStatus.UNSET]:s.jsx(i,{name:"icon-arrow"}),[t.PickHistoryStatus.DNP]:s.jsx(i,{name:"icon-arrow"})},g=()=>s.jsxs(P,{children:[s.jsx(u.i,{loading:!0,style:{width:"35%"}}),s.jsx(u.i,{loading:!0,style:{width:"70%"}}),s.jsx(N,{})]}),y=({questionTypeData:a,questionType:n,questionStatus:o})=>s.jsxs(S,{className:"SL_QuestionCaption",children:[s.jsx(k,{className:"SL_QuestionTypeIcon","data-testid":"question-type-icon","data-type-trivia":n===t.QuestionType.TRIVIA,"data-type-poll":n===t.QuestionType.POLL,name:a.iconName}),s.jsxs(v,{className:"SL_QuestionTypeLabel",children:[a.label,n===t.QuestionType.TRIVIA&&o===t.QuestionStatus.RESOLVED&&" • Expired"]})]}),w=({questionId:a,questionType:n,questionStatus:o,subject:m,openForVoting:q,status:x})=>{const l=j.e[n],I=b[x];return l?s.jsxs(r,{"data-a":"intr","data-name":a,children:[s.jsxs(L,{children:[s.jsx(y,{questionTypeData:l,questionType:n,questionStatus:o}),s.jsx(A,{children:m||""})]}),s.jsx(Q,{children:q?s.jsx(p,{"data-a":"intr","data-name":a,children:"Play"}):I})]}):null};var d;(function(a){a.OPENED="opened"})(d||(d={}));exports.D=g;exports.R=w;exports.S=p;exports.r=r;exports.x=y;

package/lib/cjs/theme.js

@@ -0,0 +1,17 @@
+"use strict";require("react/jsx-runtime");const e=require("./sl-types.js"),o=t=>n=>`
+  @media only screen and (${t}) {
+    ${n}
+  }
+`,r=(t,n)=>i=>`
+  @media only screen and (${t}) and (${n}) {
+    ${i}
+  }
+`,p=(t,n)=>i=>`
+  @media only screen and (${t}) and (${n}) {
+    ${i}
+  }
+`,d={up:t=>{const n=e.A[t];return o(`min-width: ${n}px`)},down:t=>{const n=e.A[t]-1;return o(`max-width: ${n}px`)},intermediate:(t,n)=>{const i=e.A[t]-1,a=e.A[n];return r(`max-width: ${i}px`,`min-width: ${a}px`)},composite:(t,n)=>{const i=e.A[t]-1,a=e.B[n];return p(`max-width: ${i}px`,`orientation: ${a}`)},orientation:t=>{const n=e.B[t];return o(`orientation: ${n}`)}};`${e.C}${e.L}${e.D.REGULAR}${e.D.REGULAR}${e.D.COLOR}${e.D.SERIF}${e.D.WEIGHT_DEFAULT}${e.D.WEIGHT_DEFAULT1}${e.D.WEIGHT_DEFAULT2}${e.D.WEIGHT_DEFAULT3}${e.D.SIZE_DEFAULT}${e.D.SIZE_DEFAULT1}${e.D.SIZE_DEFAULT2}${e.D.LINE_HEIGHT}${e.D.MARGIN_TITLE_DEFAULT}${d.down("xl")`
+    --header-offset: 0px;
+  `}${d.intermediate("xl","lg")`
+    --header-offset: 0px;
+  `}`;const s="StreamLayerCSSReset",x="ttkj0ah";exports.c=d;exports.h=x;exports.m=s;

package/lib/cjs/useStreamLayerApp.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useStreamLayerApp2.js");require("react");exports.useStreamLayerApp=e.useStreamLayerApp;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useStreamLayerApp2.js");exports.useStreamLayerApp=e.$;