@streamlayer/react 1.24.5 → 1.24.6

package/lib/cjs/index2.js

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