@streamlayer/react 1.23.0 → 1.23.1

package/lib/classic/cjs/notification2.js

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

package/lib/classic/cjs/pause-ad.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),L=require("./index5.js"),l=require("./sl-types.js"),q=require("./index10.js"),s=require("react"),j=require("./index7.js"),D=require("./hooks-B0Qttldg.js"),U=l.styled_default("div")({name:"PauseAdOverlay",class:"pw9gih8",propsAsIs:!1}),M=l.styled_default("div")({name:"PauseAdContent",class:"p8lpomy",propsAsIs:!1}),F=l.styled_default("div")({name:"PauseAdTopLeft",class:"pv7u167",propsAsIs:!1}),N=l.styled_default("h2")({name:"PauseAdTitle",class:"p1kh2yb0",propsAsIs:!1}),O=l.styled_default("p")({name:"PauseAdCaption",class:"pl8f94x",propsAsIs:!1}),V=l.styled_default("div")({name:"PauseAdBottomLeft",class:"p1m6zmrt",propsAsIs:!1}),z=l.styled_default("button")({name:"PauseAdPlayButton",class:"pm3vwfa",propsAsIs:!1}),K=l.styled_default("div")({name:"PauseAdSidebarGradient",class:"p1tibuhw",propsAsIs:!1}),G=l.styled_default("div")({name:"PauseAdSidebar",class:"ptqqrqd",propsAsIs:!1}),Q=l.styled_default("span")({name:"PauseAdTitleDescription",class:"p14estxv",propsAsIs:!1}),w=l.styled_default("img")({name:"ExternalAdContainer",class:"e1dpvfl1",propsAsIs:!1}),W=({vastUrl:i,isDesktop:a,content:e})=>(s.useEffect(()=>{e.imageSrc&&e.id&&j.eventBus.emit("exposedPauseAd",{action:"rendered",payload:{id:e.id,parentId:e.parentId}})},[e,i]),e!=null&&e.imageSrc?!e.adUrl||!a?r.jsx(w,{src:e.imageSrc}):r.jsx("a",{onClick:()=>{j.eventBus.emit("exposedPauseAd",{action:"navigated",payload:{id:e.id,parentId:e.parentId}})},href:e.adUrl,target:"_blank",rel:"noopener noreferrer",children:r.jsx(w,{src:e.imageSrc})}):null),X=({isClosing:i,content:a,externalPauseAdStore:e,title:x,caption:m,onPlay:c,onClose:u,vastUrl:n,options:v,isDesktop:d})=>{const k=(v==null?void 0:v.showPauseButton)??!0,{ref:p,focusSelf:P}=q.distExports.useFocusable({focusKey:"sl-pause-ad-play",onEnterRelease:c,isFocusBoundary:!0,forceFocus:!0});return s.useEffect(()=>()=>{e.revalidate()},[e]),s.useEffect(()=>{p.current&&P()},[p,P]),s.useEffect(()=>{if(!u)return()=>{};const b=A=>{const o=A.keyCode;if(o===461||o===10009||o===27||o===8){A.preventDefault(),A.stopPropagation(),A.stopImmediatePropagation(),u();return}};return window.addEventListener("keydown",b,{capture:!0}),()=>window.removeEventListener("keydown",b,{capture:!0})},[u]),r.jsx(U,{className:l.cx_default("SL_PauseAdOverlay",i&&"pause-ad-closing"),children:r.jsxs(M,{children:[r.jsxs(F,{children:[r.jsx(N,{children:x}),r.jsx(O,{children:m})]}),k&&r.jsx(V,{children:r.jsx(z,{ref:p,onClick:c,onMouseEnter:()=>p.current.focus(),"aria-label":"Resume playback"})}),r.jsx(K,{className:"SL_PauseAdSidebar",children:r.jsxs(G,{children:[n&&r.jsx(W,{content:a,isDesktop:d,vastUrl:n}),r.jsx(Q,{children:"ADVERTISEMENT"})]})})]})})},$=({showPauseAd:i,vastUrls:a,title:e,caption:x,sdk:m,onClose:c,onRender:u,options:n,isDesktop:v})=>{const d=(n==null?void 0:n.pauseAdDelay)??0,k=(n==null?void 0:n.pauseAdRefetchInterval)??1e3*60*50,[p,P]=s.useState(!1),[b,A]=s.useState(!1),o=s.useRef(),y=a==null?void 0:a[0].url,h=s.useRef(y),g=s.useRef(""),I=s.useRef("");h.current=y;const[f,R]=m.advertisement.getExternalPauseAd(y,{refetchInterval:k,$enabled:d===0||!!i,prefetch:d===0&&k>0}),S=l.useStore(f),E=s.useCallback(()=>{if(c){I.current=h.current;const t=f.get().data;j.eventBus.emit("exposedPauseAd",{action:"closed",payload:(t==null?void 0:t.url)===I.current?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}}),c()}},[c,f]),B=s.useCallback(()=>{m.controlVideoPlayer({play:!0})},[m]);return s.useEffect(()=>{R===h.current&&S.error&&(console.log("error",S.error),clearTimeout(o.current),E==null||E())},[S,E,R]),s.useEffect(()=>{if(i&&y){g.current=h.current,I.current="";const t=f.get().data;j.eventBus.emit("exposedPauseAd",{action:"enabled",payload:(t==null?void 0:t.url)===g.current?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}});const _=()=>{const T=f.get(),C=T.data;(C==null?void 0:C.url)===h.current&&(!T.loading&&C!=null&&C.imageSrc?(clearTimeout(o.current),A(!1),P(!0)):T.loading&&(o.current=setTimeout(()=>{console.log("checkAndAllowRender timeout"),_()},200)))};clearTimeout(o.current),o.current=setTimeout(()=>{_()},d)}else{if(I.current!==h.current){const t=f.get().data;I.current="",g.current!==""&&(j.eventBus.emit("exposedPauseAd",{action:"disabled",payload:g.current===(t==null?void 0:t.url)?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}}),g.current="")}A(!0),o.current=setTimeout(()=>{P(!1)},400)}return()=>{o.current&&clearTimeout(o.current)}},[f,E,d,i,y]),s.useEffect(()=>{u==null||u({rendered:p})},[p,u]),s.useEffect(()=>()=>{u==null||u({rendered:!1})},[u]),!p||!S.data?null:r.jsx(X,{onClose:E,isClosing:b,title:e,caption:x,onPlay:B,vastUrl:y,options:n,isDesktop:v,externalPauseAdStore:f,content:S.data})},H=({showPauseAd:i,pauseAdVastUrl:a,videoPlayerController:e,onRenderPauseAd:x,onClosePauseAd:m,children:c,options:u})=>{const n=D.B(),v=D.z(),d=s.useRef();return s.useEffect(()=>n?(e&&(d.current=e,n.addVideoPlayerController(d.current)),()=>{d.current&&n.removeVideoPlayerController(d.current)}):()=>{},[n,e]),n?r.jsx("div",{className:"StreamLayerSDK",children:r.jsxs(L.h,{style:c?{position:"relative"}:{},customTheme:v.theme,themeMode:v.themeMode,children:[c,a&&r.jsx($,{sdk:n,showPauseAd:i,vastUrls:a,onClose:m,onRender:x,options:u,isDesktop:!0})]})}):c};class J extends s.Component{constructor(a){super(a),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(a,e){console.error(a,e.componentStack)}render(){return this.state.hasError?this.props.children:r.jsx(H,{...this.props})}}exports.StreamLayerPauseAd=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("./index7.js"),l=require("./sl-types.js"),B=require("./index11.js"),s=require("react"),j=require("./index5.js"),R=require("./hooks-WfHlJH12.js"),U=l.styled_default("div")({name:"PauseAdOverlay",class:"pw9gih8",propsAsIs:!1}),M=l.styled_default("div")({name:"PauseAdContent",class:"p8lpomy",propsAsIs:!1}),F=l.styled_default("div")({name:"PauseAdTopLeft",class:"pv7u167",propsAsIs:!1}),N=l.styled_default("h2")({name:"PauseAdTitle",class:"p1kh2yb0",propsAsIs:!1}),V=l.styled_default("p")({name:"PauseAdCaption",class:"pl8f94x",propsAsIs:!1}),z=l.styled_default("div")({name:"PauseAdBottomLeft",class:"p1m6zmrt",propsAsIs:!1}),H=l.styled_default("button")({name:"PauseAdPlayButton",class:"pm3vwfa",propsAsIs:!1}),K=l.styled_default("div")({name:"PauseAdSidebarGradient",class:"p1tibuhw",propsAsIs:!1}),O=l.styled_default("div")({name:"PauseAdSidebar",class:"ptqqrqd",propsAsIs:!1}),W=l.styled_default("span")({name:"PauseAdTitleDescription",class:"p14estxv",propsAsIs:!1}),w=l.styled_default("img")({name:"ExternalAdContainer",class:"e1dpvfl1",propsAsIs:!1}),G=({vastUrl:i,isDesktop:a,content:e})=>(s.useEffect(()=>{e.imageSrc&&e.id&&j.eventBus.emit("exposedPauseAd",{action:"rendered",payload:{id:e.id,parentId:e.parentId}})},[e,i]),e!=null&&e.imageSrc?!e.adUrl||!a?r.jsx(w,{src:e.imageSrc}):r.jsx("a",{onClick:()=>{j.eventBus.emit("exposedPauseAd",{action:"navigated",payload:{id:e.id,parentId:e.parentId}})},href:e.adUrl,target:"_blank",rel:"noopener noreferrer",children:r.jsx(w,{src:e.imageSrc})}):null),J=({isClosing:i,content:a,externalPauseAdStore:e,title:y,caption:m,onPlay:c,onClose:u,vastUrl:n,options:v,isDesktop:d})=>{const k=(v==null?void 0:v.showPauseButton)??!0,{ref:p,focusSelf:P}=B.distExports.useFocusable({focusKey:"sl-pause-ad-play",onEnterRelease:c,isFocusBoundary:!0,forceFocus:!0});return s.useEffect(()=>()=>{e.revalidate()},[e]),s.useEffect(()=>{p.current&&P()},[p,P]),s.useEffect(()=>{if(!u)return()=>{};const b=A=>{const o=A.keyCode;if(o===461||o===10009||o===27||o===8){A.preventDefault(),A.stopPropagation(),A.stopImmediatePropagation(),u();return}};return window.addEventListener("keydown",b,{capture:!0}),()=>window.removeEventListener("keydown",b,{capture:!0})},[u]),r.jsx(U,{className:l.cx_default("SL_PauseAd",i&&"pause-ad-closing"),children:r.jsxs(M,{children:[r.jsxs(F,{children:[r.jsx(N,{children:y}),r.jsx(V,{children:m})]}),k&&r.jsx(z,{children:r.jsx(H,{ref:p,onClick:c,onMouseEnter:()=>p.current.focus(),"aria-label":"Resume playback"})}),r.jsx(K,{className:"SL_PauseAdSidebar",children:r.jsxs(O,{children:[n&&r.jsx(G,{content:a,isDesktop:d,vastUrl:n}),r.jsx(W,{children:"ADVERTISEMENT"})]})})]})})},X=({showPauseAd:i,vastUrls:a,title:e,caption:y,sdk:m,onClose:c,onRender:u,options:n,isDesktop:v})=>{const d=(n==null?void 0:n.pauseAdDelay)??0,k=(n==null?void 0:n.pauseAdRefetchInterval)??1e3*60*50,[p,P]=s.useState(!1),[b,A]=s.useState(!1),o=s.useRef(),h=a==null?void 0:a[0].url,x=s.useRef(h),g=s.useRef(""),I=s.useRef("");x.current=h;const[f,_]=m.advertisement.getExternalPauseAd(h,{refetchInterval:k,$enabled:d===0||!!i,prefetch:d===0&&k>0}),S=l.useStore(f),E=s.useCallback(()=>{if(c){I.current=x.current;const t=f.get().data;j.eventBus.emit("exposedPauseAd",{action:"closed",payload:(t==null?void 0:t.url)===I.current?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}}),c()}},[c,f]),L=s.useCallback(()=>{m.controlVideoPlayer({play:!0})},[m]);return s.useEffect(()=>{_===x.current&&S.error&&(console.log("error",S.error),clearTimeout(o.current),E==null||E())},[S,E,_]),s.useEffect(()=>{if(i&&h){g.current=x.current,I.current="";const t=f.get().data;j.eventBus.emit("exposedPauseAd",{action:"enabled",payload:(t==null?void 0:t.url)===g.current?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}});const D=()=>{const T=f.get(),C=T.data;(C==null?void 0:C.url)===x.current&&(!T.loading&&C!=null&&C.imageSrc?(clearTimeout(o.current),A(!1),P(!0)):T.loading&&(o.current=setTimeout(()=>{console.log("checkAndAllowRender timeout"),D()},200)))};clearTimeout(o.current),o.current=setTimeout(()=>{D()},d)}else{if(I.current!==x.current){const t=f.get().data;I.current="",g.current!==""&&(j.eventBus.emit("exposedPauseAd",{action:"disabled",payload:g.current===(t==null?void 0:t.url)?{id:t==null?void 0:t.id,parentId:t==null?void 0:t.parentId}:{}}),g.current="")}A(!0),o.current=setTimeout(()=>{P(!1)},400)}return()=>{o.current&&clearTimeout(o.current)}},[f,E,d,i,h]),s.useEffect(()=>{u==null||u({rendered:p})},[p,u]),s.useEffect(()=>()=>{u==null||u({rendered:!1})},[u]),!p||!S.data?null:r.jsx(J,{onClose:E,isClosing:b,title:e,caption:y,onPlay:L,vastUrl:h,options:n,isDesktop:v,externalPauseAdStore:f,content:S.data})},$=({showPauseAd:i,pauseAdVastUrl:a,videoPlayerController:e,onRenderPauseAd:y,onClosePauseAd:m,children:c,options:u})=>{const n=R.B(),v=R.z(),d=s.useRef();return s.useEffect(()=>n?(e&&(d.current=e,n.addVideoPlayerController(d.current)),()=>{d.current&&n.removeVideoPlayerController(d.current)}):()=>{},[n,e]),n?r.jsx("div",{className:"StreamLayerSDK",children:r.jsxs(q.h,{style:c?{position:"relative"}:{},customTheme:v.theme,themeMode:v.themeMode,children:[c,a&&r.jsx(X,{sdk:n,showPauseAd:i,vastUrls:a,onClose:m,onRender:y,options:u,isDesktop:!0})]})}):c};class Q extends s.Component{constructor(a){super(a),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(a,e){console.error(a,e.componentStack)}render(){return this.state.hasError?this.props.children:r.jsx($,{...this.props})}}exports.StreamLayerPauseAd=Q;

package/lib/classic/cjs/points.js

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