@streamlayer/react 1.24.5 → 1.24.6

package/lib/cjs/index9.js

@@ -1,7 +1,7 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("./index12.js"),r=require("react"),t=require("./sl-types.js"),B=require("react-countdown-circle-timer"),A=require("./index8.js"),i={BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",BLUE:"#2d6ffd",GREY_PRIMARY:"#909395",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",PRIMARY_1:"#1D7BFF",PRIMARY_2:"#095CD1",PRIMARY_TEXT:"#090E13",SECONDARY_TEXT:"rgba(10, 14, 19, 0.70)",QUESTION_TYPE_ICON:"#1D7BFF",QUESTION_BODY_TEXT:"#090E13",PRESENTED_BY_TEXT:"#090E13",SUCCESS:"#107D57",UNSUCCESS:"#DF2F3B",SECONDARY_RED1:"#DF2F3B",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_WHITE1:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY9:"#25282A",SDK_CONTAINER_BG:"#F7F7F7",SDK_WHITE_CONTAINER_BG:"#fff",SDK_DARK_CONTAINER_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_BG:"#fff",SDK_PREDICTION_RESULT_INCORRECT_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_TEXT:"#107D57",SDK_PREDICTION_RESULT_ERROR_TITLE:"#090E13",SDK_PREDICTION_RESULT_ERROR_SUBTITLE:"#DF2F3B",SDK_PREDICTION_RESULT_CLOSE_ICON:"#6B6F73",SDK_PREDICTION_FEEDBACK_SUCCESS_ICON:"#107D57",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1:"#CD2525",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2:"#fff",PREDICTION_BG_LINES_CORRECT:"#01AB58",PREDICTION_BG_LINES_INCORRECT:"#888B8D",SKELETON_COLOR_1:"#f1efef",SKELETON_COLOR_2:"#f9f8f8",TABS_CONTAINER_BG:"#F2F2F1",TABS_ACTIVE_BG:"#FFFFFF",TABS_COLOR:"#6B6F73",TABS_ACTIVE_COLOR:"#1D7BFF",CARD_BG:"#FFFFFF",CARD_BORDER:"#fff",BORDER:"#E8E8E8",VOTE_BTN_BG:"#F7F7F7",VOTE_BTN_BORDER:"rgb(232, 232, 232)",VOTE_BTN_DISABLED_BORDER:"#B1B3B3",VOTE_BTN_SELECTED_BORDER:"#25282A",VOTE_BTN_NOT_SELECTED_BORDER:"#E8E8E8",VOTE_BTN_SELECTED_BG:"#FFFFFF",VOTE_BTN_SELECTED_BG_AD_UNIT:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG_UNSET:"rgb(196, 196, 196)",VOTED_ANSWER_BG:"#FFFFFF",VOTED_BTN_RCT_BG:"#2d5694",IN_APP_BG:"rgba(255, 255, 255, 0.90)",IN_APP_QUESTION_TYPE_ICON:"#1D7BFF",IN_APP_QUESTION_TYPE_LABEL:"#82899E",IN_APP_QUESTION_QUOTE:"rgba(10, 14, 19, 0.70)",IN_APP_QUESTION_RESULT_SUBTITLE_BG:"#1D7BFF",IN_APP_QUESTION_RESULT_LINE:"#babfc5",QUOTE_BORDER:"#E8E8E8",QUOTE_TEXT:"rgba(10, 14, 19, 0.70)"},a={BG_PRIMARY:"#13212b",BG_SECONDARY:"#152430",BG_SECONDARY1:"#435059",BORDER_PRIMARY:"rgba(255, 255, 255, 0.1)",TEXT_PRIMARY:"#f9f9f9",TEXT_PRIMARY1:"#f9f9f9",TEXT_SECONDARY:"rgba(255, 255, 255, 0.8)",TEXT_SECONDARY1:"#878787",WHITE:"#fff"},c=["#107D57","#DF2F3B","#DF2F3B","#E8E8E8"],f="#cee5de",l="#f9d6d8",L="#E8E8E8",d={xs:324,sm:576,md:768,lg:992,xl:1200,xxl:1440};Object.entries(i).reduce((_,[E,T])=>`
+"use strict";const R=require("react/jsx-runtime"),n=require("./index15.js"),r=require("react"),S=require("./feature.js"),B=require("react-countdown-circle-timer"),A=require("./index8.js"),i={BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",BLUE:"#2d6ffd",GREY_PRIMARY:"#909395",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",PRIMARY_1:"#1D7BFF",PRIMARY_2:"#095CD1",PRIMARY_TEXT:"#090E13",SECONDARY_TEXT:"rgba(10, 14, 19, 0.70)",QUESTION_TYPE_ICON:"#1D7BFF",QUESTION_BODY_TEXT:"#090E13",PRESENTED_BY_TEXT:"#090E13",SUCCESS:"#107D57",UNSUCCESS:"#DF2F3B",SECONDARY_RED1:"#DF2F3B",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_WHITE1:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY9:"#25282A",SDK_CONTAINER_BG:"#F7F7F7",SDK_WHITE_CONTAINER_BG:"#fff",SDK_DARK_CONTAINER_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_BG:"#fff",SDK_PREDICTION_RESULT_INCORRECT_BG:"#fff",SDK_PREDICTION_RESULT_SUCCESS_TEXT:"#107D57",SDK_PREDICTION_RESULT_ERROR_TITLE:"#090E13",SDK_PREDICTION_RESULT_ERROR_SUBTITLE:"#DF2F3B",SDK_PREDICTION_RESULT_CLOSE_ICON:"#6B6F73",SDK_PREDICTION_FEEDBACK_SUCCESS_ICON:"#107D57",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1:"#CD2525",SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2:"#fff",PREDICTION_BG_LINES_CORRECT:"#01AB58",PREDICTION_BG_LINES_INCORRECT:"#888B8D",SKELETON_COLOR_1:"#f1efef",SKELETON_COLOR_2:"#f9f8f8",TABS_CONTAINER_BG:"#F2F2F1",TABS_ACTIVE_BG:"#FFFFFF",TABS_COLOR:"#6B6F73",TABS_ACTIVE_COLOR:"#1D7BFF",CARD_BG:"#FFFFFF",CARD_BORDER:"#fff",BORDER:"#E8E8E8",VOTE_BTN_BG:"#F7F7F7",VOTE_BTN_BORDER:"rgb(232, 232, 232)",VOTE_BTN_DISABLED_BORDER:"#B1B3B3",VOTE_BTN_SELECTED_BORDER:"#25282A",VOTE_BTN_NOT_SELECTED_BORDER:"#E8E8E8",VOTE_BTN_SELECTED_BG:"#FFFFFF",VOTE_BTN_SELECTED_BG_AD_UNIT:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG:"#FFFFFF",VOTE_BTN_NOT_SELECTED_BG_UNSET:"rgb(196, 196, 196)",VOTED_ANSWER_BG:"#FFFFFF",VOTED_BTN_RCT_BG:"#2d5694",IN_APP_BG:"rgba(255, 255, 255, 0.90)",IN_APP_QUESTION_TYPE_ICON:"#1D7BFF",IN_APP_QUESTION_TYPE_LABEL:"#82899E",IN_APP_QUESTION_QUOTE:"rgba(10, 14, 19, 0.70)",IN_APP_QUESTION_RESULT_SUBTITLE_BG:"#1D7BFF",IN_APP_QUESTION_RESULT_LINE:"#babfc5",QUOTE_BORDER:"#E8E8E8",QUOTE_TEXT:"rgba(10, 14, 19, 0.70)"},a={BG_PRIMARY:"#13212b",BG_SECONDARY:"#152430",BG_SECONDARY1:"#435059",BORDER_PRIMARY:"rgba(255, 255, 255, 0.1)",TEXT_PRIMARY:"#f9f9f9",TEXT_PRIMARY1:"#f9f9f9",TEXT_SECONDARY:"rgba(255, 255, 255, 0.8)",TEXT_SECONDARY1:"#878787",WHITE:"#fff"},c=["#107D57","#DF2F3B","#DF2F3B","#E8E8E8"],f="#cee5de",l="#f9d6d8",L="#E8E8E8",d={xs:324,sm:576,md:768,lg:992,xl:1200,xxl:1440};Object.entries(i).reduce((_,[E,T])=>`
     ${_}
     --color-${E.toLowerCase().replaceAll("_","-")}: ${T};
   `,"");Object.entries(a).reduce((_,[E,T])=>`
     ${_}
     --color-adv-${E.toLowerCase().replaceAll("_","-")}: ${T};
-  `,"");const P=_=>{const{Component:E,options:T,customOptions:F,autoFocus:R,...N}=_,s=n.distExports.useFocusable({...T,...F,onEnterPress:()=>_.onClick?.({currentTarget:s.ref.current,stopPropagation:()=>{}})});return r.useEffect(()=>{R&&s.focusSelf()},[]),e.jsx(E,{...N,...s,"data-is-with-focus":"true"})};function u(_,E){return({webos:T,options:F,...R})=>T?e.jsx(P,{Component:_,options:E,customOptions:F,...R}):e.jsx(_,{...R})}const U=[10,10,1,0],G=t.styled_default("div")({name:"RemainingTimeCircle",class:"r165427",propsAsIs:!1}),Y=t.styled_default("div")({name:"RemainingTime",class:"r17garf3",propsAsIs:!1}),m=f,O=l,S=L,p=({className:_,duration:E=30,onTimerExpired:T,isPlaying:F=!0})=>e.jsx(B.CountdownCircleTimer,{isPlaying:F,strokeWidth:0,duration:E,colors:O,size:24,onComplete:T,children:({remainingTime:R})=>e.jsx(Y,{className:_,children:E===0?0:R})}),g=({isPlaying:_=!0,duration:E=30,onTimerExpired:T})=>{const[F,R]=r.useState(E>10?m:O),[N,s]=r.useState(2);r.useEffect(()=>{E===0&&(s(0),R(S))},[E]);const D=({remainingTime:C})=>e.jsx(G,{children:E===0?0:C}),I=r.useCallback(()=>{T?.(),R(S)},[T,R]),o=r.useCallback(C=>{C===10&&R(O)},[R]);return e.jsx(B.CountdownCircleTimer,{isPlaying:_,duration:E,colors:c,colorsTime:U,size:32,strokeWidth:N,trailStrokeWidth:2,trailColor:F,onComplete:I,onUpdate:o,children:D})},x=({height:_="37px",width:E="37px"})=>e.jsx("div",{style:{height:_,width:E},children:e.jsx(A.B1,{name:"loader"})});exports.A=d;exports.G=p;exports.L=g;exports.R=i;exports.b=u;exports.d=x;
+  `,"");const u=_=>{const{Component:E,options:T,customOptions:F,autoFocus:e,...s}=_,N=n.distExports.useFocusable({...T,...F,onEnterPress:()=>_.onClick?.({currentTarget:N.ref.current,stopPropagation:()=>{}})});return r.useEffect(()=>{e&&N.focusSelf()},[]),R.jsx(E,{...s,...N,"data-is-with-focus":"true"})};function P(_,E){return({webos:T,options:F,...e})=>T?R.jsx(u,{Component:_,options:E,customOptions:F,...e}):R.jsx(_,{...e})}const U=[10,10,1,0],G=S.styled_default("div")({name:"RemainingTimeCircle",class:"r165427",propsAsIs:!1}),Y=S.styled_default("div")({name:"RemainingTime",class:"r17garf3",propsAsIs:!1}),m=f,O=l,t=L,p=({className:_,duration:E=30,onTimerExpired:T,isPlaying:F=!0})=>R.jsx(B.CountdownCircleTimer,{isPlaying:F,strokeWidth:0,duration:E,colors:O,size:24,onComplete:T,children:({remainingTime:e})=>R.jsx(Y,{className:_,children:E===0?0:e})}),g=({isPlaying:_=!0,duration:E=30,onTimerExpired:T})=>{const[F,e]=r.useState(E>10?m:O),[s,N]=r.useState(2);r.useEffect(()=>{E===0&&(N(0),e(t))},[E]);const D=({remainingTime:C})=>R.jsx(G,{children:E===0?0:C}),I=r.useCallback(()=>{T?.(),e(t)},[T,e]),o=r.useCallback(C=>{C===10&&e(O)},[e]);return R.jsx(B.CountdownCircleTimer,{isPlaying:_,duration:E,colors:c,colorsTime:U,size:32,strokeWidth:s,trailStrokeWidth:2,trailColor:F,onComplete:I,onUpdate:o,children:D})},x=({height:_="37px",width:E="37px"})=>R.jsx("div",{style:{height:_,width:E},children:R.jsx(A.B1,{name:"loader"})});exports.A=d;exports.G=p;exports.L=g;exports.R=i;exports.b=P;exports.d=x;

package/lib/cjs/insight.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("./index7.js"),c=require("./sl-types.js"),h=require("react"),g=require("./Question.js"),S=require("./useStreamLayerApp2.js"),a=require("./hooks-n9ax4LRT.js"),I=()=>g._,f=c.styled_default(I())({name:"QuestionWrap",class:"q10hhsxv",propsAsIs:!0}),y=({gamification:e,sdk:o,persistent:i,skipAutoClose:u,hideHeader:d,insightId:t})=>{const s=h.useRef(""),l=c.useStore(e.openedQuestion.$store);return h.useEffect(()=>t?(!i||e.isOpenedQuestion(t)||(s.current=t,e.getFeedItem(t).then(r=>{s.current===t&&r?.attributes?.attributes.case==="insight"&&e.openQuestion(t,r)})),()=>{s.current=""}):(e.activeQuestionId.subscribe(({data:r})=>{r&&r.feedItem?.type==="insight"&&(!i||e.isOpenedQuestion(r.feedItem.id)||(s.current=r.feedItem.id,e.openQuestion(r.feedItem.id,r.feedItem))),!r&&s.current&&(e.closeQuestion(s.current),s.current="")}),()=>{}),[e,i,t]),l?n.jsx(f,{sdk:o,skipAutoClose:u,hideHeader:d,gamification:e,hideSponsor:!0}):null},m=({sdk:e,persistent:o,skipAutoClose:i,insightId:u,hideHeader:d})=>{if(!c.useStore(e.featuresList.getStore()))return null;const t=e.getFeature(S.SdkOverlayType.GAMES);return t?n.jsx(y,{insightId:u,sdk:e,persistent:o,hideHeader:d,gamification:t,skipAutoClose:i}):null},k=({event:e,theme:o,hideHeader:i,skipAutoClose:u,persistent:d})=>{const t=a.Y(),s=a._();return t?n.jsxs("div",{className:"StreamLayerSDK",children:[n.jsx(p.h,{customTheme:o??s.theme,themeMode:s.themeMode,children:n.jsx(m,{skipAutoClose:u,sdk:t,hideHeader:i,persistent:d})}),e!==void 0&&n.jsx(a.g,{event:e})]}):null};exports.StreamLayerSDKInsight=k;exports.StreamLayerSDKInsightUI=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("./index7.js"),c=require("./feature.js"),h=require("react"),g=require("./Question.js"),S=require("./useStreamLayerApp2.js"),a=require("./hooks-n9ax4LRT.js"),f=()=>g._,I=c.styled_default(f())({name:"QuestionWrap",class:"q10hhsxv",propsAsIs:!0}),k=({gamification:e,sdk:o,persistent:i,skipAutoClose:u,hideHeader:d,insightId:t})=>{const s=h.useRef(""),l=c.useStore(e.openedQuestion.$store);return h.useEffect(()=>t?(!i||e.isOpenedQuestion(t)||(s.current=t,e.getFeedItem(t).then(r=>{s.current===t&&r?.attributes?.attributes.case==="insight"&&e.openQuestion(t,r)})),()=>{s.current=""}):(e.activeQuestionId.subscribe(({data:r})=>{r&&r.feedItem?.type==="insight"&&(!i||e.isOpenedQuestion(r.feedItem.id)||(s.current=r.feedItem.id,e.openQuestion(r.feedItem.id,r.feedItem))),!r&&s.current&&(e.closeQuestion(s.current),s.current="")}),()=>{}),[e,i,t]),l?n.jsx(I,{sdk:o,skipAutoClose:u,hideHeader:d,gamification:e,hideSponsor:!0}):null},m=({sdk:e,persistent:o,skipAutoClose:i,insightId:u,hideHeader:d})=>{if(!c.useStore(e.featuresList.getStore()))return null;const t=e.getFeature(S.SdkOverlayType.GAMES);return t?n.jsx(k,{insightId:u,sdk:e,persistent:o,hideHeader:d,gamification:t,skipAutoClose:i}):null},y=({event:e,theme:o,hideHeader:i,skipAutoClose:u,persistent:d})=>{const t=a.Y(),s=a._();return t?n.jsxs("div",{className:"StreamLayerSDK",children:[n.jsx(p.h,{customTheme:o??s.theme,themeMode:s.themeMode,children:n.jsx(m,{skipAutoClose:u,sdk:t,hideHeader:i,persistent:d})}),e!==void 0&&n.jsx(a.g,{event:e})]}):null};exports.StreamLayerSDKInsight=y;exports.StreamLayerSDKInsightUI=m;

package/lib/cjs/masters2.js

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

package/lib/cjs/notification.js

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

package/lib/cjs/pause-ad.js

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

package/lib/cjs/points.js

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