@streamlayer/react 1.23.0 → 1.23.2

package/lib/cjs/index2.js

@@ -1 +1 @@
-"use strict";var de=Object.defineProperty;var ce=(e,t,s)=>t in e?de(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var I=(e,t,s)=>ce(e,typeof t!="symbol"?t+"":t,s);const m=require("react"),_=require("./hooks-B0Qttldg.js"),n=require("react/jsx-runtime"),v=require("./useStreamLayerApp2.js"),ue=require("./index7.js"),a=require("./sl-types.js"),k=require("./index10.js"),S=require("./index15.js"),q=require("lodash.throttle"),$=require("./analytics.js"),L=require("./theme.js"),A=require("./index3.js");require("nanostores");const R=require("./Question.js"),pe=require("./index9.js"),w=require("./index6.js"),me=require("react-infinite-scroller"),B=require("./index11.js");require("uuid");require("@nanostores/query");require("./storage.js");const fe=require("react-dom");require("./notification.js");const z=Object.keys(a.A),V=()=>{const e=window.innerWidth;let t="sm";for(let s=z.length-1;s>0;s--){const r=z[s];if(!(e<a.A[r])&&e>=a.A[r]){t=r;break}}return{name:t,size:a.A[t]}},Q=e=>{var t;return(((t=e.current)==null?void 0:t.getBoundingClientRect().y)||0)<-68},D=()=>window.matchMedia("(orientation: landscape)").matches,he=e=>{const[t]=m.useState(()=>$.f({screen:V(),sdkInView:Q(e),sdkInDesktopView:D()}));return m.useEffect(()=>{const s=q(()=>{t.setKey("sdkInView",Q(e))},200),r=q(()=>{const o=V();t.setKey("screen",o),t.setKey("sdkInDesktopView",D())},200);return window.addEventListener("scroll",s),window.addEventListener("resize",r),()=>{window.removeEventListener("scroll",s),window.removeEventListener("resize",r)}},[t,e]),[t]},U=(e,t,s)=>{const r=t>=a.A.lg&&t<a.A.xl?75:52;e.current&&window.scrollTo({top:e.current.offsetTop-r,...s})},ve=15,ge=(e,t)=>{const s=m.useRef(null),r=m.useRef(0),[o]=m.useState($.f({scrollPosition:0,tabsShown:!0,scrollDirection:"forward"})),l=a.useStore(t);return m.useEffect(()=>{const d=D()?s.current:window;if(!d)return()=>{};const c=q(i=>{var u;const f=i.target;if(!f)return;let p=0;D()?p=f.scrollTop:p=((u=e.current)==null?void 0:u.getBoundingClientRect().y)||0;const h=r.current-p;if(ve>Math.abs(h))return;const g=r.current<p?"forward":"backward";r.current=p,o.set({scrollPosition:Math.round(p),scrollDirection:g,tabsShown:o.get().tabsShown})},200);return d.addEventListener("scroll",c),()=>{d.removeEventListener("scroll",c)}},[o,e,l.screen]),[s,o]},M=a.styled_default("div")({name:"LoadingContainer",class:"lclc0ej",propsAsIs:!1}),ye=({feature:e,sdk:t,children:s,className:r,noWait:o})=>{const l=a.useStore(e.status),d=a.useStore(t.sdkStore.slStreamId);if(!o){if(d!=null&&d.loading&&!d.data)return n.jsx(M,{className:r,children:"Event is loading..."});if(!(d!=null&&d.data))return n.jsx(M,{className:r,children:"Event is forbidden..."});if(l!==A.FeatureStatus.Ready)return n.jsx(M,{className:r,children:"Wait feature..."})}return s},xe=a.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),Ie=a.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),Se=a.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),ke=a.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var E=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(E||{});const K=({title:e,active:t,onClick:s})=>n.jsx(Se,{"data-a":"intr",onClick:s,"data-selected":t,children:n.jsx(ke,{"data-a":"intr",children:e})}),be=({activePage:e="home",toggleActivePage:t})=>n.jsx(xe,{children:n.jsxs(Ie,{"data-position":e==="home"?"left":"right",children:[n.jsx(K,{title:"Home",active:e==="home",onClick:()=>t("home")}),n.jsx(K,{title:"Friends",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})}),je=a.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),Ne=()=>w.B1,Ae=a.styled_default(Ne())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),we=a.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),_e=a.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),Ce=a.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),Ee=()=>w.B1,$e=a.styled_default(Ee())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),Re=({title:e,description:t,onClick:s,className:r})=>{const[o]=$.f$1({type:"invitation",action:"sent",payload:{from:v.InvitationFrom.TITLE_CARD}});return n.jsxs(je,{"data-a":"intr",onClick:o(s),className:r,children:[n.jsx(Ae,{name:"icon-friends"}),n.jsxs(we,{children:[n.jsx(_e,{children:e}),n.jsx(Ce,{children:t})]}),n.jsx($e,{name:"icon-copy"})]})};function Te(e){var t=e.lastRenderedStartIndex,s=e.lastRenderedStopIndex,r=e.startIndex,o=e.stopIndex;return!(r>s||o<t)}function Le(e){for(var t=e.isItemLoaded,s=e.itemCount,r=e.minimumBatchSize,o=e.startIndex,l=e.stopIndex,d=[],c=null,i=null,u=o;u<=l;u++){var f=t(u);f?i!==null&&(d.push(c,i),c=i=null):(i=u,c===null&&(c=u))}if(i!==null){for(var p=Math.min(Math.max(i,c+r-1),s-1),h=i+1;h<=p&&!t(h);h++)i=h;d.push(c,i)}if(d.length)for(;d[1]-d[0]+1<r&&d[0]>0;){var g=d[0]-1;if(!t(g))d[0]=g;else break}return d}var Oe=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},De=function(){function e(t,s){for(var r=0;r<s.length;r++){var o=s[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,s,r){return s&&e(t.prototype,s),r&&e(t,r),t}}(),Me=function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},W=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e};(function(e){Me(t,e);function t(){var s,r,o,l;Oe(this,t);for(var d=arguments.length,c=Array(d),i=0;i<d;i++)c[i]=arguments[i];return l=(r=(o=W(this,(s=t.__proto__||Object.getPrototypeOf(t)).call.apply(s,[this].concat(c))),o),o._lastRenderedStartIndex=-1,o._lastRenderedStopIndex=-1,o._memoizedUnloadedRanges=[],o._onItemsRendered=function(u){var f=u.visibleStartIndex,p=u.visibleStopIndex;o._lastRenderedStartIndex=f,o._lastRenderedStopIndex=p,o._ensureRowsLoaded(f,p)},o._setRef=function(u){o._listRef=u},r),W(o,l)}return De(t,[{key:"resetloadMoreItemsCache",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],r&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var r=this.props.children;return r({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(r,o){var l=this.props,d=l.isItemLoaded,c=l.itemCount,i=l.minimumBatchSize,u=i===void 0?10:i,f=l.threshold,p=f===void 0?15:f,h=Le({isItemLoaded:d,itemCount:c,minimumBatchSize:u,startIndex:Math.max(0,r-p),stopIndex:Math.min(c-1,o+p)});(this._memoizedUnloadedRanges.length!==h.length||this._memoizedUnloadedRanges.some(function(g,x){return h[x]!==g}))&&(this._memoizedUnloadedRanges=h,this._loadUnloadedRanges(h))}},{key:"_loadUnloadedRanges",value:function(r){for(var o=this,l=this.props.loadMoreItems||this.props.loadMoreRows,d=function(u){var f=r[u],p=r[u+1],h=l(f,p);h!=null&&h.then(function(){if(Te({lastRenderedStartIndex:o._lastRenderedStartIndex,lastRenderedStopIndex:o._lastRenderedStopIndex,startIndex:f,stopIndex:p})){if(o._listRef==null)return;typeof o._listRef.resetAfterIndex=="function"?o._listRef.resetAfterIndex(f,!0):(typeof o._listRef._getItemStyleCache=="function"&&o._listRef._getItemStyleCache(-1),o._listRef.forceUpdate())}})},c=0;c<r.length;c+=2)d(c)}}]),t})(m.PureComponent);const qe=a.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Be=a.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),Fe=a.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Ue=a.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Pe=a.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),ze=a.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Ve=a.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Qe=()=>w.B1,Ke=a.styled_default(Qe())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),We=({friendsRank:e,avatar:t,name:s,userId:r,points:o,isCurrentUser:l,style:d})=>n.jsxs(qe,{"data-name":r,style:d,children:[n.jsx(Be,{children:e||0}),n.jsxs(Pe,{children:[t?n.jsx(Fe,{alt:"leaderboard-item-avatar",src:t}):n.jsx(Ue,{children:B.I(s||"")}),n.jsxs(ze,{children:[n.jsx(Ve,{children:s||""}),l&&n.jsx(Ke,{name:"icon-star"})]})]}),n.jsx("div",{children:B.s(o)})]}),Ge=a.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),He=({items:e,currentUserId:t,openItemDetail:s,fetchMore:r,scrollNode:o,hasMore:l})=>{const d=m.useCallback(c=>{const i=c.target.getAttribute("data-name");i&&s(i)},[s]);return n.jsx(me,{loadMore:r,initialLoad:!1,hasMore:l,useWindow:!1,getScrollParent:()=>o.current,children:n.jsx(Ge,{"data-a":"intr",onClick:d,children:e.map(c=>n.jsx(We,{...c,isCurrentUser:!!t&&t===c.userId},c.userId))})})},Je=a.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),Ye=({deepLink:e})=>n.jsx(Je,{children:n.jsx(S.M,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),Ze=a.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Xe=({gamification:e,scrollNode:t,scrollStore:s,leaderboardList:r})=>{const o=m.useRef(null),{data:l,hasMore:d,loading:c,key:i}=a.useStore(r.$store),{data:u}=a.useStore(e.deepLink.$store),[f,p]=S.T$1(o);return!l.length&&!c?n.jsx(Ye,{deepLink:u}):n.jsxs(n.Fragment,{children:[n.jsx(He,{items:l,scrollNode:t,scrollStore:s,fetchMore:r.fetchMore,hasMore:d,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},i),u&&n.jsx(Ze,{ref:o,children:n.jsx(Re,{"data-a":"intr",onClick:()=>f(u),title:"Invite Friends",description:"Challenge them now!"})}),p]})},et=({gamification:e,scrollNode:t,scrollStore:s})=>e.leaderboardList?n.jsx(Xe,{leaderboardList:e.leaderboardList,gamification:e,scrollNode:t,scrollStore:s}):null,tt=({store:e,openQuestion:t})=>{const{sdk:s}=R.p(),r=a.useStore(e);return n.jsx(S.k,{openQuestion:t,questions:r.data,controlVideo:s==null?void 0:s.controlVideoPlayer})},st=({userSummary:e})=>{var t;const[s,r]=m.useState(void 0);return m.useEffect(()=>{const o=e.$store.subscribe(l=>{l&&r(l)});return()=>{o()}},[e]),n.jsx(S.z,{loading:!(s!=null&&s.summary),...s==null?void 0:s.summary,successRate:(t=s==null?void 0:s.percentage)==null?void 0:t.correct})},nt=({gamification:e,className:t,scrollStore:s,scrollNode:r,appNode:o,style:l,responsiveStore:d})=>{const{tabsShown:c}=a.useStore(s,{keys:["tabsShown"]}),i=a.useStore(e.friendsTabEnabled),[u,f]=m.useState(E.HOME),[,p]=a.useTransition(),{sdkInDesktopView:h,screen:g}=a.useStore(d,{keys:["sdkInDesktopView"]}),x=y=>{p(()=>{var T;f(y),h===!1&&(((T=o.current)==null?void 0:T.getBoundingClientRect().y)||0)<0&&U(o,g.size,{behavior:"instant"})})};m.useEffect(()=>s.subscribe(y=>{if(y.scrollPosition===0){s.setKey("tabsShown",!0);return}d.get().sdkInDesktopView?s.setKey("tabsShown",y.scrollDirection==="backward"):s.setKey("tabsShown",y.scrollDirection==="forward")}),[s,d]),m.useEffect(()=>{i||f(E.HOME)},[i]);let b="0px";return h?b=c?"0px":"calc(0px - var(--header-height))":b=c?"var(--header-height)":"0px",n.jsxs(k.l,{className:a.cx_default(t,"SL-Tabs","sl-hide-on-modal"),style:l,children:[i&&n.jsx(k.S$1,{style:{top:b},children:n.jsx(be,{activePage:u,toggleActivePage:x})}),u===E.HOME&&n.jsxs(n.Fragment,{children:[n.jsx(k.m,{children:n.jsx(k.d,{children:n.jsx(st,{userSummary:e.userSummary})})}),n.jsx(k.n,{style:{flex:1},children:n.jsx(tt,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),u===E.LEADERBOARD&&n.jsx(k.C,{children:n.jsx(et,{scrollStore:s,scrollNode:r,gamification:e})})]})},ot=()=>k.f,G=a.styled_default(ot())({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),H="t1eu4lbg",rt=a.styled_default("div")({name:"UserContainer",class:"uuv2xqo",propsAsIs:!1}),at=({correct:e,incorrect:t})=>{const s=e+t;return s===0?0:Math.round(e/s*100)},it=({gamification:e,scrollStore:t,className:s,appNode:r,scrollNode:o,responsiveStore:l})=>n.jsx(nt,{appNode:r,scrollStore:t,scrollNode:o,className:s,gamification:e,responsiveStore:l}),lt=({gamification:e,muted:t,sdk:s,className:r,appNode:o,responsiveStore:l})=>{const{topNavigation:d}=R.p(),c=a.useStore(e.openedQuestionId),i=a.useStore(e.openedQuestion.$store),u=a.useStore(e.openedUser||S.createSingleStore(void 0)),{sdkInDesktopView:f}=a.useStore(l,{keys:["sdkInDesktopView"]}),{hiding:p,onAnimationEnd:h}=k.S();if(!c&&!u)return null;const g=i?n.jsx(G,{className:a.cx_default(r,!d&&H),hiding:p,onAnimationEnd:h,children:n.jsx(R.ht,{muted:t,sdk:s,gamification:e})}):u?n.jsx(G,{className:a.cx_default(r,!d&&H),hiding:p,onAnimationEnd:h,children:n.jsxs(rt,{children:[n.jsx(pe.y,{label:"Friend's Rank",close:e.closeUser}),n.jsx(k.a,{children:n.jsx(S.z,{...u,successRate:at(u)})})]})}):null;return n.jsx(S.T,{container:o,useContainer:!f,children:g})},dt=m.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),ct=({sdk:e,feature:t,className:s,scrollStore:r,appNode:o,scrollNode:l,responsiveStore:d})=>{const c=m.useMemo(()=>t&&t.featureConfig.get().type===v.SdkOverlayType.GAMES?n.jsx(ye,{className:s,sdk:e,feature:t,children:n.jsx(dt,{appNode:o,scrollStore:r,scrollNode:l,className:s,responsiveStore:d,gamification:t})}):null,[e,t,s,d,r,l,o]);return n.jsx(m.Suspense,{fallback:n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:c})},ut=({feature:e,sdk:t,muted:s,className:r,appNode:o,responsiveStore:l})=>e&&e.featureConfig.get().type===v.SdkOverlayType.GAMES?n.jsx(lt,{className:r,appNode:o,muted:s,sdk:t,responsiveStore:l,gamification:e}):null;window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));function pt(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==="QuotaExceededError"||e.name==="NS_ERROR_DOM_QUOTA_REACHED")}class mt{constructor(t="main",s=window.localStorage){I(this,"delimiter",":");I(this,"prefix");I(this,"storage");I(this,"clear",()=>{for(const t in window.localStorage)t.startsWith(this.prefix)&&this.storage.removeItem(t)});I(this,"generateKey",t=>`${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);I(this,"write",(...t)=>{const s=t.pop()||"",r=this.generateKey(t);try{this.storage.setItem(r,s)}catch(o){pt(o)&&this.storage===window.sessionStorage&&(window.sessionStorage.removeItem("slstreamlogs"),this.storage.setItem(r,s))}});I(this,"read",(...t)=>{const s=this.storage.getItem(this.generateKey(t));return s===null?void 0:s});I(this,"remove",(...t)=>{this.storage.removeItem(this.generateKey(t))});this.prefix=`sl-sdk${this.delimiter}${t}`,this.storage=s}}var J;(function(e){e.Init="init",e.Ready="ready",e.Connecting="connecting",e.Connected="connected",e.Disconnected="disconnected",e.Failed="failed",e.Reconnect="reconnect",e.Reconnecting="reconnecting"})(J||(J={}));A.createLogger("grpc:stream");v.Code.Unknown,v.Code.Internal,v.Code.DeadlineExceeded,v.Code.ResourceExhausted,v.Code.FailedPrecondition,v.Code.Unavailable,v.Code.DataLoss;A.createLogger("grpc:retry");v.createContextKey(10,{description:"Number of attempts to retry"}),v.createContextKey(3e4,{description:"Max delay between retries in milliseconds"});var j;(function(e){e.SCHEMA="schema",e.EXTERNAL_TOKEN="eToken",e.TOKEN="token"})(j||(j={}));class ft extends mt{constructor(){super("user");I(this,"setSchema",s=>{this.write(j.SCHEMA,s)});I(this,"getSchema",()=>this.read(j.SCHEMA));I(this,"setToken",s=>{this.write(j.TOKEN,s)});I(this,"getToken",()=>this.read(j.TOKEN));I(this,"setExternalToken",s=>{this.write(j.EXTERNAL_TOKEN,s)});I(this,"getExternalToken",()=>this.read(j.EXTERNAL_TOKEN));I(this,"removeToken",()=>{this.remove(j.TOKEN)})}}var Y;(function(e){e.DISABLED="disabled",e.INITIALIZATION="initialization",e.READY="ready",e.FAILED="failed",e.SUSPENDED="suspended"})(Y||(Y={}));var Z;(function(e){e.SHOWED="showed",e.EVENT="ev"})(Z||(Z={}));var X;(function(e){e.ONBOARDING="onboarding",e.ONBOARDING_IO="onboarding_io",e.QUESTION_RECEIVED="q-received",e.QUESTION_OPENED="q-opened"})(X||(X={}));var ee;(function(e){e.ALLOWED="allowed",e.DISALLOWED="disallowed"})(ee||(ee={}));var te;(function(e){e.UNKNOWN="unknown",e.ALREADY_VOTED="already_voted"})(te||(te={}));A.createLogger("deep_link");A.createLogger("bypass");new ft;A.createLogger("video_player");v.QuestionType.FACTOID+"",v.QuestionType.POLL+"",v.QuestionType.TRIVIA+"",v.QuestionType.PREDICTION+"",v.QuestionType.TWEET+"";var se;(function(e){e.Unset="unset",e.Required="required",e.Optional="optional",e.Completed="completed",e.Disabled="disabled",e.Unavailable="unavailable"})(se||(se={}));v.QuestionType.POLL,v.QuestionType.PREDICTION,v.QuestionType.TRIVIA;const ht={[v.SdkOverlayType.GAMES]:!0},vt=a.styled_default("div")({name:"Buttons",class:"b5o8qbl",propsAsIs:!1}),gt=({children:e,className:t})=>n.jsx(vt,{className:t,children:e}),ae=a.styled_default("div")({name:"Navigation",class:"n6tbwuy",propsAsIs:!1}),yt=()=>gt,ne=a.styled_default(yt())({name:"NavigationItems",class:"n1up4z7v",propsAsIs:!0}),xt=a.styled_default("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),It=a.styled_default("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),St=a.styled_default("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),kt="s14xk0af",bt="ha3mg7c",jt="h103yr45",O=({disabled:e,active:t,onClick:s,label:r,icon:o,id:l})=>n.jsx(xt,{onClick:s,"data-a":"intr",disabled:e,className:a.cx_default(t&&kt,!t&&(l==="channels"||l==="featuredGroups")&&bt,!t&&l==="leaderboard"&&jt),children:n.jsxs(n.Fragment,{children:[o&&n.jsx(It,{children:o}),n.jsx(St,{children:r})]})}),Nt=()=>w.B1,At=a.styled_default(Nt())({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),wt=a.styled_default("div")({name:"Container",class:"calnblm",propsAsIs:!1}),_t=a.styled_default("div")({name:"Title",class:"t1438p52",propsAsIs:!1}),Ct=a.styled_default("div")({name:"CloseIconWrap",class:"c17srj38",propsAsIs:!1}),Et=()=>w.B1,$t=a.styled_default(Et())({name:"CloseIcon",class:"clqia8k",propsAsIs:!0}),Rt=()=>w.B1,Tt=a.styled_default(Rt())({name:"DashboardIcon",class:"df5w958",propsAsIs:!0}),Lt="h12x6aiv",Ot=m.forwardRef(({sdk:e,className:t},s)=>{const r=()=>{e.closeFeature()};return n.jsxs(ae,{className:a.cx_default(t,Lt),children:[n.jsxs(wt,{children:[n.jsxs(_t,{children:[n.jsx(Tt,{name:"dashboard"}),"Dashboard"]}),n.jsx(Ct,{"data-a":"intr",onClick:r,children:n.jsx($t,{name:"icon-cross"})})]}),n.jsx("div",{ref:s})]})}),Dt=m.forwardRef(({sdk:e,className:t},s)=>{const r=a.useStore(e.sdkStore.organizationSettings),o=a.useStore(e.sdkStore.streamSettings),l=a.useStore(e.getActiveFeature()),d=m.useMemo(()=>{const i=(o==null?void 0:o.data)||(r==null?void 0:r.data);return i!=null&&i.overlays?i.overlays:[]},[r,o]),c=m.useMemo(()=>[...d.filter(({enableSdkButton:i,type:u})=>u===v.SdkOverlayType.GAMES||i).map(i=>({id:i.type,onClick:()=>e.openFeature(i.type),disabled:!(i.type in ht),label:i.name,icon:n.jsx("img",{src:i.icon,alt:""}),position:i.position*10}))].sort((i,u)=>i.position-u.position),[d,e]);return n.jsxs(ae,{className:t,children:[c.length!==0&&n.jsx(ne,{children:[n.jsx(O,{id:"Channels",onClick:()=>e.closeFeature(),label:"Channels",active:l===0},"Channels"),...c.map(i=>i.id===v.SdkOverlayType.GAMES?n.jsx(O,{...i,active:i.id===l,label:"StreamLayer +",id:"featuredGroups",icon:n.jsx(At,{name:"icon-btn-feature-groups","data-selected":i.id===l})},i.id):n.jsx(O,{...i,icon:void 0,active:i.id===l},i.id))]}),!c.length&&n.jsx(ne,{children:[n.jsx(O,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),n.jsx("div",{ref:s})]})}),Mt=a.styled_default("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),qt=a.styled_default("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),Bt=()=>w.B1,Ft=a.styled_default(Bt())({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),Ut=a.styled_default("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),Pt=a.styled_default("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),zt=a.styled_default("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),Vt=a.styled_default("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),Qt=a.styled_default("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),Kt=a.styled_default("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),oe=({close:e,action:t,onboarding:s})=>{var r,o,l,d,c,i,u,f;return n.jsxs(Mt,{children:[n.jsx(qt,{"data-a":"intr",onClick:e,children:n.jsx(Ft,{name:"icon-cross"})}),((o=(r=s==null?void 0:s.titleCard)==null?void 0:r.media)==null?void 0:o.sponsorLogo)&&n.jsxs(Ut,{children:[n.jsx(Pt,{alt:"sponsor-logo",src:(d=(l=s==null?void 0:s.titleCard)==null?void 0:l.media)==null?void 0:d.sponsorLogo}),n.jsx(zt,{children:"PRESENTS"})]}),((c=s==null?void 0:s.titleCard)==null?void 0:c.title)&&n.jsx(Vt,{children:(i=s==null?void 0:s.titleCard)==null?void 0:i.title}),((u=s==null?void 0:s.titleCard)==null?void 0:u.subtitle)&&n.jsx(Qt,{children:(f=s==null?void 0:s.titleCard)==null?void 0:f.subtitle}),n.jsx(Kt,{"data-a":"intr",onClick:t,children:"Play Now"})]})},F=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",tagline:"",headline:n.jsxs(n.Fragment,{children:["Welcome to ",n.jsx("br",{})," Live Challenge"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",headline:"Live insights, polls, trivia and predictions."},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",headline:"Win points and play against friends."}],Wt=a.styled_default("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),Gt=()=>k.f,Ht=a.styled_default(Gt())({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),re=a.styled_default("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),Jt=a.styled_default("div")({name:"OnboardingOverlap",class:"ovnr8ov",propsAsIs:!1}),Yt=({deepLink:e,onboardingOpts:t,notification:s,gamification:r,loading:o,sdk:l,throttled:d})=>{var c,i,u,f,p,h,g;const x=a.useStore(r.friends?r.friends.getStore():S.createSingleStore({data:[]})),[b,y]=m.useState(void 0),T=m.useMemo(()=>{var N,C;const P=l.getInviter();return P?(C=(N=x.data)==null?void 0:N.find(({slId:le})=>le===P))==null?void 0:C.name:""},[x.data,l]);return m.useEffect(()=>{const N=e.$store.subscribe(C=>{C&&y(C.data)});return()=>{N()}},[e.$store]),n.jsxs(Wt,{children:[n.jsx(S.tn,{loading:o,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:(c=t.rules)==null?void 0:c.buttonLabel,rulesTitle:(i=t.rules)==null?void 0:i.heading,termsTitle:"Terms and Conditions",termsText:(u=t.rules)==null?void 0:u.terms,steps:F,primaryColor:(f=t.inviteCard)==null?void 0:f.iconColor,inviteLink:b,inviteCardTitle:(p=t.inviteCard)==null?void 0:p.heading,inviteCardSubtext:(h=t.inviteCard)==null?void 0:h.subtext,inviteCardBtnLabel:(g=t.inviteCard)==null?void 0:g.buttonLabel,onClose:()=>{var N;(N=s.close)==null||N.call(s)},gamification:r,sdk:l,inviterName:T}),d&&n.jsx(Jt,{})]})},Zt=({sdk:e,notification:t,saveHeight:s,style:r,appNode:o,sdkInDesktopView:l,responsiveStore:d})=>{const c=m.useRef(null),i=t.data.onboarding,[u,f]=m.useState(i==null?void 0:i.instantOpen),p=e.getFeature(v.SdkOverlayType.GAMES),h=m.useMemo(()=>F==null?void 0:F.map(({graphicSrc:y})=>y),[]),{screen:g}=a.useStore(d,{keys:["screen"]});m.useLayoutEffect(()=>{var y;s(((y=c.current)==null?void 0:y.getBoundingClientRect().height)||0)},[s]);const{loading:x,throttled:b}=S.I(h);return u&&p&&i&&o.current?n.jsx(S.T,{container:o,useContainer:!l,children:n.jsx(Yt,{throttled:b,notification:t,setOpened:f,gamification:p,onboardingOpts:i,deepLink:p.deepLink,loading:x,renderToNode:o,sdk:e})}):n.jsxs(n.Fragment,{children:[n.jsx(re,{ref:c,style:{position:"absolute",visibility:"hidden"},children:n.jsx(oe,{close:()=>{},action:()=>{},onboarding:i})}),n.jsx(Ht,{style:r,hiding:t.hiding,children:n.jsx(re,{children:n.jsx(oe,{close:t.close,action:()=>{var y;f(!0),(((y=o.current)==null?void 0:y.getBoundingClientRect().y)||0)<0&&U(o,g.size,{behavior:"smooth"})},onboarding:i})})})]})},Xt=()=>k.f,es=a.styled_default(Xt())({name:"Container",class:"c8ol1ve",propsAsIs:!0}),ie=a.styled_default("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),ts=()=>ie,ss=a.styled_default(ts())({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),ns=a.styled_default("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),os=()=>S.f,rs=a.styled_default(os())({name:"Pill",class:"p1lha68t",propsAsIs:!0}),as=e=>{const[t,s]=m.useState(0),r=m.useRef(null),o=m.useMemo(()=>new ResizeObserver(c=>{window.requestAnimationFrame(()=>{var i;if(Array.isArray(c)){for(const u of c)if(u.contentBoxSize){const f=(i=r.current)==null?void 0:i.getBoundingClientRect();f&&s(f.height)}}})}),[]),l=m.useCallback(c=>{r.current=c},[]),d=m.useCallback(c=>{s(c)},[]);return m.useEffect(()=>{const c=r.current;return c?(o.observe(c),()=>{o.unobserve(c)}):()=>{}},[e]),m.useEffect(()=>()=>{o.disconnect()}),[l,t,d]},is=({sdk:e,notification:t,appNode:s,responsiveStore:r,hasActiveFeature:o})=>{var l,d;const{sdkInDesktopView:c}=a.useStore(r,{keys:["sdkInDesktopView"]}),{sdk:i}=R.p(),[u,f,p]=as(t.id);let h=f;return o||(h="auto"),t.type===a.NotificationType.QUESTION?n.jsxs(n.Fragment,{children:[n.jsx(ss,{ref:u,children:n.jsx(S.w,{...t})}),n.jsxs(es,{style:{height:t.hiding?0:h},hiding:t.hiding,children:[n.jsx(ie,{style:{height:"100%"},children:n.jsx(S.w,{...t,controlVideo:i==null?void 0:i.controlVideoPlayer})}),n.jsx(ns,{},t.id)]})]}):t.type===a.NotificationType.QUESTION_RESOLVED&&(d=(l=t.data)==null?void 0:l.question)!=null&&d.predictionResult?n.jsx(S.D,{style:{height:t.hiding?0:f},saveHeight:p,close:t.close,hiding:t.hiding,...t.data.question}):t.type===a.NotificationType.ONBOARDING?n.jsx(Zt,{style:{height:t.hiding?0:h},saveHeight:p,sdk:e,notification:t,sdkInDesktopView:c,appNode:s,responsiveStore:r}):null},ls="p7vfi6t",ds=({pill:e,setPill:t,appNode:s,headerNode:r,scrollNode:o,responsiveStore:l,scrollStore:d})=>{var c,i;const{screen:u}=a.useStore(l,{keys:["screen"]}),{tabsShown:f,scrollPosition:p}=a.useStore(d,{keys:["tabsShown","scrollPosition"]});m.useEffect(()=>{l.get().sdkInDesktopView?p<50&&t(null):p>-50&&t(null)},[p,l,t]);const h=l.get().sdkInDesktopView?s:r;return!e||!h.current?null:fe.createPortal(n.jsx(rs,{title:e.type===a.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((i=B.e[(c=e.data)==null?void 0:c.questionType])==null?void 0:i.label)||"notification"}`,"data-a":"intr",onClick:()=>{var g;l.get().sdkInDesktopView?(g=o.current)==null||g.scrollTo({top:0,behavior:"smooth"}):U(s,u.size,{behavior:"smooth"}),t(null)},className:a.cx_default(f&&ls,"sl-pill-button")}),h.current)},cs=({sdk:e,headerNode:t,scrollNode:s,responsiveStore:r,appNode:o,scrollStore:l,hasActiveFeature:d})=>{const[c]=m.useState(e.getNotificationsStore()),i=a.useStore(c),[u,f]=m.useState(null),p=m.useMemo(()=>e.getActiveNotification(),[e,i]);return m.useEffect(()=>{p&&A.eventBus.emit("notification",{action:"rendered",payload:{questionId:p.data.questionId,questionType:p.data.questionType}})},[p]),m.useEffect(()=>{const{sdkInDesktopView:h,sdkInView:g}=r.get();p&&(h||g)&&(!h&&g&&f(p),h&&window.requestAnimationFrame(()=>{l.get().scrollPosition!==0&&f(p)}))},[p]),m.useEffect(()=>{p||f(null)},[p]),n.jsxs(n.Fragment,{children:[!u&&p&&n.jsx(is,{appNode:o,sdk:e,hasActiveFeature:d,notification:p,responsiveStore:r}),u&&n.jsx(ds,{pill:u,setPill:f,appNode:o,notification:p,headerNode:t,scrollNode:s,scrollStore:l,responsiveStore:r})]})},us=e=>{const t=a.useStore(e.status),s=a.useStore(e.sdkStore.slStreamId),r=a.useStore(e.userId()),o=a.useStore(e.getActiveFeature()),l=t==="ready"&&!!s.data;return m.useEffect(()=>{const d=e.getFeature(v.SdkOverlayType.GAMES);d&&o!==v.SdkOverlayType.GAMES&&(d.closeQuestion(),d.closeUser()),d==null||d.openedQuestionId.subscribe(c=>{c&&o!==v.SdkOverlayType.GAMES&&e.openFeature(v.SdkOverlayType.GAMES)})},[o,e]),{sdkReady:l,activeFeature:o,isLogged:!!r}},ps=({sdk:e,className:t,scrollStore:s,appNode:r,scrollNode:o,responsiveStore:l})=>{const[,d]=S.p(e);return n.jsx(ct,{className:t,scrollNode:o,appNode:r,scrollStore:s,feature:d,responsiveStore:l,sdk:e})},ms=({sdk:e,muted:t,className:s,appNode:r,responsiveStore:o})=>{const l=a.useStore(e.featuresList.getStore());return l?Array.from(l,d=>{const c=e.getFeature(d);return c?n.jsx(ut,{className:s,muted:t,appNode:r,feature:c,responsiveStore:o,sdk:e},d):null}):null},fs=({sdk:e,muted:t,topNavigation:s})=>{const[r,o]=m.useState(!0),l=m.useRef(null),d=a.useStore(e.uiState),c=m.useRef(null),[i]=he(l),[u,f]=ge(l,i),{sdkReady:p,activeFeature:h,isLogged:g}=us(e),x=!!p;$.b(l,{enabled:x,event:"click",listener:$.A});const b=m.useMemo(()=>({sdk:e,topNavigation:s}),[e,s]);return m.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),n.jsx(R.e.Provider,{value:b,children:n.jsxs(k.p,{ref:y=>{l.current=y,o(!!y)},className:s?"":"c10llmat",children:[x&&s&&d.app&&n.jsx(Dt,{className:a.cx_default(L.m,"sl-hide-on-modal"),sdk:e,ref:c}),x&&!s&&!!h&&d.app&&n.jsx(Ot,{className:a.cx_default(L.m,"sl-hide-on-modal"),sdk:e,ref:c}),n.jsxs(k.c,{className:"sl-hide-on-modal",ref:u,"data-nav":(!!h&&x).toString(),children:[x&&d.app&&n.jsx(cs,{sdk:e,scrollNode:u,headerNode:c,appNode:l,scrollStore:f,responsiveStore:i,hasActiveFeature:!!h}),x&&d.app&&n.jsx(ps,{scrollStore:f,responsiveStore:i,scrollNode:u,appNode:l,className:L.m,sdk:e}),x&&r&&n.jsx(ms,{muted:t,responsiveStore:i,appNode:l,className:L.m,sdk:e})]}),x&&!g&&r&&d.app&&n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},hs=({event:e,topNavigation:t,theme:s,muted:r,withSidebarNotification:o=!0})=>{const{sdk:l,status:d}=m.useContext(_.c),c=_.F(),i=_.z(),{event:u}=m.useContext(_.c);if(d===_.Y.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return d===_.Y.CONNECTED?n.jsx("div",{className:"StreamLayerSDK",children:"wait"}):l===null?n.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):!c.app&&!c.appNotification&&!c.appSidebar||!c.app&&!c.appSidebar&&c.appNotification&&!o?null:n.jsx("div",{className:"StreamLayerSDK",children:n.jsx(ue.h,{customTheme:s??i.theme,themeMode:i.themeMode,children:n.jsx(fs,{sdk:l,muted:r,event:(u==null?void 0:u.current)||e,topNavigation:t})})})};exports.B=it;exports.b=hs;
+"use strict";require("core-js/modules/es.symbol.js"),require("core-js/modules/es.symbol.description.js"),require("core-js/modules/es.symbol.iterator.js"),require("core-js/modules/es.symbol.to-primitive.js"),require("core-js/modules/es.array.concat.js"),require("core-js/modules/es.array.filter.js"),require("core-js/modules/es.array.find.js"),require("core-js/modules/es.array.from.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/es.array.map.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.array.sort.js"),require("core-js/modules/es.date.to-primitive.js"),require("core-js/modules/es.number.constructor.js"),require("core-js/modules/es.object.define-properties.js"),require("core-js/modules/es.object.define-property.js"),require("core-js/modules/es.object.get-own-property-descriptor.js"),require("core-js/modules/es.object.get-own-property-descriptors.js"),require("core-js/modules/es.object.get-prototype-of.js"),require("core-js/modules/es.object.keys.js"),require("core-js/modules/es.object.set-prototype-of.js"),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.promise.js"),require("core-js/modules/es.reflect.construct.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.regexp.to-string.js"),require("core-js/modules/es.set.js"),require("core-js/modules/es.string.iterator.js"),require("core-js/modules/es.string.starts-with.js"),require("core-js/modules/web.dom-collections.for-each.js"),require("core-js/modules/web.dom-collections.iterator.js");function e(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||m(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e,t,s){return t=r(t),function(e,t){if(t&&("object"==l(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,n()?Reflect.construct(t,s||[],r(e).constructor):t.apply(e,s))}function n(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(t){}return(n=function(){return!!e})()}function r(e){return(r=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function s(e,t){return(s=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function o(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,f(r.key),r)}}function i(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach(function(t){u(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function u(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){var t=function(e,t){if("object"!=l(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==l(t)?t:t+""}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,s,o,i,a=[],l=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(c){d=!0,s=c}finally{try{if(!l&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(d)throw s}}return a}}(e,t)||m(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){if(e){if("string"==typeof e)return v(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}var h=require("./index16.js"),y=require("react"),g=require("./hooks-WfHlJH12.js"),j=require("react/jsx-runtime"),b=require("./useStreamLayerApp2.js"),x=require("./index8.js"),S=require("./sl-types.js"),I=require("./index11.js"),k=require("lodash.throttle"),w=require("./analytics.js"),N=require("./theme.js"),A=require("./feature.js"),_=require("./Question.js"),E=require("./index10.js"),C=require("./index6.js"),O=require("react-infinite-scroller"),R=require("./index12.js");require("./storage.js"),require("./index7.js");var T=require("react-dom"),q=require("./index3.js");require("./notification.js");var L=Object.keys(S.A),D=function(){for(var e=window.innerWidth,t="sm",n=L.length-1;n>0;n--){var r=L[n];if(!(e<S.A[r])&&e>=S.A[r]){t=r;break}}return{name:t,size:S.A[t]}},P=function(e){var t;return((null==(t=e.current)?void 0:t.getBoundingClientRect().y)||0)<-68},M=function(){return window.matchMedia("(orientation: landscape)").matches},B=function(e,t,n){var r=t>=S.A.lg&&t<S.A.xl?75:52;e.current&&window.scrollTo(c({top:e.current.offsetTop-r},n))},F=S.styled_default("div")({name:"LoadingContainer",class:"lclc0ej",propsAsIs:!1}),U=function(e){var t=e.feature,n=e.sdk,r=e.children,s=e.className,o=e.noWait,i=S.useStore(t.status),a=S.useStore(n.sdkStore.slStreamId);if(!o){if(null!=a&&a.loading&&!a.data)return j.jsx(F,{className:s,children:"Event is loading..."});if(null==a||!a.data)return j.jsx(F,{className:s,children:"Event is forbidden..."});if(i!==A.FeatureStatus.Ready)return j.jsx(F,{className:s,children:"Wait feature..."})}return r},z=S.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),V=S.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),K=S.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),Q=S.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1}),W=function(e){return e.HOME="home",e.LEADERBOARD="leaderboard",e}(W||{}),H=function(e){var t=e.title,n=e.active,r=e.onClick;return j.jsx(K,{"data-a":"intr",onClick:r,"data-selected":n,children:j.jsx(Q,{"data-a":"intr",children:t})})},G=function(e){var t=e.activePage,n=void 0===t?"home":t,r=e.toggleActivePage;return j.jsx(z,{children:j.jsxs(V,{"data-position":"home"===n?"left":"right",children:[j.jsx(H,{title:"Home",active:"home"===n,onClick:function(){return r("home")}}),j.jsx(H,{title:"Friends",active:"leaderboard"===n,onClick:function(){return r("leaderboard")}})]})})},$=S.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),Y=S.styled_default(C.B1)({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),X=S.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),J=S.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),Z=S.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),ee=S.styled_default(C.B1)({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),te=function(e){var t=e.title,n=e.description,r=e.onClick,s=e.className,o=p(w.f$1({type:"invitation",action:"sent",payload:{from:b.InvitationFrom.TITLE_CARD}}),1)[0];return j.jsxs($,{"data-a":"intr",onClick:o(r),className:s,children:[j.jsx(Y,{name:"icon-friends"}),j.jsxs(X,{children:[j.jsx(J,{children:t}),j.jsx(Z,{children:n})]}),j.jsx(ee,{name:"icon-copy"})]})};var ne=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),re=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==l(t)&&"function"!=typeof t?e:t};!function(){function e(){var t,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e);for(var s=arguments.length,o=Array(s),i=0;i<s;i++)o[i]=arguments[i];return n=r=re(this,(t=e.__proto__||Object.getPrototypeOf(e)).call.apply(t,[this].concat(o))),r._lastRenderedStartIndex=-1,r._lastRenderedStopIndex=-1,r._memoizedUnloadedRanges=[],r._onItemsRendered=function(e){var t=e.visibleStartIndex,n=e.visibleStopIndex;r._lastRenderedStartIndex=t,r._lastRenderedStopIndex=n,r._ensureRowsLoaded(t,n)},r._setRef=function(e){r._listRef=e},re(r,n)}(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+l(t));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)})(e,y.PureComponent),ne(e,[{key:"resetloadMoreItemsCache",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this._memoizedUnloadedRanges=[],e&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){return(0,this.props.children)({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(e,t){var n=this.props,r=n.isItemLoaded,s=n.itemCount,o=n.minimumBatchSize,i=void 0===o?10:o,a=n.threshold,l=void 0===a?15:a,d=function(e){for(var t=e.isItemLoaded,n=e.itemCount,r=e.minimumBatchSize,s=e.startIndex,o=e.stopIndex,i=[],a=null,l=null,d=s;d<=o;d++)t(d)?null!==l&&(i.push(a,l),a=l=null):(l=d,null===a&&(a=d));if(null!==l){for(var c=Math.min(Math.max(l,a+r-1),n-1),u=l+1;u<=c&&!t(u);u++)l=u;i.push(a,l)}if(i.length)for(;i[1]-i[0]+1<r&&i[0]>0;){var f=i[0]-1;if(t(f))break;i[0]=f}return i}({isItemLoaded:r,itemCount:s,minimumBatchSize:i,startIndex:Math.max(0,e-l),stopIndex:Math.min(s-1,t+l)});(this._memoizedUnloadedRanges.length!==d.length||this._memoizedUnloadedRanges.some(function(e,t){return d[t]!==e}))&&(this._memoizedUnloadedRanges=d,this._loadUnloadedRanges(d))}},{key:"_loadUnloadedRanges",value:function(e){for(var t=this,n=this.props.loadMoreItems||this.props.loadMoreRows,r=function(r){var s=e[r],o=e[r+1],i=n(s,o);null!=i&&i.then(function(){if(function(e){var t=e.lastRenderedStartIndex,n=e.lastRenderedStopIndex,r=e.startIndex,s=e.stopIndex;return!(r>n||s<t)}({lastRenderedStartIndex:t._lastRenderedStartIndex,lastRenderedStopIndex:t._lastRenderedStopIndex,startIndex:s,stopIndex:o})){if(null==t._listRef)return;"function"==typeof t._listRef.resetAfterIndex?t._listRef.resetAfterIndex(s,!0):("function"==typeof t._listRef._getItemStyleCache&&t._listRef._getItemStyleCache(-1),t._listRef.forceUpdate())}})},s=0;s<e.length;s+=2)r(s)}}])}();var se=S.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),oe=S.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),ie=S.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),ae=S.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),le=S.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),de=S.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),ce=S.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),ue=S.styled_default(C.B1)({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),fe=function(e){var t=e.friendsRank,n=e.avatar,r=e.name,s=e.userId,o=e.points,i=e.isCurrentUser,a=e.style;return j.jsxs(se,{"data-name":s,style:a,children:[j.jsx(oe,{children:t||0}),j.jsxs(le,{children:[n?j.jsx(ie,{alt:"leaderboard-item-avatar",src:n}):j.jsx(ae,{children:R.I(r||"")}),j.jsxs(de,{children:[j.jsx(ce,{children:r||""}),i&&j.jsx(ue,{name:"icon-star"})]})]}),j.jsx("div",{children:R.s(o)})]})},pe=S.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),me=function(e){var t=e.items,n=e.currentUserId,r=e.openItemDetail,s=e.fetchMore,o=e.scrollNode,i=e.hasMore,a=y.useCallback(function(e){var t=e.target.getAttribute("data-name");t&&r(t)},[r]);return j.jsx(O,{loadMore:s,initialLoad:!1,hasMore:i,useWindow:!1,getScrollParent:function(){return o.current},children:j.jsx(pe,{"data-a":"intr",onClick:a,children:t.map(function(e){return j.jsx(fe,c(c({},e),{},{isCurrentUser:!!n&&n===e.userId}),e.userId)})})})},ve=S.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),he=function(e){var t=e.deepLink;return j.jsx(ve,{children:j.jsx(h.M,{inviteLink:t,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})})},ye=S.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),ge=function(e){var t=e.gamification,n=e.scrollNode,r=e.scrollStore,s=e.leaderboardList,o=y.useRef(null),i=S.useStore(s.$store),a=i.data,l=i.hasMore,d=i.loading,c=i.key,u=S.useStore(t.deepLink.$store).data,f=p(h.T$1(o),2),m=f[0],v=f[1];return a.length||d?j.jsxs(j.Fragment,{children:[j.jsx(me,{items:a,scrollNode:n,scrollStore:r,fetchMore:s.fetchMore,hasMore:l,openItemDetail:t.openUser,currentUserId:t.currentUserId.get()},c),u&&j.jsx(ye,{ref:o,children:j.jsx(te,{"data-a":"intr",onClick:function(){return m(u)},title:"Invite Friends",description:"Challenge them now!"})}),v]}):j.jsx(he,{deepLink:u})},je=function(e){var t=e.gamification,n=e.scrollNode,r=e.scrollStore;return t.leaderboardList?j.jsx(ge,{leaderboardList:t.leaderboardList,gamification:t,scrollNode:n,scrollStore:r}):null},be=function(e){var t=e.store,n=e.openQuestion,r=_.p().sdk,s=S.useStore(t);return j.jsx(h.k,{openQuestion:n,questions:s.data,controlVideo:null==r?void 0:r.controlVideoPlayer})},xe=function(e){var t,n=e.userSummary,r=p(y.useState(void 0),2),s=r[0],o=r[1];return y.useEffect(function(){var e=n.$store.subscribe(function(e){e&&o(e)});return function(){e()}},[n]),j.jsx(h.z,c(c({loading:!(null!=s&&s.summary)},null==s?void 0:s.summary),{},{successRate:null==(t=null==s?void 0:s.percentage)?void 0:t.correct}))},Se=function(e){var t=e.gamification,n=e.className,r=e.scrollStore,s=e.scrollNode,o=e.appNode,i=e.style,a=e.responsiveStore,l=S.useStore(r,{keys:["tabsShown"]}).tabsShown,d=S.useStore(t.friendsTabEnabled),c=p(y.useState(W.HOME),2),u=c[0],f=c[1],m=p(S.useTransition(),2)[1],v=S.useStore(a,{keys:["sdkInDesktopView"]}),h=v.sdkInDesktopView,g=v.screen;y.useEffect(function(){return r.subscribe(function(e){0!==e.scrollPosition?a.get().sdkInDesktopView?r.setKey("tabsShown","backward"===e.scrollDirection):r.setKey("tabsShown","forward"===e.scrollDirection):r.setKey("tabsShown",!0)})},[r,a]),y.useEffect(function(){d||f(W.HOME)},[d]);var b="0px";return b=h?l?"0px":"calc(0px - var(--header-height))":l?"var(--header-height)":"0px",j.jsxs(I.l,{className:S.cx_default(n,"SL-Tabs","sl-hide-on-modal"),style:i,children:[d&&j.jsx(I.S$1,{style:{top:b},children:j.jsx(G,{activePage:u,toggleActivePage:function(e){m(function(){var t;f(e),!1===h&&((null==(t=o.current)?void 0:t.getBoundingClientRect().y)||0)<0&&B(o,g.size,{behavior:"instant"})})}})}),u===W.HOME&&j.jsxs(j.Fragment,{children:[j.jsx(I.m,{children:j.jsx(I.d,{children:j.jsx(xe,{userSummary:t.userSummary})})}),j.jsx(I.n,{style:{flex:1},children:j.jsx(be,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),u===W.LEADERBOARD&&j.jsx(I.C,{children:j.jsx(je,{scrollStore:r,scrollNode:s,gamification:t})})]})},Ie=S.styled_default(I.f)({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),ke="t1eu4lbg",we=S.styled_default("div")({name:"UserContainer",class:"uuv2xqo",propsAsIs:!1}),Ne=function(e){var t=e.correct,n=t+e.incorrect;return 0===n?0:Math.round(t/n*100)},Ae=function(e){var t=e.gamification,n=e.muted,r=e.sdk,s=e.className,o=e.appNode,i=e.responsiveStore,a=_.p().topNavigation,l=S.useStore(t.openedQuestionId),d=S.useStore(t.openedQuestion.$store),u=S.useStore(t.openedUser||h.createSingleStore(void 0)),f=S.useStore(i,{keys:["sdkInDesktopView"]}).sdkInDesktopView,p=I.S(),m=p.hiding,v=p.onAnimationEnd;if(!l&&!u)return null;var y=d?j.jsx(Ie,{className:S.cx_default(s,!a&&ke),hiding:m,onAnimationEnd:v,children:j.jsx(_.ht,{muted:n,sdk:r,gamification:t})}):u?j.jsx(Ie,{className:S.cx_default(s,!a&&ke),hiding:m,onAnimationEnd:v,children:j.jsxs(we,{children:[j.jsx(E.y,{label:"Friend's Rank",close:t.closeUser}),j.jsx(I.a,{children:j.jsx(h.z,c(c({},u),{},{successRate:Ne(u)}))})]})}):null;return j.jsx(h.T,{container:o,useContainer:!f,children:y})},_e=y.lazy(function(){return Promise.resolve().then(function(){return require("./gamification-feature.js")})}),Ee=function(e){var t=e.sdk,n=e.feature,r=e.className,s=e.scrollStore,o=e.appNode,i=e.scrollNode,a=e.responsiveStore,l=y.useMemo(function(){return n&&n.featureConfig.get().type===b.SdkOverlayType.GAMES?j.jsx(U,{className:r,sdk:t,feature:n,children:j.jsx(_e,{appNode:o,scrollStore:s,scrollNode:i,className:r,responsiveStore:a,gamification:n})}):null},[t,n,r,a,s,i,o]);return j.jsx(y.Suspense,{fallback:j.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:l})},Ce=function(e){var t=e.feature,n=e.sdk,r=e.muted,s=e.className,o=e.appNode,i=e.responsiveStore;return t&&t.featureConfig.get().type===b.SdkOverlayType.GAMES?j.jsx(Ae,{className:s,appNode:o,muted:r,sdk:n,responsiveStore:i,gamification:t}):null};window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));var Oe,Re,Te,qe,Le=i(function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"main",r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:window.localStorage;a(this,e),u(this,"delimiter",":"),u(this,"prefix",void 0),u(this,"storage",void 0),u(this,"clear",function(){for(var e in window.localStorage)e.startsWith(t.prefix)&&t.storage.removeItem(e)}),u(this,"generateKey",function(e){return"".concat(t.prefix).concat(t.delimiter).concat(e.join(t.delimiter))}),u(this,"write",function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var s=n.pop()||"",o=t.generateKey(n);try{t.storage.setItem(o,s)}catch(i){(function(e){return e instanceof DOMException&&(22===e.code||1014===e.code||"QuotaExceededError"===e.name||"NS_ERROR_DOM_QUOTA_REACHED"===e.name)})(i)&&t.storage===window.sessionStorage&&(window.sessionStorage.removeItem("slstreamlogs"),t.storage.setItem(o,s))}}),u(this,"read",function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];var s=t.storage.getItem(t.generateKey(n));return null===s?void 0:s}),u(this,"remove",function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.storage.removeItem(t.generateKey(n))}),this.prefix="sl-sdk".concat(this.delimiter).concat(n),this.storage=r});(Re=Oe||(Oe={})).Init="init",Re.Ready="ready",Re.Connecting="connecting",Re.Connected="connected",Re.Disconnected="disconnected",Re.Failed="failed",Re.Reconnect="reconnect",Re.Reconnecting="reconnecting",A.createLogger("grpc:stream"),b.Code.Unknown,b.Code.Internal,b.Code.DeadlineExceeded,b.Code.ResourceExhausted,b.Code.FailedPrecondition,b.Code.Unavailable,b.Code.DataLoss,A.createLogger("grpc:retry"),b.createContextKey(10,{description:"Number of attempts to retry"}),b.createContextKey(3e4,{description:"Max delay between retries in milliseconds"}),(qe=Te||(Te={})).SCHEMA="schema",qe.EXTERNAL_TOKEN="eToken",qe.TOKEN="token";var De,Pe,Me,Be,Fe,Ue,ze,Ve,Ke,Qe,We=function(){function e(){var n;return a(this,e),u(n=t(this,e,["user"]),"setSchema",function(e){n.write(Te.SCHEMA,e)}),u(n,"getSchema",function(){return n.read(Te.SCHEMA)}),u(n,"setToken",function(e){n.write(Te.TOKEN,e)}),u(n,"getToken",function(){return n.read(Te.TOKEN)}),u(n,"setExternalToken",function(e){n.write(Te.EXTERNAL_TOKEN,e)}),u(n,"getExternalToken",function(){return n.read(Te.EXTERNAL_TOKEN)}),u(n,"removeToken",function(){n.remove(Te.TOKEN)}),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&s(e,t)}(e,Le),i(e)}();(Pe=De||(De={})).DISABLED="disabled",Pe.INITIALIZATION="initialization",Pe.READY="ready",Pe.FAILED="failed",Pe.SUSPENDED="suspended",function(e){e.SHOWED="showed",e.EVENT="ev"}(Me||(Me={})),function(e){e.ONBOARDING="onboarding",e.ONBOARDING_IO="onboarding_io",e.QUESTION_RECEIVED="q-received",e.QUESTION_OPENED="q-opened"}(Be||(Be={})),(Ue=Fe||(Fe={})).ALLOWED="allowed",Ue.DISALLOWED="disallowed",(Ve=ze||(ze={})).UNKNOWN="unknown",Ve.ALREADY_VOTED="already_voted",A.createLogger("deep_link"),A.createLogger("bypass"),new We,A.createLogger("video_player"),(Qe=Ke||(Ke={})).Unset="unset",Qe.Required="required",Qe.Optional="optional",Qe.Completed="completed",Qe.Disabled="disabled",Qe.Unavailable="unavailable",b.QuestionType.POLL,b.QuestionType.PREDICTION,b.QuestionType.TRIVIA;var He=u({},b.SdkOverlayType.GAMES,!0),Ge=S.styled_default("div")({name:"Buttons",class:"b5o8qbl",propsAsIs:!1}),$e=function(e){var t=e.children,n=e.className;return j.jsx(Ge,{className:n,children:t})},Ye=S.styled_default("div")({name:"Navigation",class:"n6tbwuy",propsAsIs:!1}),Xe=S.styled_default($e)({name:"NavigationItems",class:"n1up4z7v",propsAsIs:!0}),Je=S.styled_default("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),Ze=S.styled_default("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),et=S.styled_default("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),tt=function(e){var t=e.disabled,n=e.active,r=e.onClick,s=e.label,o=e.icon,i=e.id;return j.jsx(Je,{onClick:r,"data-a":"intr",disabled:t,className:S.cx_default(n&&"s14xk0af",!n&&("channels"===i||"featuredGroups"===i)&&"ha3mg7c",!n&&"leaderboard"===i&&"h103yr45"),children:j.jsxs(j.Fragment,{children:[o&&j.jsx(Ze,{children:o}),j.jsx(et,{children:s})]})})},nt=S.styled_default(C.B1)({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),rt=S.styled_default("div")({name:"Container",class:"calnblm",propsAsIs:!1}),st=S.styled_default("div")({name:"Title",class:"t1438p52",propsAsIs:!1}),ot=S.styled_default("div")({name:"CloseIconWrap",class:"c17srj38",propsAsIs:!1}),it=S.styled_default(C.B1)({name:"CloseIcon",class:"clqia8k",propsAsIs:!0}),at=S.styled_default(C.B1)({name:"DashboardIcon",class:"df5w958",propsAsIs:!0}),lt=y.forwardRef(function(e,t){var n=e.sdk,r=e.className;return j.jsxs(Ye,{className:S.cx_default(r,"h12x6aiv"),children:[j.jsxs(rt,{children:[j.jsxs(st,{children:[j.jsx(at,{name:"dashboard"}),"Dashboard"]}),j.jsx(ot,{"data-a":"intr",onClick:function(){n.closeFeature()},children:j.jsx(it,{name:"icon-cross"})})]}),j.jsx("div",{ref:t})]})}),dt=y.forwardRef(function(t,n){var r=t.sdk,s=t.className,o=S.useStore(r.sdkStore.organizationSettings),i=S.useStore(r.sdkStore.streamSettings),a=S.useStore(r.getActiveFeature()),l=y.useMemo(function(){var e=(null==i?void 0:i.data)||(null==o?void 0:o.data);return null!=e&&e.overlays?e.overlays:[]},[o,i]),d=y.useMemo(function(){return e(l.filter(function(e){var t=e.enableSdkButton;return e.type===b.SdkOverlayType.GAMES||t}).map(function(e){return{id:e.type,onClick:function(){return r.openFeature(e.type)},disabled:!(e.type in He),label:e.name,icon:j.jsx("img",{src:e.icon,alt:""}),position:10*e.position}})).sort(function(e,t){return e.position-t.position})},[l,r]);return j.jsxs(Ye,{className:s,children:[0!==d.length&&j.jsx(Xe,{children:[j.jsx(tt,{id:"Channels",onClick:function(){return r.closeFeature()},label:"Channels",active:0===a},"Channels")].concat(e(d.map(function(e){return e.id===b.SdkOverlayType.GAMES?j.jsx(tt,c(c({},e),{},{active:e.id===a,label:"StreamLayer +",id:"featuredGroups",icon:j.jsx(nt,{name:"icon-btn-feature-groups","data-selected":e.id===a})}),e.id):j.jsx(tt,c(c({},e),{},{icon:void 0,active:e.id===a}),e.id)})))}),!d.length&&j.jsx(Xe,{children:[j.jsx(tt,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),j.jsx("div",{ref:n})]})}),ct=S.styled_default("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),ut=S.styled_default("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),ft=S.styled_default(C.B1)({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),pt=S.styled_default("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),mt=S.styled_default("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),vt=S.styled_default("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),ht=S.styled_default("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),yt=S.styled_default("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),gt=S.styled_default("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),jt=function(e){var t,n,r,s,o,i,a,l,d=e.close,c=e.action,u=e.onboarding;return j.jsxs(ct,{children:[j.jsx(ut,{"data-a":"intr",onClick:d,children:j.jsx(ft,{name:"icon-cross"})}),(null==(n=null==(t=null==u?void 0:u.titleCard)?void 0:t.media)?void 0:n.sponsorLogo)&&j.jsxs(pt,{children:[j.jsx(mt,{alt:"sponsor-logo",src:null==(s=null==(r=null==u?void 0:u.titleCard)?void 0:r.media)?void 0:s.sponsorLogo}),j.jsx(vt,{children:"PRESENTS"})]}),(null==(o=null==u?void 0:u.titleCard)?void 0:o.title)&&j.jsx(ht,{children:null==(i=null==u?void 0:u.titleCard)?void 0:i.title}),(null==(a=null==u?void 0:u.titleCard)?void 0:a.subtitle)&&j.jsx(yt,{children:null==(l=null==u?void 0:u.titleCard)?void 0:l.subtitle}),j.jsx(gt,{"data-a":"intr",onClick:c,children:"Play Now"})]})},bt=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",tagline:"",headline:j.jsxs(j.Fragment,{children:["Welcome to ",j.jsx("br",{})," Live Challenge"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",headline:"Live insights, polls, trivia and predictions."},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",headline:"Win points and play against friends."}],xt=S.styled_default("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),St=S.styled_default(I.f)({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),It=S.styled_default("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),kt=S.styled_default("div")({name:"OnboardingOverlap",class:"ovnr8ov",propsAsIs:!1}),wt=function(e){var t,n,r,s,o,i,a,l=e.deepLink,d=e.onboardingOpts,c=e.notification,u=e.gamification,f=e.loading,m=e.sdk,v=e.throttled,g=S.useStore(u.friends?u.friends.getStore():h.createSingleStore({data:[]})),b=p(y.useState(void 0),2),x=b[0],I=b[1],k=y.useMemo(function(){var e,t,n=m.getInviter();return n?null==(t=null==(e=g.data)?void 0:e.find(function(e){return e.slId===n}))?void 0:t.name:""},[g.data,m]);return y.useEffect(function(){var e=l.$store.subscribe(function(e){e&&I(e.data)});return function(){e()}},[l.$store]),j.jsxs(xt,{children:[j.jsx(h.tn,{loading:f,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:null==(t=d.rules)?void 0:t.buttonLabel,rulesTitle:null==(n=d.rules)?void 0:n.heading,termsTitle:"Terms and Conditions",termsText:null==(r=d.rules)?void 0:r.terms,steps:bt,primaryColor:null==(s=d.inviteCard)?void 0:s.iconColor,inviteLink:x,inviteCardTitle:null==(o=d.inviteCard)?void 0:o.heading,inviteCardSubtext:null==(i=d.inviteCard)?void 0:i.subtext,inviteCardBtnLabel:null==(a=d.inviteCard)?void 0:a.buttonLabel,onClose:function(){var e;null==(e=c.close)||e.call(c)},gamification:u,sdk:m,inviterName:k}),v&&j.jsx(kt,{})]})},Nt=function(e){var t=e.sdk,n=e.notification,r=e.saveHeight,s=e.style,o=e.appNode,i=e.sdkInDesktopView,a=e.responsiveStore,l=y.useRef(null),d=n.data.onboarding,c=p(y.useState(null==d?void 0:d.instantOpen),2),u=c[0],f=c[1],m=t.getFeature(b.SdkOverlayType.GAMES),v=y.useMemo(function(){return null==bt?void 0:bt.map(function(e){return e.graphicSrc})},[]),g=S.useStore(a,{keys:["screen"]}).screen;y.useLayoutEffect(function(){var e;r((null==(e=l.current)?void 0:e.getBoundingClientRect().height)||0)},[r]);var x=h.I(v),I=x.loading,k=x.throttled;return u&&m&&d&&o.current?j.jsx(h.T,{container:o,useContainer:!i,children:j.jsx(wt,{throttled:k,notification:n,setOpened:f,gamification:m,onboardingOpts:d,deepLink:m.deepLink,loading:I,renderToNode:o,sdk:t})}):j.jsxs(j.Fragment,{children:[j.jsx(It,{ref:l,style:{position:"absolute",visibility:"hidden"},children:j.jsx(jt,{close:function(){},action:function(){},onboarding:d})}),j.jsx(St,{style:s,hiding:n.hiding,children:j.jsx(It,{children:j.jsx(jt,{close:n.close,action:function(){var e;f(!0),((null==(e=o.current)?void 0:e.getBoundingClientRect().y)||0)<0&&B(o,g.size,{behavior:"smooth"})},onboarding:d})})})]})},At=S.styled_default(I.f)({name:"Container",class:"c8ol1ve",propsAsIs:!0}),_t=S.styled_default("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),Et=S.styled_default(_t)({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),Ct=S.styled_default("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),Ot=S.styled_default(h.f)({name:"Pill",class:"p1lha68t",propsAsIs:!0}),Rt=function(e){var t=p(y.useState(0),2),n=t[0],r=t[1],s=y.useRef(null),o=y.useMemo(function(){return new ResizeObserver(function(e){window.requestAnimationFrame(function(){var t;if(Array.isArray(e)){var n,o=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=m(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,s=function(){};return{s:s,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:s}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}(e);try{for(o.s();!(n=o.n()).done;){if(n.value.contentBoxSize){var i=null==(t=s.current)?void 0:t.getBoundingClientRect();i&&r(i.height)}}}catch(a){o.e(a)}finally{o.f()}}})})},[]),i=y.useCallback(function(e){s.current=e},[]),a=y.useCallback(function(e){r(e)},[]);return y.useEffect(function(){var e=s.current;return e?(o.observe(e),function(){o.unobserve(e)}):function(){}},[e]),y.useEffect(function(){return function(){o.disconnect()}}),[i,n,a]},Tt=function(e){var t,n,r=e.sdk,s=e.notification,o=e.appNode,i=e.responsiveStore,a=e.hasActiveFeature,l=S.useStore(i,{keys:["sdkInDesktopView"]}).sdkInDesktopView,d=_.p().sdk,u=p(Rt(s.id),3),f=u[0],m=u[1],v=u[2],y=m;return a||(y="auto"),s.type===S.NotificationType.QUESTION?j.jsxs(j.Fragment,{children:[j.jsx(Et,{ref:f,children:j.jsx(h.w,c({},s))}),j.jsxs(At,{style:{height:s.hiding?0:y},hiding:s.hiding,children:[j.jsx(_t,{style:{height:"100%"},children:j.jsx(h.w,c(c({},s),{},{controlVideo:null==d?void 0:d.controlVideoPlayer}))}),j.jsx(Ct,{},s.id)]})]}):s.type===S.NotificationType.QUESTION_RESOLVED&&null!=(n=null==(t=s.data)?void 0:t.question)&&n.predictionResult?j.jsx(h.D,c({style:{height:s.hiding?0:m},saveHeight:v,close:s.close,hiding:s.hiding},s.data.question)):s.type===S.NotificationType.ONBOARDING?j.jsx(Nt,{style:{height:s.hiding?0:y},saveHeight:v,sdk:r,notification:s,sdkInDesktopView:l,appNode:o,responsiveStore:i}):null},qt=function(e){var t,n,r=e.pill,s=e.setPill,o=e.appNode,i=e.headerNode,a=e.scrollNode,l=e.responsiveStore,d=e.scrollStore,c=S.useStore(l,{keys:["screen"]}).screen,u=S.useStore(d,{keys:["tabsShown","scrollPosition"]}),f=u.tabsShown,p=u.scrollPosition;y.useEffect(function(){l.get().sdkInDesktopView?p<50&&s(null):p>-50&&s(null)},[p,l,s]);var m=l.get().sdkInDesktopView?o:i;return r&&m.current?T.createPortal(j.jsx(Ot,{title:r.type===S.NotificationType.QUESTION_RESOLVED?"Prediction result":"New ".concat((null==(n=R.e[null==(t=r.data)?void 0:t.questionType])?void 0:n.label)||"notification"),"data-a":"intr",onClick:function(){var e;l.get().sdkInDesktopView?null==(e=a.current)||e.scrollTo({top:0,behavior:"smooth"}):B(o,c.size,{behavior:"smooth"}),s(null)},className:S.cx_default(f&&"p7vfi6t","sl-pill-button")}),m.current):null},Lt=function(e){var t=e.sdk,n=e.headerNode,r=e.scrollNode,s=e.responsiveStore,o=e.appNode,i=e.scrollStore,a=e.hasActiveFeature,l=p(y.useState(t.getNotificationsStore()),1)[0],d=S.useStore(l),c=p(y.useState(null),2),u=c[0],f=c[1],m=y.useMemo(function(){return t.getActiveNotification()},[t,d]);return y.useEffect(function(){m&&q.eventBus.emit("notification",{action:"rendered",payload:{questionId:m.data.questionId,questionType:m.data.questionType}})},[m]),y.useEffect(function(){var e=s.get(),t=e.sdkInDesktopView,n=e.sdkInView;m&&(t||n)&&(!t&&n&&f(m),t&&window.requestAnimationFrame(function(){0!==i.get().scrollPosition&&f(m)}))},[m]),y.useEffect(function(){m||f(null)},[m]),j.jsxs(j.Fragment,{children:[!u&&m&&j.jsx(Tt,{appNode:o,sdk:t,hasActiveFeature:a,notification:m,responsiveStore:s}),u&&j.jsx(qt,{pill:u,setPill:f,appNode:o,notification:m,headerNode:n,scrollNode:r,scrollStore:i,responsiveStore:s})]})},Dt=function(e){var t=e.sdk,n=e.className,r=e.scrollStore,s=e.appNode,o=e.scrollNode,i=e.responsiveStore,a=p(h.p(t),2)[1];return j.jsx(Ee,{className:n,scrollNode:o,appNode:s,scrollStore:r,feature:a,responsiveStore:i,sdk:t})},Pt=function(e){var t=e.sdk,n=e.muted,r=e.className,s=e.appNode,o=e.responsiveStore,i=S.useStore(t.featuresList.getStore());return i?Array.from(i,function(e){var i=t.getFeature(e);return i?j.jsx(Ce,{className:r,muted:n,appNode:s,feature:i,responsiveStore:o,sdk:t},e):null}):null},Mt=function(e){var t=e.sdk,n=e.muted,r=e.topNavigation,s=p(y.useState(!0),2),o=s[0],i=s[1],a=y.useRef(null),l=S.useStore(t.uiState),d=y.useRef(null),c=function(e){var t=p(y.useState(function(){return w.f({screen:D(),sdkInView:P(e),sdkInDesktopView:M()})}),1)[0];return y.useEffect(function(){var n=k(function(){t.setKey("sdkInView",P(e))},200),r=k(function(){var e=D();t.setKey("screen",e),t.setKey("sdkInDesktopView",M())},200);return window.addEventListener("scroll",n),window.addEventListener("resize",r),function(){window.removeEventListener("scroll",n),window.removeEventListener("resize",r)}},[t,e]),[t]}(a),u=p(c,1)[0],f=function(e,t){var n=y.useRef(null),r=y.useRef(0),s=p(y.useState(w.f({scrollPosition:0,tabsShown:!0,scrollDirection:"forward"})),1)[0],o=S.useStore(t);return y.useEffect(function(){var t=M()?n.current:window;if(!t)return function(){};var o=k(function(t){var n,o=t.target;if(o){var i=0;i=M()?o.scrollTop:(null==(n=e.current)?void 0:n.getBoundingClientRect().y)||0;var a=r.current-i;if(!(15>Math.abs(a))){var l=r.current<i?"forward":"backward";r.current=i,s.set({scrollPosition:Math.round(i),scrollDirection:l,tabsShown:s.get().tabsShown})}}},200);return t.addEventListener("scroll",o),function(){t.removeEventListener("scroll",o)}},[s,e,o.screen]),[n,s]}(a,u),m=p(f,2),v=m[0],h=m[1],g=function(e){var t=S.useStore(e.status),n=S.useStore(e.sdkStore.slStreamId),r=S.useStore(e.userId()),s=S.useStore(e.getActiveFeature()),o="ready"===t&&!!n.data;return y.useEffect(function(){var t=e.getFeature(b.SdkOverlayType.GAMES);t&&s!==b.SdkOverlayType.GAMES&&(t.closeQuestion(),t.closeUser()),null==t||t.openedQuestionId.subscribe(function(t){t&&s!==b.SdkOverlayType.GAMES&&e.openFeature(b.SdkOverlayType.GAMES)})},[s,e]),{sdkReady:o,activeFeature:s,isLogged:!!r}}(t),x=g.sdkReady,A=g.activeFeature,E=g.isLogged,C=!!x;w.b(a,{enabled:C,event:"click",listener:w.A});var O=y.useMemo(function(){return{sdk:t,topNavigation:r}},[t,r]);return y.useEffect(function(){Promise.resolve().then(function(){return require("./gamification-feature.js")})},[]),j.jsx(_.e.Provider,{value:O,children:j.jsxs(I.p,{ref:function(e){a.current=e,i(!!e)},className:r?"":"c10llmat",children:[C&&r&&l.app&&j.jsx(dt,{className:S.cx_default(N.m,"sl-hide-on-modal"),sdk:t,ref:d}),C&&!r&&!!A&&l.app&&j.jsx(lt,{className:S.cx_default(N.m,"sl-hide-on-modal"),sdk:t,ref:d}),j.jsxs(I.c,{className:"sl-hide-on-modal",ref:v,"data-nav":(!!A&&C).toString(),children:[C&&l.app&&j.jsx(Lt,{sdk:t,scrollNode:v,headerNode:d,appNode:a,scrollStore:h,responsiveStore:u,hasActiveFeature:!!A}),C&&l.app&&j.jsx(Dt,{scrollStore:h,responsiveStore:u,scrollNode:v,appNode:a,className:N.m,sdk:t}),C&&o&&j.jsx(Pt,{muted:n,responsiveStore:u,appNode:a,className:N.m,sdk:t})]}),C&&!E&&o&&l.app&&j.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})};exports.B=function(e){var t=e.gamification,n=e.scrollStore,r=e.className,s=e.appNode,o=e.scrollNode,i=e.responsiveStore;return j.jsx(Se,{appNode:s,scrollStore:n,scrollNode:o,className:r,gamification:t,responsiveStore:i})},exports.b=function(e){var t=e.event,n=e.topNavigation,r=e.theme,s=e.muted,o=e.withSidebarNotification,i=void 0===o||o,a=y.useContext(g.i),l=a.sdk,d=a.status,c=g.F(),u=g.z(),f=y.useContext(g.i).event;if(d===g.Y.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return d===g.Y.CONNECTED?j.jsx("div",{className:"StreamLayerSDK",children:"wait"}):null===l?j.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):(c.app||c.appNotification||c.appSidebar)&&(c.app||c.appSidebar||!c.appNotification||i)?j.jsx("div",{className:"StreamLayerSDK",children:j.jsx(x.h,{customTheme:null!=r?r:u.theme,themeMode:u.themeMode,children:j.jsx(Mt,{sdk:l,muted:s,event:(null==f?void 0:f.current)||t,topNavigation:n})})}):null};

package/lib/cjs/index3.js

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var l=(t,e,s)=>e in t?d(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var n=(t,e,s)=>l(t,typeof e!="symbol"?e+"":e,s);const u=require("pino");require("./sl-types.js");require("nanostores");const i=require("./useStreamLayerApp2.js"),c=u.pino({level:"trace",enabled:typeof window<"u"&&!!window.localStorage.getItem("SL_DEBUG"),browser:{write:t=>{console.log(t)}}}),a=(t,e)=>c.child({name:t},e);class v extends Event{constructor(s,r){super(s);n(this,"slEventBus");this.slEventBus=r}}const w=a("event-bus");class E{constructor(e="sl-event-bus"){n(this,"name");n(this,"listeners");n(this,"emit",(e,s)=>{const r=new v(this.name,{...s,type:e});w.debug(r,"Emitting event"),window.dispatchEvent(r)});n(this,"destroy",()=>{this.listeners.forEach(e=>{window.removeEventListener(this.name,e),this.listeners.delete(e)}),this.listeners.clear()});this.name=e,this.listeners=new Set}listen(e){return window.addEventListener(this.name,e),this.listeners.add(e),()=>{this.off(e)}}off(e){window.removeEventListener(this.name,e),this.listeners.delete(e)}}window.slStore=Object.create(null);var o;(function(t){t.ORGANIZATION="ORGANIZATION",t.STREAM="STREAM"})(o||(o={}));i.SdkOverlayType.BETTING+"",i.SdkOverlayType.GAMES+"",i.SdkOverlayType.PUBLIC_CHAT+"",i.SdkOverlayType.TWITTER+"";exports.FeatureStatus=void 0;(function(t){t.Ready="ready",t.Suspended="suspended"})(exports.FeatureStatus||(exports.FeatureStatus={}));const h=new E;exports.createLogger=a;exports.eventBus=h;
+"use strict";var e=new(require("./feature.js").EventBus);exports.eventBus=e;