@streamlayer/react 1.3.1 → 1.3.3

package/lib/app/advertisement.d.ts

@@ -5,6 +5,7 @@ export type StreamLayerSDKAdvertisementProps = {
     banner?: 'top' | 'bottom';
     isMobileScreen?: boolean;
     persistent?: boolean;
+    notification?: boolean;
 };
 export { StreamLayerSDKAdvertisementUI };
 export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;

package/lib/app/provider.d.ts

@@ -1,6 +1,18 @@
 import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
-import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
-export type { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
+import { DeepLinkCallback } from '@streamlayer/sdk-web-core';
+export type { DeepLinkCallback } from '@streamlayer/sdk-web-core';
+export type ContentActivateParams = {
+    stage: 'activate' | 'deactivate';
+    id: string;
+    isShowed?: boolean;
+    hasNotification?: boolean;
+    type: 'advertisement';
+};
+export type VideoPlayerData = {
+    muted: boolean;
+};
+export type VideoPlayerCallback = (videoPlayerData: VideoPlayerData) => void;
+export type OnContentActivateCallback = (renderData: ContentActivateParams) => void;
 export declare enum StreamLayerStatus {
     UNSET = 0,
     CONNECTED = 1,

package/lib/cjs/advertisement.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),o=require("./provider.js"),h=require("./index2.js"),r=require("./useStreamLayerApp2.js"),w=o.styled_default("div")({name:"Container",class:"c5b6wdg",propsAsIs:!1}),G="a1rlj479",F="s35f1di",z="sj4471g",K="b12050d8",W="b1d5ybek",H=e=>e==="left"||e==="right"?F:K,Q=e=>e==="left"||e==="right"?z:W,J=e=>e==="left"?"avdxyl3":e==="right"?"a1bisd08":e==="top"?"a1u9y2aj":"a1qqaks",R=({children:e,style:t,className:i,enabled:n=!0,hiding:a,direction:l="left",onAnimationEnd:d})=>s.jsx(w,{style:t,className:o.cx_default(i,G,J(l),n&&!a&&H(l),n&&a&&Q(l)),onAnimationEnd:d,children:e}),V=o.styled_default("a")({name:"Link",class:"l1sgte8c",propsAsIs:!1}),X=o.styled_default("div")({name:"BannerContainer",class:"b7yfc72",propsAsIs:!1}),Y=()=>V,Z=o.styled_default(Y())({name:"BannerLink",class:"bejjq94",propsAsIs:!0}),ee=o.styled_default("img")({name:"BannerImg",class:"b1j94hdr",propsAsIs:!1}),se=({promotion:e,promotionId:t,hiding:i,direction:n="bottom"})=>{var a;return(a=e.additionalBanner)!=null&&a.imageUrl?s.jsx(R,{direction:n,hiding:i,children:s.jsx(X,{className:"BannerContainer",children:s.jsx(Z,{className:"BannerLink",href:e.additionalBanner.url,style:{backgroundImage:`url(${e.additionalBanner.imageUrl})`},"data-promo-id":t,"data-promo-type":e.type,"data-analytics":"banner",target:"_blank",children:s.jsx(ee,{src:e.additionalBanner.imageUrl,alt:"promo"})})})}):null},oe=o.styled_default("div")({name:"OverlayContainer",class:"okzhq2w",propsAsIs:!1}),te=o.styled_default("div")({name:"PromoOverlay",class:"pmgz5i",propsAsIs:!1}),ne=o.styled_default("div")({name:"Header",class:"hyxi3jt",propsAsIs:!1}),ae=o.styled_default("div")({name:"HeaderContent",class:"h149e3gp",propsAsIs:!1}),le="h10toh7",q=o.styled_default("img")({name:"SponsorLogo",class:"s1jyea6t",propsAsIs:!1}),ie=o.styled_default("div")({name:"SponsorName",class:"szpfa3h",propsAsIs:!1}),re=o.styled_default("div")({name:"Media",class:"m1crmu01",propsAsIs:!1}),de=o.styled_default("img")({name:"PromoImg",class:"p1l37r8s",propsAsIs:!1}),ce="s1nmch9k",O=o.styled_default("div")({name:"Content",class:"c1er0ljd",propsAsIs:!1}),pe=o.styled_default("div")({name:"Description",class:"dydopmr",propsAsIs:!1}),me=o.styled_default("div")({name:"Sponsor",class:"s1w6nt04",propsAsIs:!1}),ue=o.styled_default("div")({name:"SponsorText",class:"s1evcmtq",propsAsIs:!1}),ye=o.styled_default("div")({name:"ADLogo",class:"awodx0x",propsAsIs:!1}),ve=o.styled_default("span")({name:"SponsoredText",class:"s1q3n6oi",propsAsIs:!1}),be=o.styled_default("div")({name:"CloseIconWrap",class:"c8d4xfk",propsAsIs:!1}),he=()=>o.c1,ge=o.styled_default(he())({name:"CloseIcon",class:"ct6oobh",propsAsIs:!0}),Ae=o.styled_default("div")({name:"ActionBtnWrap",class:"a1gyg7tt",propsAsIs:!1}),xe=o.styled_default("a")({name:"ActionButton",class:"a17rwbtk",propsAsIs:!1}),fe=o.styled_default("div")({name:"Title",class:"t3vxzaw",propsAsIs:!1}),Ie="h10f3u0j",D=({promotion:e,promotionId:t,onClose:i})=>{var n,a,l,d,p,m,c,u,g,A,x,f,I,j,_,S,$,k,T,M,C,N,B,L,E,P;const y=e.type===r.PromotionType.INGAME_IAB11_LBAR||e.type===r.PromotionType.INGAME_IAB11,v=((n=e.sponsor)==null?void 0:n.logo)&&e.logoMode===r.PromotionLogoMode.CENTER;return s.jsxs(te,{className:"PromoOverlay",children:[s.jsxs(ne,{children:[s.jsxs(ae,{className:o.cx_default(!v&&le),children:[((a=e.sponsor)==null?void 0:a.logo)&&e.logoMode===r.PromotionLogoMode.LEFT&&s.jsx(q,{src:(l=e.sponsor)==null?void 0:l.logo,alt:"promo"}),s.jsxs(me,{style:{paddingLeft:(d=e.sponsor)!=null&&d.logo&&e.logoMode===r.PromotionLogoMode.LEFT?"0px":"8px"},children:[((p=e.sponsor)==null?void 0:p.logo)&&e.logoMode===r.PromotionLogoMode.LEFT&&s.jsx(ie,{children:(m=e.sponsor)==null?void 0:m.name}),s.jsxs(ue,{className:"SponsorText",children:[s.jsx(ye,{children:"AD"}),s.jsx(ve,{children:"SPONSORED"})]})]})]}),s.jsx(be,{className:"ClosePromoIcon",onClick:i,children:s.jsx(ge,{name:"icon-cross"})})]}),s.jsxs(re,{children:[v&&s.jsx(q,{className:ce,src:(c=e.sponsor)==null?void 0:c.logo,alt:"promo"}),s.jsx(O,{children:(g=(u=e.banner)==null?void 0:u.video)!=null&&g.url?s.jsx(o.Q,{source:(x=(A=e.banner)==null?void 0:A.video)==null?void 0:x.url,poster:(I=(f=e.banner)==null?void 0:f.video)==null?void 0:I.thumbnailUrl,aspectRatio:y?"1/1":"16/9",onPlay:()=>{o.eventBus.emit("advertisement",{action:"videoPlay",payload:{advertisementId:t,advertisementType:e.type}})}}):(j=e.banner)!=null&&j.imageUrl?s.jsx(de,{style:y?{aspectRatio:"1/1"}:{},src:(_=e.banner)==null?void 0:_.imageUrl,alt:"promo"}):null}),!y&&s.jsxs(O,{children:[((S=e.banner)==null?void 0:S.title)&&s.jsx(fe,{className:o.cx_default("AdvTitle",v&&Ie),children:($=e.banner)==null?void 0:$.title}),((k=e.banner)==null?void 0:k.body)&&s.jsx(pe,{className:"AdvDescription",children:(T=e.banner)==null?void 0:T.body})]})]}),s.jsx(Ae,{children:s.jsx(xe,{href:(M=e.banner)==null?void 0:M.url,style:{backgroundColor:((N=(C=e.banner)==null?void 0:C.ctaButton)==null?void 0:N.color)||"#009dc4",color:((L=(B=e.banner)==null?void 0:B.ctaButton)==null?void 0:L.textColor)||"#fff"},"data-analytics":"button","data-promo-id":t,"data-promo-type":e.type,target:"_blank",children:(P=(E=e.banner)==null?void 0:E.ctaButton)==null?void 0:P.label})})]})},je=o.styled_default("div")({name:"SidebarContainer",class:"s1abskp8",propsAsIs:!1}),_e=({children:e,direction:t,style:i,className:n,hiding:a})=>s.jsx(R,{direction:t,style:i,hiding:a,className:n,children:s.jsx(je,{children:e})}),Se=e=>(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB11_LBAR||(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB21_LBAR,$e=e=>(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB11||(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB21,ke=({advertisement:e,skipTypeCheck:t,layoutMode:i="side-by-side",sidebar:n,banner:a})=>{const l=o.useStore(e.data);return!l.data&&l.loading?null:l.error?s.jsxs("div",{children:["error ",s.jsx("button",{onClick:e.close,children:"close"})]}):l.data?!n&&!a&&(t||$e(l.data))?s.jsx(oe,{className:"PromoOverlayContainer",children:s.jsx(D,{promotionId:e.id,promotion:l.data,onClose:e.close})}):n&&(t||Se(l.data))?s.jsx(_e,{className:"PromoSidebarContainer",direction:n,hiding:e.hiding,children:s.jsx(D,{promotionId:e.id,promotion:l.data,onClose:e.close})}):a?s.jsx(se,{promotionId:e.id,hiding:e.hiding,promotion:l.data,direction:a}):null:s.jsxs("div",{children:["empty promo ",s.jsx("button",{onClick:e.close,children:"close"})]})},Te=o.styled_default("div")({name:"AdvertisementUIWrap",class:"aa6pjif",propsAsIs:!1}),Me=e=>{const t=e.target;if(t instanceof HTMLAnchorElement&&t.target==="_blank"){const i=t.getAttribute("data-promo-id")||"",n=t.getAttribute("data-promo-type")||r.PromotionType.UNSET;t.getAttribute("data-analytics")==="button"&&o.eventBus.emit("advertisement",{action:"buttonSelect",payload:{advertisementId:i,advertisementType:n}}),t.getAttribute("data-analytics")==="banner"&&o.eventBus.emit("advertisement",{action:"bannerSelect",payload:{advertisementId:i,advertisementType:n}})}},Ce=({gamification:e,layoutMode:t,skipTypeCheck:i,sidebar:n,banner:a,isMobileScreen:l,persistent:d})=>{const p=b.useRef(null),m=o.useStore(e.advertisement.$list),c=b.useMemo(()=>e.advertisement.getActiveAdvertisement(d),[m,d]);o.L(p,{enabled:!!c,event:"click",listener:Me});const u=!a&&!n;return c?s.jsx(Te,{ref:p,style:{height:u?"auto":"100%"},className:l?"mobile-view":"",children:s.jsx(ke,{skipTypeCheck:i,sidebar:n,banner:a,advertisement:c,layoutMode:t})}):null},U=({sdk:e,sidebar:t,banner:i,skipTypeCheck:n,event:a,layoutMode:l,isMobileScreen:d,persistent:p})=>{const{deactivate:m}=h.F(e);b.useEffect(()=>{a?e.createEventSession(a):m()},[a,m,e]);const c=o.useStore(e.featuresList.getStore());if(t&&i)return s.jsx("div",{style:{color:"red"},children:"define either sidebar or banner, not both."});if(!c)return null;const u=e.getFeature(r.SdkOverlayType.GAMES);return u?s.jsx(Ce,{gamification:u,sidebar:t,banner:i,layoutMode:l,isMobileScreen:d,persistent:p,skipTypeCheck:n}):null},Ne=({event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:a})=>{const l=h.useStreamLayer();return l?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(h.d,{children:s.jsx(U,{sdk:l,event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:a,layoutMode:"side-by-side"})})}):null};exports.StreamLayerSDKAdvertisement=Ne;exports.StreamLayerSDKAdvertisementUI=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),I=require("react"),s=require("./provider.js"),h=require("./index2.js"),d=require("./useStreamLayerApp2.js"),z=s.styled_default("div")({name:"Container",class:"c5b6wdg",propsAsIs:!1}),K="a1rlj479",H="s35f1di",W="sj4471g",Q="b12050d8",J="b1d5ybek",V=e=>e==="left"||e==="right"?H:Q,X=e=>e==="left"||e==="right"?W:J,Y=e=>e==="left"?"avdxyl3":e==="right"?"a1bisd08":e==="top"?"a1u9y2aj":"a1qqaks",b=({children:e,style:t,className:l,enabled:n=!0,hiding:i,direction:r="left",onAnimationEnd:a})=>o.jsx(z,{style:t,className:s.cx_default(l,K,Y(r),n&&!i&&V(r),n&&i&&X(r)),onAnimationEnd:a,children:e}),Z=s.styled_default("a")({name:"Link",class:"l1sgte8c",propsAsIs:!1}),ee=s.styled_default("div")({name:"BannerContainer",class:"b7yfc72",propsAsIs:!1}),oe=()=>Z,se=s.styled_default(oe())({name:"BannerLink",class:"bejjq94",propsAsIs:!0}),te=s.styled_default("img")({name:"BannerImg",class:"b1j94hdr",propsAsIs:!1}),ne=({promotion:e,promotionId:t,hiding:l,direction:n="bottom"})=>{var i;return(i=e.additionalBanner)!=null&&i.imageUrl?o.jsx(b,{direction:n,hiding:l,children:o.jsx(ee,{className:"BannerContainer",children:o.jsx(se,{className:"BannerLink",href:e.additionalBanner.url,style:{backgroundImage:`url(${e.additionalBanner.imageUrl})`},"data-promo-id":t,"data-promo-type":e.type,"data-analytics":"banner",target:"_blank",children:o.jsx(te,{src:e.additionalBanner.imageUrl,alt:"promo"})})})}):null},ie=s.styled_default("div")({name:"NotificationContent",class:"n1ku6hz",propsAsIs:!1}),ae=s.styled_default("div")({name:"NotificationContainer",class:"nbxqmol",propsAsIs:!1}),le=s.styled_default("div")({name:"Body",class:"b1gu3eml",propsAsIs:!1}),de=s.styled_default("div")({name:"Title",class:"t1u17zva",propsAsIs:!1}),re=s.styled_default("div")({name:"Text",class:"t10ko1g",propsAsIs:!1}),v=s.styled_default("div")({name:"Media",class:"mntc42e",propsAsIs:!1}),ce=()=>v,D=s.styled_default(ce())({name:"MediaImgFit",class:"ml060eo",propsAsIs:!0}),me=()=>v,w=s.styled_default(me())({name:"MediaImgCentered",class:"m1vqlvig",propsAsIs:!0}),pe=()=>w,ue=s.styled_default(pe())({name:"MediaImgBottom",class:"m1e7tvi5",propsAsIs:!0}),ye=()=>v,ve=s.styled_default(ye())({name:"MediaImgSolid",class:"mqvntt2",propsAsIs:!0}),ge=()=>v,fe=s.styled_default(ge())({name:"MediaImgMiddle",class:"m12jtj3u",propsAsIs:!0}),Ie=s.styled_default("button")({name:"Button",class:"bkq1frv",propsAsIs:!1}),he=()=>s.a1,be=s.styled_default(he())({name:"StyledChevronRight",class:"sis90pl",propsAsIs:!0}),Ae=s.styled_default("div")({name:"Logo",class:"l9mjmz3",propsAsIs:!1}),xe={[d.NotificationPromotionImagePosition.UNSET]:D,[d.NotificationPromotionImagePosition.FIT]:D,[d.NotificationPromotionImagePosition.CENTERED]:w,[d.NotificationPromotionImagePosition.BOTTOM]:ue,[d.NotificationPromotionImagePosition.SOLID]:ve,[d.NotificationPromotionImagePosition.MIDDLE]:fe},je=({src:e,imagePosition:t})=>{const l=xe[t];return o.jsx(l,{children:o.jsx("img",{src:e,alt:""})})},_e=({notification:e,promotionId:t,hiding:l,direction:n="left"})=>{if(!e||!e.promotion||e.enabled!==d.NotificationEnabled.NOTIFICATION_ENABLED)return null;const{title:i,body:r,image:a,promotion:p}=e,{sponsorLogo:u,sponsorLogoMode:y,imagePosition:m,ctaButton:c}=p;return o.jsx(b,{direction:n,hiding:l,children:o.jsxs(ae,{children:[y!==d.NotificationSponsorLogoMode.NOTIFICATION_SPONSOR_LOGO_NONE&&o.jsx(Ae,{children:o.jsx("img",{src:u,alt:i})}),o.jsxs(ie,{children:[o.jsx(je,{src:a,imagePosition:m}),o.jsxs(le,{children:[i&&o.jsx(de,{children:i}),r&&o.jsx(re,{children:r})]}),o.jsx(Ie,{name:"promo-button",style:{color:c==null?void 0:c.textColor,backgroundColor:c==null?void 0:c.color},children:(c==null?void 0:c.label)||"Open"}),o.jsx(be,{name:"chevronRight"})]})]})})},$e=s.styled_default("div")({name:"OverlayContainer",class:"okzhq2w",propsAsIs:!1}),Ne=s.styled_default("div")({name:"PromoOverlay",class:"pmgz5i",propsAsIs:!1}),Se=s.styled_default("div")({name:"Header",class:"hyxi3jt",propsAsIs:!1}),Te=s.styled_default("div")({name:"HeaderContent",class:"h149e3gp",propsAsIs:!1}),Me="h10toh7",R=s.styled_default("img")({name:"SponsorLogo",class:"s1jyea6t",propsAsIs:!1}),ke=s.styled_default("div")({name:"SponsorName",class:"szpfa3h",propsAsIs:!1}),Ce=s.styled_default("div")({name:"Media",class:"m1crmu01",propsAsIs:!1}),Pe=s.styled_default("img")({name:"PromoImg",class:"p1l37r8s",propsAsIs:!1}),Be="s1nmch9k",F=s.styled_default("div")({name:"Content",class:"c1er0ljd",propsAsIs:!1}),Le=s.styled_default("div")({name:"Description",class:"dydopmr",propsAsIs:!1}),Ee=s.styled_default("div")({name:"Sponsor",class:"s1w6nt04",propsAsIs:!1}),Oe=s.styled_default("div")({name:"SponsorText",class:"s1evcmtq",propsAsIs:!1}),qe=s.styled_default("div")({name:"ADLogo",class:"awodx0x",propsAsIs:!1}),De=s.styled_default("span")({name:"SponsoredText",class:"s1q3n6oi",propsAsIs:!1}),Re=s.styled_default("div")({name:"CloseIconWrap",class:"c8d4xfk",propsAsIs:!1}),Fe=()=>s.a1,Ue=s.styled_default(Fe())({name:"CloseIcon",class:"ct6oobh",propsAsIs:!0}),we=s.styled_default("div")({name:"ActionBtnWrap",class:"a1gyg7tt",propsAsIs:!1}),Ge=s.styled_default("a")({name:"ActionButton",class:"a17rwbtk",propsAsIs:!1}),ze=s.styled_default("div")({name:"Title",class:"t3vxzaw",propsAsIs:!1}),Ke="h10f3u0j",U=({promotion:e,promotionId:t,onClose:l})=>{var n,i,r,a,p,u,y,m,c,A,x,j,_,$,N,S,T,M,k,C,P,B,L,E,O,q;const g=e.type===d.PromotionType.INGAME_IAB11_LBAR||e.type===d.PromotionType.INGAME_IAB11,f=((n=e.sponsor)==null?void 0:n.logo)&&e.logoMode===d.PromotionLogoMode.CENTER;return o.jsxs(Ne,{className:"PromoOverlay",children:[o.jsxs(Se,{children:[o.jsxs(Te,{className:s.cx_default(!f&&Me),children:[((i=e.sponsor)==null?void 0:i.logo)&&e.logoMode===d.PromotionLogoMode.LEFT&&o.jsx(R,{src:(r=e.sponsor)==null?void 0:r.logo,alt:"promo"}),o.jsxs(Ee,{style:{paddingLeft:(a=e.sponsor)!=null&&a.logo&&e.logoMode===d.PromotionLogoMode.LEFT?"0px":"8px"},children:[((p=e.sponsor)==null?void 0:p.logo)&&e.logoMode===d.PromotionLogoMode.LEFT&&o.jsx(ke,{children:(u=e.sponsor)==null?void 0:u.name}),o.jsxs(Oe,{className:"SponsorText",children:[o.jsx(qe,{children:"AD"}),o.jsx(De,{children:"SPONSORED"})]})]})]}),o.jsx(Re,{className:"ClosePromoIcon",onClick:l,children:o.jsx(Ue,{name:"icon-cross"})})]}),o.jsxs(Ce,{children:[f&&o.jsx(R,{className:Be,src:(y=e.sponsor)==null?void 0:y.logo,alt:"promo"}),o.jsx(F,{children:(c=(m=e.banner)==null?void 0:m.video)!=null&&c.url?o.jsx(s.Q,{source:(x=(A=e.banner)==null?void 0:A.video)==null?void 0:x.url,poster:(_=(j=e.banner)==null?void 0:j.video)==null?void 0:_.thumbnailUrl,aspectRatio:g?"1/1":"16/9",onPlay:()=>{s.eventBus.emit("advertisement",{action:"videoPlay",payload:{advertisementId:t,advertisementType:e.type}})}}):($=e.banner)!=null&&$.imageUrl?o.jsx(Pe,{style:g?{aspectRatio:"1/1"}:{},src:(N=e.banner)==null?void 0:N.imageUrl,alt:"promo"}):null}),!g&&o.jsxs(F,{children:[((S=e.banner)==null?void 0:S.title)&&o.jsx(ze,{className:s.cx_default("AdvTitle",f&&Ke),children:(T=e.banner)==null?void 0:T.title}),((M=e.banner)==null?void 0:M.body)&&o.jsx(Le,{className:"AdvDescription",children:(k=e.banner)==null?void 0:k.body})]})]}),o.jsx(we,{children:o.jsx(Ge,{href:(C=e.banner)==null?void 0:C.url,style:{backgroundColor:((B=(P=e.banner)==null?void 0:P.ctaButton)==null?void 0:B.color)||"#009dc4",color:((E=(L=e.banner)==null?void 0:L.ctaButton)==null?void 0:E.textColor)||"#fff"},"data-analytics":"button","data-promo-id":t,"data-promo-type":e.type,target:"_blank",children:(q=(O=e.banner)==null?void 0:O.ctaButton)==null?void 0:q.label})})]})},He=s.styled_default("div")({name:"SidebarContainer",class:"s1abskp8",propsAsIs:!1}),We=({children:e,direction:t,style:l,className:n,hiding:i})=>o.jsx(b,{direction:t,style:l,hiding:i,className:n,children:o.jsx(He,{children:e})}),Qe=e=>(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB11_LBAR||(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB21_LBAR,Je=e=>(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB11||(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB21,Ve=({advertisement:e,skipTypeCheck:t,layoutMode:l="side-by-side",sidebar:n,isNotification:i,banner:r})=>{const a=s.useStore(e.data);return!a.data&&a.loading?null:a.error?o.jsxs("div",{children:["error ",o.jsx("button",{onClick:e.close,children:"close"})]}):a.data?i?o.jsx(_e,{notification:a.data.notification,promotionId:e.id}):!n&&!r&&(t||Je(a.data.promotions))?o.jsx($e,{className:"PromoOverlayContainer",children:o.jsx(U,{promotionId:e.id,promotion:a.data.promotions,onClose:e.close})}):n&&(t||Qe(a.data.promotions))?o.jsx(We,{className:"PromoSidebarContainer",direction:n,hiding:e.hiding,children:o.jsx(U,{promotionId:e.id,promotion:a.data.promotions,onClose:e.close})}):r?o.jsx(ne,{promotionId:e.id,hiding:e.hiding,promotion:a.data.promotions,direction:r}):null:o.jsxs("div",{children:["empty promo ",o.jsx("button",{onClick:e.close,children:"close"})]})},Xe=s.styled_default("div")({name:"AdvertisementUIWrap",class:"aa6pjif",propsAsIs:!1}),Ye=e=>{const t=e.target;if(t instanceof HTMLAnchorElement&&t.target==="_blank"){const l=t.getAttribute("data-promo-id")||"",n=t.getAttribute("data-promo-type")||d.PromotionType.UNSET;t.getAttribute("data-analytics")==="button"&&s.eventBus.emit("advertisement",{action:"buttonSelect",payload:{advertisementId:l,advertisementType:n}}),t.getAttribute("data-analytics")==="banner"&&s.eventBus.emit("advertisement",{action:"bannerSelect",payload:{advertisementId:l,advertisementType:n}})}},Ze=({gamification:e,layoutMode:t,skipTypeCheck:l,sidebar:n,banner:i,notification:r,isMobileScreen:a,persistent:p})=>{const u=I.useRef(null),y=s.useStore(e.advertisement.$list),m=I.useMemo(()=>e.advertisement.getActiveAdvertisement(p),[y,p]);s.L(u,{enabled:!!m,event:"click",listener:Ye});const c=!i&&!n;return m?o.jsx(Xe,{ref:u,style:{height:c?"auto":"100%"},className:a?"mobile-view":"",children:o.jsx(Ve,{skipTypeCheck:l,sidebar:n,banner:i,advertisement:m,layoutMode:t,isNotification:r})}):null},G=({sdk:e,sidebar:t,banner:l,skipTypeCheck:n,event:i,layoutMode:r,isMobileScreen:a,persistent:p,notification:u})=>{const{deactivate:y}=h.F(e);I.useEffect(()=>{i?e.createEventSession(i):y()},[i,y,e]);const m=s.useStore(e.featuresList.getStore());if(t&&l)return o.jsx("div",{style:{color:"red"},children:"define either sidebar or banner, not both."});if(!m)return null;const c=e.getFeature(d.SdkOverlayType.GAMES);return c?o.jsx(Ze,{gamification:c,sidebar:t,banner:l,layoutMode:r,isMobileScreen:a,persistent:p,notification:u,skipTypeCheck:n}):null},eo=({event:e,sidebar:t,banner:l,isMobileScreen:n,persistent:i,notification:r})=>{const a=h.useStreamLayer();return a?o.jsx("div",{className:"StreamLayerSDK",children:o.jsx(h.d,{children:o.jsx(G,{sdk:a,event:e,sidebar:t,banner:l,isMobileScreen:n,persistent:i,notification:r,layoutMode:"side-by-side"})})}):null};exports.StreamLayerSDKAdvertisement=eo;exports.StreamLayerSDKAdvertisementUI=G;

package/lib/cjs/index2.js

@@ -1 +1 @@
-"use strict";var U=Object.defineProperty;var z=(e,t,o)=>t in e?U(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var g=(e,t,o)=>z(e,typeof t!="symbol"?t+"":t,o);const m=require("./useStreamLayerApp2.js"),s=require("./provider.js"),n=require("react/jsx-runtime"),u=require("react");window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));function B(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==="QuotaExceededError"||e.name==="NS_ERROR_DOM_QUOTA_REACHED")}class W{constructor(t="main",o=window.localStorage){g(this,"delimiter",":");g(this,"prefix");g(this,"storage");g(this,"clear",()=>{for(const t in window.localStorage)t.startsWith(this.prefix)&&this.storage.removeItem(t)});g(this,"generateKey",t=>`${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);g(this,"write",(...t)=>{const o=t.pop()||"",i=this.generateKey(t);try{this.storage.setItem(i,o)}catch(a){B(a)&&this.storage===window.sessionStorage&&(window.sessionStorage.removeItem("slstreamlogs"),this.storage.setItem(i,o))}});g(this,"read",(...t)=>{const o=this.storage.getItem(this.generateKey(t));return o===null?void 0:o});g(this,"remove",(...t)=>{this.storage.removeItem(this.generateKey(t))});this.prefix=`sl-sdk${this.delimiter}${t}`,this.storage=o}}var w;(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"})(w||(w={}));m.Code.Unknown,m.Code.Internal,m.Code.DeadlineExceeded,m.Code.ResourceExhausted,m.Code.FailedPrecondition,m.Code.Unavailable,m.Code.DataLoss;s.createLogger("grpc:retry");m.createContextKey(10,{description:"Number of attempts to retry"}),m.createContextKey(3e4,{description:"Max delay between retries in milliseconds"});var N;(function(e){e.SCHEMA="schema",e.EXTERNAL_TOKEN="eToken",e.TOKEN="token"})(N||(N={}));class G extends W{constructor(){super("user");g(this,"setSchema",o=>{this.write(N.SCHEMA,o)});g(this,"getSchema",()=>this.read(N.SCHEMA));g(this,"setToken",o=>{this.write(N.TOKEN,o)});g(this,"getToken",()=>this.read(N.TOKEN));g(this,"setExternalToken",o=>{this.write(N.EXTERNAL_TOKEN,o)});g(this,"getExternalToken",()=>this.read(N.EXTERNAL_TOKEN));g(this,"removeToken",()=>{this.remove(N.TOKEN)})}}var L;(function(e){e.DISABLED="disabled",e.INITIALIZATION="initialization",e.READY="ready",e.FAILED="failed",e.SUSPENDED="suspended"})(L||(L={}));s.createLogger("deep_link");s.createLogger("bypass");new G;s.createLogger("video_player");var T;(function(e){e.SHOWED="showed"})(T||(T={}));var D;(function(e){e.ALLOWED="allowed",e.DISALLOWED="disallowed"})(D||(D={}));var $;(function(e){e.UNKNOWN="unknown",e.ALREADY_VOTED="already_voted"})($||($={}));var O;(function(e){e.ONBOARDING="onboarding",e.ONBOARDING_IO="onboarding_io"})(O||(O={}));var _;(function(e){e.Unset="unset",e.Required="required",e.Optional="optional",e.Completed="completed",e.Disabled="disabled",e.Unavailable="unavailable"})(_||(_={}));m.QuestionType.POLL,m.QuestionType.PREDICTION,m.QuestionType.TRIVIA;const H={[m.SdkOverlayType.GAMES]:!0},I=s.styled_default("div")({name:"LoadingContainer",class:"lclc0ej",propsAsIs:!1}),X=({feature:e,sdk:t,children:o,className:i,noWait:a})=>{const l=s.useStore(e.status),d=s.useStore(t.sdkStore.slStreamId);if(!a){if(d!=null&&d.loading&&!d.data)return n.jsx(I,{className:i,children:"Event is loading..."});if(!(d!=null&&d.data))return n.jsx(I,{className:i,children:"Event is forbidden..."});if(l!==s.FeatureStatus.Ready)return n.jsx(I,{className:i,children:"Wait feature..."})}return o},F=u.createContext({sdk:null}),C=()=>u.useContext(F),Y=s.styled_default("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),Z=({openedQuestion:e})=>{var t,o;const{sdk:i}=C();return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?n.jsx(s.p,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):((o=e==null?void 0:e.attributes)==null?void 0:o.attributes.case)==="tweet"?n.jsx(s.a,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},J=({extendedQuestion:e,vote:t,close:o})=>{const{loading:i,data:a}=e;return a?n.jsx(s.Nt,{vote:t,close:o,openedQuestion:a,isLoading:!!i}):n.jsx(s.kt,{})},ee=({gamification:e,hideSponsor:t,className:o,hideHeader:i})=>{var a,l,d;const c=s.useStore(e.openedQuestion.$store),r=s.useStore(e.openedQuestion.$extendedStore);if(!c)return null;const p=c.type;return n.jsxs(Y,{className:o,children:[!i&&n.jsx(s.T,{close:e.closeQuestion,type:((a=c.attributes)==null?void 0:a.type)||m.QuestionType.UNSET}),p==="question"&&n.jsx(J,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:r}),p!=="question"&&n.jsx(Z,{openedQuestion:c}),!t&&n.jsx(s.i,{sponsorLogo:(d=(l=r.data)==null?void 0:l.sponsorship)==null?void 0:d.logo})]})},se=s.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),te=({deepLink:e})=>n.jsx(se,{children:n.jsx(s.M,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),ne=s.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),oe=({gamification:e,scrollNode:t,scrollStore:o})=>{const i=u.useRef(null),{data:a,hasMore:l,loading:d,key:c}=s.useStore(e.leaderboardList.$store),{data:r}=s.useStore(e.deepLink.$store),[p,v]=s.T$1(i);return!a.length&&!d?n.jsx(te,{deepLink:r}):n.jsxs(n.Fragment,{children:[n.jsx(s.S,{items:a,scrollNode:t,scrollStore:o,fetchMore:e.leaderboardList.fetchMore,hasMore:l,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},c),r&&n.jsx(ne,{ref:i,children:n.jsx(s.C,{onClick:()=>p(r),title:"Invite Friends",description:"Challenge them now!"})}),v]})},ie=({store:e,openQuestion:t})=>{const{sdk:o}=C(),i=s.useStore(e);return n.jsx(s.k,{openQuestion:t,questions:i.data,controlVideo:o==null?void 0:o.controlVideoPlayer})},re=({userSummary:e})=>{var t;const[o,i]=u.useState(void 0);return u.useEffect(()=>{const a=e.$store.subscribe(l=>{l&&i(l)});return()=>{a()}},[e]),n.jsx(s.O,{loading:!(o!=null&&o.summary),...o==null?void 0:o.summary,successRate:(t=o==null?void 0:o.percentage)==null?void 0:t.correct})},ae=({gamification:e,className:t,scrollStore:o,scrollNode:i,appNode:a,style:l,responsiveStore:d})=>{const{tabsShown:c}=s.useStore(o,{keys:["tabsShown"]}),[r,p]=u.useState(s.m.HOME),[,v]=u.useTransition(),{sdkInDesktopView:h,screen:f}=s.useStore(d,{keys:["sdkInDesktopView"]}),x=k=>{v(()=>{var y;p(k),h===!1&&(((y=a.current)==null?void 0:y.getBoundingClientRect().y)||0)<0&&s.C$2(a,f.size,{behavior:"instant"})})};u.useEffect(()=>o.subscribe(k=>{if(k.scrollPosition===0){o.setKey("tabsShown",!0);return}d.get().sdkInDesktopView?o.setKey("tabsShown",k.scrollDirection==="backward"):o.setKey("tabsShown",k.scrollDirection==="forward")}),[o,d]);let S="0px";return h?S=c?"0px":"calc(8px - var(--header-height) - var(--header-offset))":S=c?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px",n.jsxs(s.l,{className:t,style:l,children:[n.jsx(s.C$1,{style:{top:S},children:n.jsx(s.b,{activePage:r,toggleActivePage:x})}),r===s.m.HOME&&n.jsxs(n.Fragment,{children:[n.jsx(s.n,{style:{paddingTop:"8px"},children:n.jsx(s.m$1,{children:n.jsx(re,{userSummary:e.userSummary})})}),n.jsx(s.a$1,{style:{flex:1},children:n.jsx(ie,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),r===s.m.LEADERBOARD&&n.jsx(s.p$1,{children:n.jsx(oe,{scrollStore:o,scrollNode:i,gamification:e})})]})},le=()=>s.x$1,R=s.styled_default(le())({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),de=s.styled_default("div")({name:"UserContainer",class:"u1eu4lbg",propsAsIs:!1}),ce=({correct:e,incorrect:t})=>{const o=e+t;return o===0?0:Math.round(e/o*100)},ue=({gamification:e,scrollStore:t,className:o,appNode:i,scrollNode:a,responsiveStore:l})=>n.jsx(ae,{appNode:i,scrollStore:t,scrollNode:a,className:o,gamification:e,responsiveStore:l}),pe=({gamification:e,className:t,appNode:o,responsiveStore:i})=>{const a=s.useStore(e.openedQuestion.$store),l=s.useStore(e.openedUser),{sdkInDesktopView:d}=s.useStore(i,{keys:["sdkInDesktopView"]}),{hiding:c,onAnimationEnd:r}=s.S$1();if(!o.current||!a&&!l)return null;const p=a?n.jsx(R,{className:t,hiding:c,onAnimationEnd:r,children:n.jsx(ee,{gamification:e})}):l?n.jsx(R,{className:t,hiding:c,onAnimationEnd:r,children:n.jsxs(de,{children:[n.jsx(s.T,{label:"Friend's Rank",close:e.closeUser}),n.jsx(s.n,{children:n.jsx(s.O,{...l,successRate:ce(l)})})]})}):null;return n.jsx(s.x,{container:o,useContainer:!d,children:p})},ve=u.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),he=({sdk:e,feature:t,className:o,scrollStore:i,appNode:a,scrollNode:l,responsiveStore:d})=>{const c=u.useMemo(()=>t&&t.featureConfig.get().type===m.SdkOverlayType.GAMES?n.jsx(X,{className:o,sdk:e,feature:t,children:n.jsx(ve,{appNode:a,scrollStore:i,scrollNode:l,className:o,responsiveStore:d,gamification:t})}):null,[e,t,o,d,i,l,a]);return n.jsx(u.Suspense,{fallback:n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:c})},me=({feature:e,className:t,appNode:o,responsiveStore:i})=>e&&e.featureConfig.get().type===m.SdkOverlayType.GAMES?n.jsx(pe,{className:t,appNode:o,responsiveStore:i,gamification:e}):null,ge=()=>s.c1,fe=s.styled_default(ge())({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),ye=u.forwardRef(({sdk:e,className:t},o)=>{const i=s.useStore(e.sdkStore.organizationSettings),a=s.useStore(e.sdkStore.streamSettings),l=s.useStore(e.getActiveFeature()),d=u.useMemo(()=>{const r=(a==null?void 0:a.data)||(i==null?void 0:i.data);return r!=null&&r.overlays?r.overlays:[]},[i,a]),c=u.useMemo(()=>[...d.filter(({enableSdkButton:r,type:p})=>p===m.SdkOverlayType.GAMES||r).map(r=>({id:r.type,onClick:()=>e.openFeature(r.type),disabled:!(r.type in H),label:r.name,icon:n.jsx("img",{src:r.icon,alt:""}),position:r.position*10}))].sort((r,p)=>r.position-p.position),[d,e]);return n.jsxs(s.n$1,{className:t,children:[c.length!==0&&n.jsx(s.e,{children:[n.jsx(s.I,{id:"Channels",onClick:()=>e.closeFeature(),label:"Channels",active:l===0},"Channels"),...c.map(r=>r.id===m.SdkOverlayType.GAMES?n.jsx(s.I,{...r,active:r.id===l,label:"StreamLayer +",id:"featuredGroups",icon:n.jsx(fe,{name:"icon-btn-feature-groups","data-selected":r.id===l})},r.id):n.jsx(s.I,{...r,icon:void 0,active:r.id===l},r.id))]}),!c.length&&n.jsx(s.e,{children:[n.jsx(s.I,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),n.jsx("div",{ref:o})]})}),xe=s.styled_default("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),Se=s.styled_default("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),ke=()=>s.c1,Ne=s.styled_default(ke())({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),je=s.styled_default("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),be=s.styled_default("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),Ie=s.styled_default("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),Ee=s.styled_default("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),Ce=s.styled_default("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),Ae=s.styled_default("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),q=({close:e,action:t,onboarding:o})=>{var i,a,l,d,c,r,p,v;return n.jsxs(xe,{children:[n.jsx(Se,{onClick:e,children:n.jsx(Ne,{name:"icon-cross"})}),((a=(i=o==null?void 0:o.titleCard)==null?void 0:i.media)==null?void 0:a.sponsorLogo)&&n.jsxs(je,{children:[n.jsx(be,{alt:"sponsor-logo",src:(d=(l=o==null?void 0:o.titleCard)==null?void 0:l.media)==null?void 0:d.sponsorLogo}),n.jsx(Ie,{children:"PRESENTS"})]}),((c=o==null?void 0:o.titleCard)==null?void 0:c.title)&&n.jsx(Ee,{children:(r=o==null?void 0:o.titleCard)==null?void 0:r.title}),((p=o==null?void 0:o.titleCard)==null?void 0:p.subtitle)&&n.jsx(Ce,{children:(v=o==null?void 0:o.titleCard)==null?void 0:v.subtitle}),n.jsx(Ae,{onClick:t,children:"Play Now"})]})},E=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_0.png",tagline:"",headline:n.jsxs(n.Fragment,{children:["Welcome to ",n.jsx("br",{})," StreamLayer +"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],we=s.styled_default("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),Le=()=>s.x$1,Te=s.styled_default(Le())({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),V=s.styled_default("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),De=({deepLink:e,onboardingOpts:t,notification:o,gamification:i,loading:a,sdk:l})=>{var d,c,r,p,v,h,f;const x=s.useStore(i.friends.getStore()),[S,k]=u.useState(void 0),y=u.useMemo(()=>{var j,b;const A=l.getInviter();return A?(b=(j=x.data)==null?void 0:j.find(({slId:K})=>K===A))==null?void 0:b.name:""},[x.data,l]);return u.useEffect(()=>{const j=e.$store.subscribe(b=>{b&&k(b.data)});return()=>{j()}},[e.$store]),n.jsx(we,{children:n.jsx(s.rn,{loading:a,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:(d=t.rules)==null?void 0:d.buttonLabel,rulesTitle:(c=t.rules)==null?void 0:c.heading,termsTitle:"Terms and Conditions",termsText:(r=t.rules)==null?void 0:r.terms,steps:E,primaryColor:(p=t.inviteCard)==null?void 0:p.iconColor,inviteLink:S,inviteCardTitle:(v=t.inviteCard)==null?void 0:v.heading,inviteCardSubtext:(h=t.inviteCard)==null?void 0:h.subtext,inviteCardBtnLabel:(f=t.inviteCard)==null?void 0:f.buttonLabel,onClose:()=>{var j;(j=o.close)==null||j.call(o)},gamification:i,sdk:l,inviterName:y})})},$e=({sdk:e,notification:t,saveHeight:o,style:i,appNode:a,sdkInDesktopView:l,responsiveStore:d})=>{const c=u.useRef(null),r=t.data.onboarding,[p,v]=u.useState(r==null?void 0:r.instantOpen),h=e.getFeature(m.SdkOverlayType.GAMES),f=u.useMemo(()=>E==null?void 0:E.map(({graphicSrc:y})=>y),[]),{screen:x}=s.useStore(d,{keys:["screen"]});u.useLayoutEffect(()=>{var y;o(((y=c.current)==null?void 0:y.getBoundingClientRect().height)||0)},[o]);const{loading:S,throttled:k}=s.I$1(f);return p&&h&&r&&a.current&&!k?n.jsx(s.x,{container:a,useContainer:!l,children:n.jsx(De,{notification:t,setOpened:v,gamification:h,onboardingOpts:r,deepLink:h.deepLink,loading:S,renderToNode:a,sdk:e})}):n.jsxs(n.Fragment,{children:[n.jsx(V,{ref:c,style:{position:"absolute",visibility:"hidden"},children:n.jsx(q,{close:()=>{},action:()=>{},onboarding:r})}),n.jsx(Te,{style:i,hiding:t.hiding,children:n.jsx(V,{children:n.jsx(q,{close:t.close,action:()=>{var y;v(!0),(((y=a.current)==null?void 0:y.getBoundingClientRect().y)||0)<0&&s.C$2(a,x.size,{behavior:"smooth"})},onboarding:r})})})]})},Oe=()=>s.x$1,_e=s.styled_default(Oe())({name:"Container",class:"c8ol1ve",propsAsIs:!0}),M=s.styled_default("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),Re=()=>M,qe=s.styled_default(Re())({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),Ve=s.styled_default("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),Fe=()=>s.h,Me=s.styled_default(Fe())({name:"Pill",class:"p1lha68t",propsAsIs:!0}),Pe=e=>{const[t,o]=u.useState(0),i=u.useRef(null),a=u.useCallback(d=>{i.current=d},[]);u.useEffect(()=>{var d;const c=(d=i.current)==null?void 0:d.getBoundingClientRect();c&&o(c.height)},[e]);const l=u.useCallback(d=>{o(d)},[]);return[a,t,l]},Qe=({sdk:e,notification:t,appNode:o,responsiveStore:i})=>{var a,l;const{sdkInDesktopView:d}=s.useStore(i,{keys:["sdkInDesktopView"]}),{sdk:c}=C(),[r,p,v]=Pe(t.id);return t.type===s.NotificationType.QUESTION?n.jsxs(n.Fragment,{children:[n.jsx(qe,{ref:r,children:n.jsx(s.k$1,{...t})}),n.jsxs(_e,{style:{height:t.hiding?0:p},hiding:t.hiding,children:[n.jsx(M,{style:{height:"100%"},children:n.jsx(s.k$1,{...t,controlVideo:c==null?void 0:c.controlVideoPlayer})}),n.jsx(Ve,{},t.id)]})]}):t.type===s.NotificationType.QUESTION_RESOLVED&&(l=(a=t.data)==null?void 0:a.question)!=null&&l.predictionResult?n.jsx(s.q,{style:{height:t.hiding?0:p},saveHeight:v,close:t.close,hiding:t.hiding,...t.data.question}):t.type===s.NotificationType.ONBOARDING?n.jsx($e,{style:{height:t.hiding?0:p},saveHeight:v,sdk:e,notification:t,sdkInDesktopView:d,appNode:o,responsiveStore:i}):null},Ke="p7vfi6t",Ue=({pill:e,setPill:t,appNode:o,headerNode:i,scrollNode:a,responsiveStore:l,scrollStore:d})=>{var c,r;const{screen:p}=s.useStore(l,{keys:["screen"]}),{tabsShown:v,scrollPosition:h}=s.useStore(d,{keys:["tabsShown","scrollPosition"]});u.useEffect(()=>{l.get().sdkInDesktopView?h<50&&t(null):h>-50&&t(null)},[h,l,t]);const f=l.get().sdkInDesktopView?o:i;return!e||!f.current?null:s.Ik.createPortal(n.jsx(Me,{title:e.type===s.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((r=s.o[(c=e.data)==null?void 0:c.questionType])==null?void 0:r.label)||"notification"}`,onClick:()=>{var x;l.get().sdkInDesktopView?(x=a.current)==null||x.scrollTo({top:0,behavior:"smooth"}):s.C$2(o,p.size,{behavior:"smooth"}),t(null)},className:s.cx_default(v&&Ke,"sl-pill-button")}),f.current)},ze=({sdk:e,headerNode:t,scrollNode:o,responsiveStore:i,appNode:a,scrollStore:l})=>{const[d]=u.useState(e.getNotificationsStore()),c=s.useStore(d),[r,p]=u.useState(null),v=u.useMemo(()=>e.getActiveNotification(),[e,c]);return u.useEffect(()=>{v&&s.eventBus.emit("notification",{action:"rendered",payload:{questionId:v.data.questionId,questionType:v.data.questionType}})},[v]),u.useEffect(()=>{v&&(i.get().sdkInDesktopView||i.get().sdkInView)&&(!i.get().sdkInDesktopView&&i.get().sdkInView&&p(v),i.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{l.get().scrollPosition!==0&&p(v)}))},[v]),u.useEffect(()=>{v||p(null)},[v]),n.jsxs(n.Fragment,{children:[!r&&v&&n.jsx(Qe,{headerNode:t,appNode:a,sdk:e,notification:v,responsiveStore:i}),r&&n.jsx(Ue,{pill:r,setPill:p,appNode:a,notification:v,headerNode:t,scrollNode:o,scrollStore:l,responsiveStore:i})]})},P=e=>{const t=u.useRef(""),[o,i]=u.useState(!1),a=s.useStore(e.status),l=s.useStore(e.sdkStore.slStreamId),d=s.useStore(e.userId()),c=s.useStore(e.getActiveFeature()),r=a==="ready"&&!!l.data;u.useEffect(()=>{const h=e.getFeature(m.SdkOverlayType.GAMES);h&&(h.closeQuestion(),h.closeUser())},[c,e]);const p=u.useCallback(h=>{t.current=h,i(!0),e.initializeApp({skipOrganizationSettings:!0}).then(({enabled:f,err:x})=>{if(!x&&f){e.isUserAuthorized().then(S=>{S||e.disableApp()});return}})},[e]),v=u.useCallback(()=>{i(!1),e.disableApp()},[e]);return u.useEffect(()=>{if(!d){r&&e.disableApp();return}if(d&&t.current&&o){e.initializeApp({skipOrganizationSettings:!0}).then(()=>{e.createEventSession(t.current)});return}},[d]),u.useEffect(()=>()=>{i(!1),e.disableApp()},[i,e]),{sdkEnabled:o,sdkReady:r,activateEventWithId:p,deactivate:v,isLogged:!!d}},Be=({sdk:e,className:t,scrollStore:o,appNode:i,scrollNode:a,responsiveStore:l})=>{const[,d]=s.p$2(e);return n.jsx(he,{className:t,scrollNode:a,appNode:i,scrollStore:o,feature:d,responsiveStore:l,sdk:e})},We=({sdk:e,className:t,appNode:o,responsiveStore:i})=>{const a=s.useStore(e.featuresList.getStore());return a?Array.from(a,l=>{const d=e.getFeature(l);return d?n.jsx(me,{className:t,appNode:o,feature:d,responsiveStore:i,sdk:e},l):null}):null},Ge=({sdk:e,event:t})=>{const o=u.useRef(null),i=u.useRef(null),[a]=s.v$1(o),[l,d]=s.D(o,a),{sdkEnabled:c,sdkReady:r,activateEventWithId:p,deactivate:v,isLogged:h}=P(e);u.useEffect(()=>{t?(e.createEventSession(t),p(t)):v()},[t,p,v,e]),s.L(o,{enabled:c,event:"click",listener:s.b$1}),s.L(l,{enabled:c,event:"scrollend",listener:s.y,useDomNode:!0}),s.L(l,{enabled:c,event:"click",listener:s.w,useDomNode:!0});const f=u.useMemo(()=>({sdk:e}),[e]);return u.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),n.jsx(F.Provider,{value:f,children:n.jsxs(s.i$1,{ref:o,children:[c&&n.jsx(ye,{className:s.v,sdk:e,ref:i}),n.jsxs(s.c,{className:"sl-hide-on-modal",ref:l,"data-nav":c.toString(),children:[r&&n.jsx(ze,{sdk:e,scrollNode:l,headerNode:i,appNode:o,scrollStore:d,responsiveStore:a}),r&&n.jsx(Be,{scrollStore:d,responsiveStore:a,scrollNode:l,appNode:o,className:s.v,sdk:e}),r&&n.jsx(We,{responsiveStore:a,appNode:o,className:s.v,sdk:e})]}),c&&!h&&n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},Q=({children:e,customTheme:t,style:o})=>n.jsx("div",{className:"StreamLayerSDKTheme",children:n.jsx("div",{className:s.cx_default(s.f,t),style:o,children:e})}),He=()=>{const{sdk:e}=u.useContext(s.StreamLayerContext);return e},Xe=({event:e})=>{const{sdk:t,status:o}=u.useContext(s.StreamLayerContext);if(o===s.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return o===s.StreamLayerStatus.CONNECTED?n.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?n.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):n.jsx("div",{className:"StreamLayerSDK",children:n.jsx(Q,{children:n.jsx(Ge,{sdk:t,event:e})})})};exports.E=ue;exports.F=P;exports.StreamLayerSDKReact=Xe;exports.d=Q;exports.useStreamLayer=He;
+"use strict";var U=Object.defineProperty;var z=(e,t,o)=>t in e?U(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var g=(e,t,o)=>z(e,typeof t!="symbol"?t+"":t,o);const m=require("./useStreamLayerApp2.js"),s=require("./provider.js"),n=require("react/jsx-runtime"),u=require("react");window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));function B(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==="QuotaExceededError"||e.name==="NS_ERROR_DOM_QUOTA_REACHED")}class W{constructor(t="main",o=window.localStorage){g(this,"delimiter",":");g(this,"prefix");g(this,"storage");g(this,"clear",()=>{for(const t in window.localStorage)t.startsWith(this.prefix)&&this.storage.removeItem(t)});g(this,"generateKey",t=>`${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);g(this,"write",(...t)=>{const o=t.pop()||"",i=this.generateKey(t);try{this.storage.setItem(i,o)}catch(a){B(a)&&this.storage===window.sessionStorage&&(window.sessionStorage.removeItem("slstreamlogs"),this.storage.setItem(i,o))}});g(this,"read",(...t)=>{const o=this.storage.getItem(this.generateKey(t));return o===null?void 0:o});g(this,"remove",(...t)=>{this.storage.removeItem(this.generateKey(t))});this.prefix=`sl-sdk${this.delimiter}${t}`,this.storage=o}}var w;(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"})(w||(w={}));m.Code.Unknown,m.Code.Internal,m.Code.DeadlineExceeded,m.Code.ResourceExhausted,m.Code.FailedPrecondition,m.Code.Unavailable,m.Code.DataLoss;s.createLogger("grpc:retry");m.createContextKey(10,{description:"Number of attempts to retry"}),m.createContextKey(3e4,{description:"Max delay between retries in milliseconds"});var N;(function(e){e.SCHEMA="schema",e.EXTERNAL_TOKEN="eToken",e.TOKEN="token"})(N||(N={}));class G extends W{constructor(){super("user");g(this,"setSchema",o=>{this.write(N.SCHEMA,o)});g(this,"getSchema",()=>this.read(N.SCHEMA));g(this,"setToken",o=>{this.write(N.TOKEN,o)});g(this,"getToken",()=>this.read(N.TOKEN));g(this,"setExternalToken",o=>{this.write(N.EXTERNAL_TOKEN,o)});g(this,"getExternalToken",()=>this.read(N.EXTERNAL_TOKEN));g(this,"removeToken",()=>{this.remove(N.TOKEN)})}}var L;(function(e){e.DISABLED="disabled",e.INITIALIZATION="initialization",e.READY="ready",e.FAILED="failed",e.SUSPENDED="suspended"})(L||(L={}));s.createLogger("deep_link");s.createLogger("bypass");new G;s.createLogger("video_player");var T;(function(e){e.SHOWED="showed"})(T||(T={}));var D;(function(e){e.ALLOWED="allowed",e.DISALLOWED="disallowed"})(D||(D={}));var $;(function(e){e.UNKNOWN="unknown",e.ALREADY_VOTED="already_voted"})($||($={}));var O;(function(e){e.ONBOARDING="onboarding",e.ONBOARDING_IO="onboarding_io"})(O||(O={}));var _;(function(e){e.Unset="unset",e.Required="required",e.Optional="optional",e.Completed="completed",e.Disabled="disabled",e.Unavailable="unavailable"})(_||(_={}));m.QuestionType.POLL,m.QuestionType.PREDICTION,m.QuestionType.TRIVIA;const H={[m.SdkOverlayType.GAMES]:!0},I=s.styled_default("div")({name:"LoadingContainer",class:"lclc0ej",propsAsIs:!1}),X=({feature:e,sdk:t,children:o,className:i,noWait:a})=>{const l=s.useStore(e.status),d=s.useStore(t.sdkStore.slStreamId);if(!a){if(d!=null&&d.loading&&!d.data)return n.jsx(I,{className:i,children:"Event is loading..."});if(!(d!=null&&d.data))return n.jsx(I,{className:i,children:"Event is forbidden..."});if(l!==s.FeatureStatus.Ready)return n.jsx(I,{className:i,children:"Wait feature..."})}return o},F=u.createContext({sdk:null}),C=()=>u.useContext(F),Y=s.styled_default("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),Z=({openedQuestion:e})=>{var t,o;const{sdk:i}=C();return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?n.jsx(s.p,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):((o=e==null?void 0:e.attributes)==null?void 0:o.attributes.case)==="tweet"?n.jsx(s.a,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},J=({extendedQuestion:e,vote:t,close:o})=>{const{loading:i,data:a}=e;return a?n.jsx(s.Nt,{vote:t,close:o,openedQuestion:a,isLoading:!!i}):n.jsx(s.kt,{})},ee=({gamification:e,hideSponsor:t,className:o,hideHeader:i})=>{var a,l,d;const c=s.useStore(e.openedQuestion.$store),r=s.useStore(e.openedQuestion.$extendedStore);if(!c)return null;const p=c.type;return n.jsxs(Y,{className:o,children:[!i&&n.jsx(s.T,{close:e.closeQuestion,type:((a=c.attributes)==null?void 0:a.type)||m.QuestionType.UNSET}),p==="question"&&n.jsx(J,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:r}),p!=="question"&&n.jsx(Z,{openedQuestion:c}),!t&&n.jsx(s.i,{sponsorLogo:(d=(l=r.data)==null?void 0:l.sponsorship)==null?void 0:d.logo})]})},se=s.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),te=({deepLink:e})=>n.jsx(se,{children:n.jsx(s.M,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),ne=s.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),oe=({gamification:e,scrollNode:t,scrollStore:o})=>{const i=u.useRef(null),{data:a,hasMore:l,loading:d,key:c}=s.useStore(e.leaderboardList.$store),{data:r}=s.useStore(e.deepLink.$store),[p,v]=s.T$1(i);return!a.length&&!d?n.jsx(te,{deepLink:r}):n.jsxs(n.Fragment,{children:[n.jsx(s.S,{items:a,scrollNode:t,scrollStore:o,fetchMore:e.leaderboardList.fetchMore,hasMore:l,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},c),r&&n.jsx(ne,{ref:i,children:n.jsx(s.C,{onClick:()=>p(r),title:"Invite Friends",description:"Challenge them now!"})}),v]})},ie=({store:e,openQuestion:t})=>{const{sdk:o}=C(),i=s.useStore(e);return n.jsx(s.k,{openQuestion:t,questions:i.data,controlVideo:o==null?void 0:o.controlVideoPlayer})},re=({userSummary:e})=>{var t;const[o,i]=u.useState(void 0);return u.useEffect(()=>{const a=e.$store.subscribe(l=>{l&&i(l)});return()=>{a()}},[e]),n.jsx(s.O,{loading:!(o!=null&&o.summary),...o==null?void 0:o.summary,successRate:(t=o==null?void 0:o.percentage)==null?void 0:t.correct})},ae=({gamification:e,className:t,scrollStore:o,scrollNode:i,appNode:a,style:l,responsiveStore:d})=>{const{tabsShown:c}=s.useStore(o,{keys:["tabsShown"]}),[r,p]=u.useState(s.m.HOME),[,v]=u.useTransition(),{sdkInDesktopView:h,screen:f}=s.useStore(d,{keys:["sdkInDesktopView"]}),x=k=>{v(()=>{var y;p(k),h===!1&&(((y=a.current)==null?void 0:y.getBoundingClientRect().y)||0)<0&&s.C$2(a,f.size,{behavior:"instant"})})};u.useEffect(()=>o.subscribe(k=>{if(k.scrollPosition===0){o.setKey("tabsShown",!0);return}d.get().sdkInDesktopView?o.setKey("tabsShown",k.scrollDirection==="backward"):o.setKey("tabsShown",k.scrollDirection==="forward")}),[o,d]);let S="0px";return h?S=c?"0px":"calc(8px - var(--header-height) - var(--header-offset))":S=c?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px",n.jsxs(s.l,{className:t,style:l,children:[n.jsx(s.C$1,{style:{top:S},children:n.jsx(s.b,{activePage:r,toggleActivePage:x})}),r===s.m.HOME&&n.jsxs(n.Fragment,{children:[n.jsx(s.n,{style:{paddingTop:"8px"},children:n.jsx(s.m$1,{children:n.jsx(re,{userSummary:e.userSummary})})}),n.jsx(s.a$1,{style:{flex:1},children:n.jsx(ie,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),r===s.m.LEADERBOARD&&n.jsx(s.p$1,{children:n.jsx(oe,{scrollStore:o,scrollNode:i,gamification:e})})]})},le=()=>s.x$1,R=s.styled_default(le())({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),de=s.styled_default("div")({name:"UserContainer",class:"u1eu4lbg",propsAsIs:!1}),ce=({correct:e,incorrect:t})=>{const o=e+t;return o===0?0:Math.round(e/o*100)},ue=({gamification:e,scrollStore:t,className:o,appNode:i,scrollNode:a,responsiveStore:l})=>n.jsx(ae,{appNode:i,scrollStore:t,scrollNode:a,className:o,gamification:e,responsiveStore:l}),pe=({gamification:e,className:t,appNode:o,responsiveStore:i})=>{const a=s.useStore(e.openedQuestion.$store),l=s.useStore(e.openedUser),{sdkInDesktopView:d}=s.useStore(i,{keys:["sdkInDesktopView"]}),{hiding:c,onAnimationEnd:r}=s.S$1();if(!o.current||!a&&!l)return null;const p=a?n.jsx(R,{className:t,hiding:c,onAnimationEnd:r,children:n.jsx(ee,{gamification:e})}):l?n.jsx(R,{className:t,hiding:c,onAnimationEnd:r,children:n.jsxs(de,{children:[n.jsx(s.T,{label:"Friend's Rank",close:e.closeUser}),n.jsx(s.n,{children:n.jsx(s.O,{...l,successRate:ce(l)})})]})}):null;return n.jsx(s.x,{container:o,useContainer:!d,children:p})},ve=u.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),he=({sdk:e,feature:t,className:o,scrollStore:i,appNode:a,scrollNode:l,responsiveStore:d})=>{const c=u.useMemo(()=>t&&t.featureConfig.get().type===m.SdkOverlayType.GAMES?n.jsx(X,{className:o,sdk:e,feature:t,children:n.jsx(ve,{appNode:a,scrollStore:i,scrollNode:l,className:o,responsiveStore:d,gamification:t})}):null,[e,t,o,d,i,l,a]);return n.jsx(u.Suspense,{fallback:n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:c})},me=({feature:e,className:t,appNode:o,responsiveStore:i})=>e&&e.featureConfig.get().type===m.SdkOverlayType.GAMES?n.jsx(pe,{className:t,appNode:o,responsiveStore:i,gamification:e}):null,ge=()=>s.a1,fe=s.styled_default(ge())({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),ye=u.forwardRef(({sdk:e,className:t},o)=>{const i=s.useStore(e.sdkStore.organizationSettings),a=s.useStore(e.sdkStore.streamSettings),l=s.useStore(e.getActiveFeature()),d=u.useMemo(()=>{const r=(a==null?void 0:a.data)||(i==null?void 0:i.data);return r!=null&&r.overlays?r.overlays:[]},[i,a]),c=u.useMemo(()=>[...d.filter(({enableSdkButton:r,type:p})=>p===m.SdkOverlayType.GAMES||r).map(r=>({id:r.type,onClick:()=>e.openFeature(r.type),disabled:!(r.type in H),label:r.name,icon:n.jsx("img",{src:r.icon,alt:""}),position:r.position*10}))].sort((r,p)=>r.position-p.position),[d,e]);return n.jsxs(s.n$1,{className:t,children:[c.length!==0&&n.jsx(s.e,{children:[n.jsx(s.I,{id:"Channels",onClick:()=>e.closeFeature(),label:"Channels",active:l===0},"Channels"),...c.map(r=>r.id===m.SdkOverlayType.GAMES?n.jsx(s.I,{...r,active:r.id===l,label:"StreamLayer +",id:"featuredGroups",icon:n.jsx(fe,{name:"icon-btn-feature-groups","data-selected":r.id===l})},r.id):n.jsx(s.I,{...r,icon:void 0,active:r.id===l},r.id))]}),!c.length&&n.jsx(s.e,{children:[n.jsx(s.I,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),n.jsx("div",{ref:o})]})}),xe=s.styled_default("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),Se=s.styled_default("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),ke=()=>s.a1,Ne=s.styled_default(ke())({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),je=s.styled_default("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),be=s.styled_default("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),Ie=s.styled_default("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),Ee=s.styled_default("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),Ce=s.styled_default("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),Ae=s.styled_default("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),q=({close:e,action:t,onboarding:o})=>{var i,a,l,d,c,r,p,v;return n.jsxs(xe,{children:[n.jsx(Se,{onClick:e,children:n.jsx(Ne,{name:"icon-cross"})}),((a=(i=o==null?void 0:o.titleCard)==null?void 0:i.media)==null?void 0:a.sponsorLogo)&&n.jsxs(je,{children:[n.jsx(be,{alt:"sponsor-logo",src:(d=(l=o==null?void 0:o.titleCard)==null?void 0:l.media)==null?void 0:d.sponsorLogo}),n.jsx(Ie,{children:"PRESENTS"})]}),((c=o==null?void 0:o.titleCard)==null?void 0:c.title)&&n.jsx(Ee,{children:(r=o==null?void 0:o.titleCard)==null?void 0:r.title}),((p=o==null?void 0:o.titleCard)==null?void 0:p.subtitle)&&n.jsx(Ce,{children:(v=o==null?void 0:o.titleCard)==null?void 0:v.subtitle}),n.jsx(Ae,{onClick:t,children:"Play Now"})]})},E=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_0.png",tagline:"",headline:n.jsxs(n.Fragment,{children:["Welcome to ",n.jsx("br",{})," StreamLayer +"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],we=s.styled_default("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),Le=()=>s.x$1,Te=s.styled_default(Le())({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),V=s.styled_default("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),De=({deepLink:e,onboardingOpts:t,notification:o,gamification:i,loading:a,sdk:l})=>{var d,c,r,p,v,h,f;const x=s.useStore(i.friends.getStore()),[S,k]=u.useState(void 0),y=u.useMemo(()=>{var j,b;const A=l.getInviter();return A?(b=(j=x.data)==null?void 0:j.find(({slId:K})=>K===A))==null?void 0:b.name:""},[x.data,l]);return u.useEffect(()=>{const j=e.$store.subscribe(b=>{b&&k(b.data)});return()=>{j()}},[e.$store]),n.jsx(we,{children:n.jsx(s.rn,{loading:a,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:(d=t.rules)==null?void 0:d.buttonLabel,rulesTitle:(c=t.rules)==null?void 0:c.heading,termsTitle:"Terms and Conditions",termsText:(r=t.rules)==null?void 0:r.terms,steps:E,primaryColor:(p=t.inviteCard)==null?void 0:p.iconColor,inviteLink:S,inviteCardTitle:(v=t.inviteCard)==null?void 0:v.heading,inviteCardSubtext:(h=t.inviteCard)==null?void 0:h.subtext,inviteCardBtnLabel:(f=t.inviteCard)==null?void 0:f.buttonLabel,onClose:()=>{var j;(j=o.close)==null||j.call(o)},gamification:i,sdk:l,inviterName:y})})},$e=({sdk:e,notification:t,saveHeight:o,style:i,appNode:a,sdkInDesktopView:l,responsiveStore:d})=>{const c=u.useRef(null),r=t.data.onboarding,[p,v]=u.useState(r==null?void 0:r.instantOpen),h=e.getFeature(m.SdkOverlayType.GAMES),f=u.useMemo(()=>E==null?void 0:E.map(({graphicSrc:y})=>y),[]),{screen:x}=s.useStore(d,{keys:["screen"]});u.useLayoutEffect(()=>{var y;o(((y=c.current)==null?void 0:y.getBoundingClientRect().height)||0)},[o]);const{loading:S,throttled:k}=s.I$1(f);return p&&h&&r&&a.current&&!k?n.jsx(s.x,{container:a,useContainer:!l,children:n.jsx(De,{notification:t,setOpened:v,gamification:h,onboardingOpts:r,deepLink:h.deepLink,loading:S,renderToNode:a,sdk:e})}):n.jsxs(n.Fragment,{children:[n.jsx(V,{ref:c,style:{position:"absolute",visibility:"hidden"},children:n.jsx(q,{close:()=>{},action:()=>{},onboarding:r})}),n.jsx(Te,{style:i,hiding:t.hiding,children:n.jsx(V,{children:n.jsx(q,{close:t.close,action:()=>{var y;v(!0),(((y=a.current)==null?void 0:y.getBoundingClientRect().y)||0)<0&&s.C$2(a,x.size,{behavior:"smooth"})},onboarding:r})})})]})},Oe=()=>s.x$1,_e=s.styled_default(Oe())({name:"Container",class:"c8ol1ve",propsAsIs:!0}),M=s.styled_default("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),Re=()=>M,qe=s.styled_default(Re())({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),Ve=s.styled_default("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),Fe=()=>s.h,Me=s.styled_default(Fe())({name:"Pill",class:"p1lha68t",propsAsIs:!0}),Pe=e=>{const[t,o]=u.useState(0),i=u.useRef(null),a=u.useCallback(d=>{i.current=d},[]);u.useEffect(()=>{var d;const c=(d=i.current)==null?void 0:d.getBoundingClientRect();c&&o(c.height)},[e]);const l=u.useCallback(d=>{o(d)},[]);return[a,t,l]},Qe=({sdk:e,notification:t,appNode:o,responsiveStore:i})=>{var a,l;const{sdkInDesktopView:d}=s.useStore(i,{keys:["sdkInDesktopView"]}),{sdk:c}=C(),[r,p,v]=Pe(t.id);return t.type===s.NotificationType.QUESTION?n.jsxs(n.Fragment,{children:[n.jsx(qe,{ref:r,children:n.jsx(s.k$1,{...t})}),n.jsxs(_e,{style:{height:t.hiding?0:p},hiding:t.hiding,children:[n.jsx(M,{style:{height:"100%"},children:n.jsx(s.k$1,{...t,controlVideo:c==null?void 0:c.controlVideoPlayer})}),n.jsx(Ve,{},t.id)]})]}):t.type===s.NotificationType.QUESTION_RESOLVED&&(l=(a=t.data)==null?void 0:a.question)!=null&&l.predictionResult?n.jsx(s.q,{style:{height:t.hiding?0:p},saveHeight:v,close:t.close,hiding:t.hiding,...t.data.question}):t.type===s.NotificationType.ONBOARDING?n.jsx($e,{style:{height:t.hiding?0:p},saveHeight:v,sdk:e,notification:t,sdkInDesktopView:d,appNode:o,responsiveStore:i}):null},Ke="p7vfi6t",Ue=({pill:e,setPill:t,appNode:o,headerNode:i,scrollNode:a,responsiveStore:l,scrollStore:d})=>{var c,r;const{screen:p}=s.useStore(l,{keys:["screen"]}),{tabsShown:v,scrollPosition:h}=s.useStore(d,{keys:["tabsShown","scrollPosition"]});u.useEffect(()=>{l.get().sdkInDesktopView?h<50&&t(null):h>-50&&t(null)},[h,l,t]);const f=l.get().sdkInDesktopView?o:i;return!e||!f.current?null:s.Ik.createPortal(n.jsx(Me,{title:e.type===s.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((r=s.o[(c=e.data)==null?void 0:c.questionType])==null?void 0:r.label)||"notification"}`,onClick:()=>{var x;l.get().sdkInDesktopView?(x=a.current)==null||x.scrollTo({top:0,behavior:"smooth"}):s.C$2(o,p.size,{behavior:"smooth"}),t(null)},className:s.cx_default(v&&Ke,"sl-pill-button")}),f.current)},ze=({sdk:e,headerNode:t,scrollNode:o,responsiveStore:i,appNode:a,scrollStore:l})=>{const[d]=u.useState(e.getNotificationsStore()),c=s.useStore(d),[r,p]=u.useState(null),v=u.useMemo(()=>e.getActiveNotification(),[e,c]);return u.useEffect(()=>{v&&s.eventBus.emit("notification",{action:"rendered",payload:{questionId:v.data.questionId,questionType:v.data.questionType}})},[v]),u.useEffect(()=>{v&&(i.get().sdkInDesktopView||i.get().sdkInView)&&(!i.get().sdkInDesktopView&&i.get().sdkInView&&p(v),i.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{l.get().scrollPosition!==0&&p(v)}))},[v]),u.useEffect(()=>{v||p(null)},[v]),n.jsxs(n.Fragment,{children:[!r&&v&&n.jsx(Qe,{headerNode:t,appNode:a,sdk:e,notification:v,responsiveStore:i}),r&&n.jsx(Ue,{pill:r,setPill:p,appNode:a,notification:v,headerNode:t,scrollNode:o,scrollStore:l,responsiveStore:i})]})},P=e=>{const t=u.useRef(""),[o,i]=u.useState(!1),a=s.useStore(e.status),l=s.useStore(e.sdkStore.slStreamId),d=s.useStore(e.userId()),c=s.useStore(e.getActiveFeature()),r=a==="ready"&&!!l.data;u.useEffect(()=>{const h=e.getFeature(m.SdkOverlayType.GAMES);h&&(h.closeQuestion(),h.closeUser())},[c,e]);const p=u.useCallback(h=>{t.current=h,i(!0),e.initializeApp({skipOrganizationSettings:!0}).then(({enabled:f,err:x})=>{if(!x&&f){e.isUserAuthorized().then(S=>{S||e.disableApp()});return}})},[e]),v=u.useCallback(()=>{i(!1),e.disableApp()},[e]);return u.useEffect(()=>{if(!d){r&&e.disableApp();return}if(d&&t.current&&o){e.initializeApp({skipOrganizationSettings:!0}).then(()=>{e.createEventSession(t.current)});return}},[d]),u.useEffect(()=>()=>{i(!1),e.disableApp()},[i,e]),{sdkEnabled:o,sdkReady:r,activateEventWithId:p,deactivate:v,isLogged:!!d}},Be=({sdk:e,className:t,scrollStore:o,appNode:i,scrollNode:a,responsiveStore:l})=>{const[,d]=s.p$2(e);return n.jsx(he,{className:t,scrollNode:a,appNode:i,scrollStore:o,feature:d,responsiveStore:l,sdk:e})},We=({sdk:e,className:t,appNode:o,responsiveStore:i})=>{const a=s.useStore(e.featuresList.getStore());return a?Array.from(a,l=>{const d=e.getFeature(l);return d?n.jsx(me,{className:t,appNode:o,feature:d,responsiveStore:i,sdk:e},l):null}):null},Ge=({sdk:e,event:t})=>{const o=u.useRef(null),i=u.useRef(null),[a]=s.v$1(o),[l,d]=s.D(o,a),{sdkEnabled:c,sdkReady:r,activateEventWithId:p,deactivate:v,isLogged:h}=P(e);u.useEffect(()=>{t?(e.createEventSession(t),p(t)):v()},[t,p,v,e]),s.L(o,{enabled:c,event:"click",listener:s.b$1}),s.L(l,{enabled:c,event:"scrollend",listener:s.y,useDomNode:!0}),s.L(l,{enabled:c,event:"click",listener:s.w,useDomNode:!0});const f=u.useMemo(()=>({sdk:e}),[e]);return u.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),n.jsx(F.Provider,{value:f,children:n.jsxs(s.i$1,{ref:o,children:[c&&n.jsx(ye,{className:s.v,sdk:e,ref:i}),n.jsxs(s.c,{className:"sl-hide-on-modal",ref:l,"data-nav":c.toString(),children:[r&&n.jsx(ze,{sdk:e,scrollNode:l,headerNode:i,appNode:o,scrollStore:d,responsiveStore:a}),r&&n.jsx(Be,{scrollStore:d,responsiveStore:a,scrollNode:l,appNode:o,className:s.v,sdk:e}),r&&n.jsx(We,{responsiveStore:a,appNode:o,className:s.v,sdk:e})]}),c&&!h&&n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},Q=({children:e,customTheme:t,style:o})=>n.jsx("div",{className:"StreamLayerSDKTheme",children:n.jsx("div",{className:s.cx_default(s.f,t),style:o,children:e})}),He=()=>{const{sdk:e}=u.useContext(s.StreamLayerContext);return e},Xe=({event:e})=>{const{sdk:t,status:o}=u.useContext(s.StreamLayerContext);if(o===s.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return o===s.StreamLayerStatus.CONNECTED?n.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?n.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):n.jsx("div",{className:"StreamLayerSDK",children:n.jsx(Q,{children:n.jsx(Ge,{sdk:t,event:e})})})};exports.E=ue;exports.F=P;exports.StreamLayerSDKReact=Xe;exports.d=Q;exports.useStreamLayer=He;

package/lib/cjs/masters2.js

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

package/lib/cjs/points.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),t=require("./provider.js"),i=require("./index2.js"),d=require("./useStreamLayerApp2.js"),p=t.styled_default("div")({name:"PointsContainer",class:"psiob9b",propsAsIs:!1}),m=t.styled_default("div")({name:"PointsIcon",class:"p1gqe4lh",propsAsIs:!1}),y=()=>t.c1,S=t.styled_default(y())({name:"PointsSvg",class:"p15syg2y",propsAsIs:!0}),f=t.styled_default("div")({name:"PointsBody",class:"p12n4f2h",propsAsIs:!1}),j=t.styled_default("div")({name:"PointsTitle",class:"poqmx89",propsAsIs:!1}),v=t.styled_default("div")({name:"PointsValue",class:"prj9b3v",propsAsIs:!1}),x=({points:e,onClick:r})=>s.jsxs(p,{className:t.v,onClick:r,children:[s.jsx(m,{children:s.jsx(S,{name:"icon-trophy"})}),s.jsxs(f,{children:[s.jsx(j,{children:"Total points"}),s.jsx(v,{children:s.jsx(t.d,{value:e})})]})]}),h=({gamification:e})=>{const r=e.userSummary.$store,[l,u]=o.useState(0);return o.useEffect(()=>{const c=r.subscribe(n=>{var a;(a=n==null?void 0:n.summary)!=null&&a.points&&u(n.summary.points)});return()=>{c()}},[r]),s.jsx(x,{points:l,onClick:()=>{e.status.get()===t.FeatureStatus.Suspended&&e.openFeature()}})},g=({sdk:e})=>{if(!t.useStore(e.featuresList.getStore()))return null;const r=e.getFeature(d.SdkOverlayType.GAMES);return r?s.jsx(h,{gamification:r}):null},P=()=>{const e=i.useStreamLayer();return e?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(i.d,{children:s.jsx(g,{sdk:e})})}):null};exports.StreamLayerSDKPoints=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),t=require("./provider.js"),i=require("./index2.js"),d=require("./useStreamLayerApp2.js"),p=t.styled_default("div")({name:"PointsContainer",class:"psiob9b",propsAsIs:!1}),m=t.styled_default("div")({name:"PointsIcon",class:"p1gqe4lh",propsAsIs:!1}),y=()=>t.a1,S=t.styled_default(y())({name:"PointsSvg",class:"p15syg2y",propsAsIs:!0}),f=t.styled_default("div")({name:"PointsBody",class:"p12n4f2h",propsAsIs:!1}),j=t.styled_default("div")({name:"PointsTitle",class:"poqmx89",propsAsIs:!1}),v=t.styled_default("div")({name:"PointsValue",class:"prj9b3v",propsAsIs:!1}),x=({points:e,onClick:r})=>s.jsxs(p,{className:t.v,onClick:r,children:[s.jsx(m,{children:s.jsx(S,{name:"icon-trophy"})}),s.jsxs(f,{children:[s.jsx(j,{children:"Total points"}),s.jsx(v,{children:s.jsx(t.d,{value:e})})]})]}),h=({gamification:e})=>{const r=e.userSummary.$store,[l,u]=o.useState(0);return o.useEffect(()=>{const c=r.subscribe(n=>{var a;(a=n==null?void 0:n.summary)!=null&&a.points&&u(n.summary.points)});return()=>{c()}},[r]),s.jsx(x,{points:l,onClick:()=>{e.status.get()===t.FeatureStatus.Suspended&&e.openFeature()}})},g=({sdk:e})=>{if(!t.useStore(e.featuresList.getStore()))return null;const r=e.getFeature(d.SdkOverlayType.GAMES);return r?s.jsx(h,{gamification:r}):null},P=()=>{const e=i.useStreamLayer();return e?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(i.d,{children:s.jsx(g,{sdk:e})})}):null};exports.StreamLayerSDKPoints=P;