@streamlayer/react 1.15.5 → 1.16.0

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./provider.js");require("./useStreamLayerApp2.js");require("react/jsx-runtime");require("react");const r=require("./notification.js");exports.StreamLayerProvider=e.StreamLayerProvider;exports.StreamLayerSDKEvent=e.StreamLayerSDKEvent;exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.StreamLayerThemeProvider=e.h;exports.useStreamLayer=e.useStreamLayer;exports.useStreamLayerTheme=e.useStreamLayerTheme;exports.useStreamLayerUI=e.useStreamLayerUI;exports.StreamLayerSDKNotification=r.StreamLayerSDKNotification;exports.StreamLayerSDKNotificationUI=r.StreamLayerSDKNotificationUI;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./provider.js");require("react/jsx-runtime");require("react");const r=require("./notification.js");exports.StreamLayerProvider=e.StreamLayerProvider;exports.StreamLayerSDKEvent=e.StreamLayerSDKEvent;exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.StreamLayerThemeProvider=e.h;exports.useStreamLayer=e.useStreamLayer;exports.useStreamLayerTheme=e.useStreamLayerTheme;exports.useStreamLayerUI=e.useStreamLayerUI;exports.StreamLayerSDKNotification=r.StreamLayerSDKNotification;exports.StreamLayerSDKNotificationUI=r.StreamLayerSDKNotificationUI;

package/lib/cjs/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./provider.js"),c=require("./useStreamLayerApp2.js"),s=require("react/jsx-runtime"),p=require("react"),x=e.styled_default("div")({name:"Media",class:"m1bcvojl",propsAsIs:!1}),S=()=>x,q=e.styled_default(S())({name:"MediaImgBottom",class:"m58gin0",propsAsIs:!0}),E=()=>x,h=e.styled_default(E())({name:"MediaImgSolid",class:"m1atm8do",propsAsIs:!0}),M=()=>x,Q=e.styled_default(M())({name:"MediaImgRounded",class:"myx3xoi",propsAsIs:!0}),L=()=>x,D=e.styled_default(L())({name:"MediaImgCentered",class:"m1bwv0gx",propsAsIs:!0}),R=()=>x,z=e.styled_default(R())({name:"MediaImgInsight",class:"mntjanp",propsAsIs:!0}),O=e.styled_default("div")({name:"VideoIcon",class:"v1kofb47",propsAsIs:!1}),B={[c.QuestionImages.UNSET]:h,[c.QuestionImages.NONE]:h,[c.QuestionImages.ROUNDED]:Q,[c.QuestionImages.CENTERED]:D,[c.QuestionImages.TRANSPARENT]:q},A=({src:n,imageMode:a=c.QuestionImages.UNSET,withVideo:i,fromInsight:o})=>{if(a===c.QuestionImages.NONE)return null;const t=o?z:B[a];return s.jsxs(t,{children:[s.jsx("img",{src:n,alt:""}),i&&s.jsx(O,{children:s.jsx(e.k1,{name:"icon-play"})})]})},P=e.styled_default("div")({name:"NotificationContent",class:"nuraq9m",propsAsIs:!1}),U=e.styled_default("div")({name:"NotificationContainer",class:"ns1nzpg",propsAsIs:!1}),k=e.styled_default("div")({name:"Body",class:"b1j59nzs",propsAsIs:!1}),V=e.styled_default("div")({name:"Title",class:"t9vmnpp",propsAsIs:!1}),F=e.styled_default("button")({name:"Button",class:"b14ivj5k",propsAsIs:!1}),W=()=>e.k1,K=e.styled_default(W())({name:"StyledChevronRight",class:"s1atci8n",propsAsIs:!0}),G=e.styled_default("div")({name:"QuoteWrap",class:"q4w8jgs",propsAsIs:!1}),Y=e.styled_default("blockquote")({name:"Quote",class:"qaa0kez",propsAsIs:!1}),H=e.styled_default("div")({name:"Body",class:"b1wvd52w",propsAsIs:!1}),J=e.styled_default("div")({name:"Container",class:"ccvukea",propsAsIs:!1}),X=({image:n,tweet:a,account:i,accountVerified:o,body:t,title:r})=>{var d;return s.jsxs(J,{children:[r&&s.jsx(G,{children:s.jsx(Y,{children:r})}),s.jsx(e.D$2,{image:n,name:(d=a==null?void 0:a.meta)==null?void 0:d.accountName,userName:i,verified:o,createdTweet:a==null?void 0:a.date}),s.jsx(H,{children:e.A$2(t)})]})},Z=({title:n,questionType:a,questionTypeData:i})=>s.jsxs(k,{children:[s.jsx(e.x$1,{questionTypeData:i,questionType:a,questionStatus:c.QuestionStatus.UNSET}),n&&s.jsx(V,{children:n})]}),ss=({tweet:n})=>n?s.jsx(k,{children:s.jsx(X,{...n,controlVideo:()=>{}})}):null,es=({action:n,questionType:a,inApp:i,insight:o,tweet:t})=>{var r;const d=e.e[a],l=e.o[a];if(!d||!i||!i.notification)return null;const{title:u,image:m,imageMode:y}=i.notification;let f=m;a===c.QuestionType.TWEET&&t!=null&&t.tweetMedia&&(f=t.tweetMedia.image),y===c.QuestionImages.NONE&&(f="");const j=i.useMediaFromContent&&(o==null?void 0:o.image),v=a===c.QuestionType.TWEET&&((r=t==null?void 0:t.tweetMedia)==null?void 0:r.video)||a===c.QuestionType.FACTOID&&(o==null?void 0:o.video);return s.jsx(U,{"data-a":"intr",className:"SL_InApp",onClick:n,children:s.jsxs(P,{style:f?{}:{paddingLeft:"1.5rem"},children:[f&&!j&&s.jsx(A,{src:f,imageMode:y,withVideo:!!v}),j&&s.jsx(A,{src:j,fromInsight:!0,withVideo:!!v}),a===c.QuestionType.TWEET?s.jsx(ss,{tweet:t}):s.jsx(Z,{questionTypeData:d,questionType:a,title:u}),s.jsx(F,{name:"inapp-button",children:l||"Open"}),s.jsx(K,{name:"chevronRight"})]})})},ts=e.styled_default("div")({name:"NotificationContainer",class:"n11jcrxe",propsAsIs:!1}),g=e.styled_default("img")({name:"Icon",class:"i1vmpt6u",propsAsIs:!1}),ns=e.styled_default("div")({name:"IconContainer",class:"i180665s",propsAsIs:!1}),as=()=>e.k1,is=e.styled_default(as())({name:"TitleIcon",class:"t16zzzei",propsAsIs:!0}),os=()=>e.y,ls=e.styled_default(os())({name:"Close",class:"c1sur0q2",propsAsIs:!0}),ds=e.styled_default("div")({name:"Body",class:"bai9j52",propsAsIs:!1}),cs=e.styled_default("div")({name:"Title",class:"t1bnt25p",propsAsIs:!1}),rs=e.styled_default("div")({name:"Description",class:"dmixjec",propsAsIs:!1}),us=e.styled_default("button")({name:"Button",class:"b1ubkw1q",propsAsIs:!1}),ps=({open:n,close:a,...i})=>{var o,t;return s.jsxs(ts,{"data-a":"intr",onClick:()=>{n==null||n(),i&&(i.instantOpen=!0)},children:[s.jsxs(ns,{children:[s.jsx(g,{className:"on-light",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png"}),s.jsx(g,{className:"on-dark",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"})]}),s.jsxs(ds,{children:[s.jsxs(cs,{children:[s.jsx(is,{name:"icon-trophy-solid"}),(o=i==null?void 0:i.titleCard)==null?void 0:o.title]}),s.jsxs(rs,{children:[s.jsx("span",{children:(t=i==null?void 0:i.titleCard)==null?void 0:t.subtitle}),s.jsx(us,{name:"inapp-button",children:"Play Now"})]})]}),s.jsx(ls,{close:r=>{r==null||r.stopPropagation(),a==null||a()}})]})},ms=e.styled_default("div")({name:"Container",class:"cef8huz",propsAsIs:!1}),ys=()=>e.k1,fs=e.styled_default(ys())({name:"CheckIcon",class:"c1mo15kk",propsAsIs:!0}),xs=()=>e.k1,js=e.styled_default(xs())({name:"PredictionIcon",class:"p16zkqnm",propsAsIs:!0}),Is=e.styled_default("div")({name:"PredictionIconContainer",class:"pjszi7a",propsAsIs:!1}),vs=e.styled_default("div")({name:"BodyContainer",class:"bftbmo3",propsAsIs:!1}),hs=e.styled_default("div")({name:"Body",class:"barrbyu",propsAsIs:!1}),As=e.styled_default("div")({name:"Subtitle",class:"sz7237i",propsAsIs:!1}),gs=({step:n,children:a,answer:i,state:o="pending"})=>{const[t,r]=p.useState(0),[d]=p.useState(()=>new ResizeObserver(u=>{window.requestAnimationFrame(()=>{var m,y;r((y=(m=u==null?void 0:u[0])==null?void 0:m.contentRect)==null?void 0:y.width)})})),l=p.useCallback(u=>{u||d.disconnect(),d.observe(u)},[d]);return p.useMemo(()=>()=>{d.disconnect()},[d]),s.jsxs(ms,{children:[s.jsx(Is,{children:s.jsx(js,{name:"icon-prediction"})}),s.jsx(vs,{style:{minWidth:`${t}px`},children:s.jsx(hs,{children:a},n)}),s.jsx(As,{ref:l,className:o,children:s.jsxs("div",{children:[s.jsx(fs,{name:"icon-check"}),"Your Pick: ",i]})})]})},_s=e.styled_default("div")({name:"Container",class:"ckyzolp",propsAsIs:!1}),I=e.styled_default("div")({name:"Line",class:"l16t1zr7",propsAsIs:!1}),$s=()=>I,Ts=e.styled_default($s())({name:"Line1",class:"le78kvg",propsAsIs:!0}),ks=()=>I,Ns=e.styled_default(ks())({name:"Line2",class:"l1o7966d",propsAsIs:!0}),bs=()=>I,Cs=e.styled_default(bs())({name:"Line3",class:"lu9lyxq",propsAsIs:!0}),ws=()=>s.jsxs(_s,{children:[s.jsx(Ts,{children:s.jsx("div",{})}),s.jsx(Ns,{children:s.jsx("div",{})}),s.jsx(Cs,{children:s.jsx("div",{})})]}),Ss=e.styled_default("div")({name:"Container",class:"c10jy6zf",propsAsIs:!1}),qs=()=>e.k1,Es=e.styled_default(qs())({name:"CheckIcon",class:"c1c7scay",propsAsIs:!0}),Ms=()=>s.jsxs(Ss,{children:[s.jsx(Es,{name:"icon-check"})," Prediction results are in!"]}),Qs=e.styled_default("div")({name:"Container",class:"cf6k2yy",propsAsIs:!1}),Ls=e.styled_default("div")({name:"Caption",class:"c1c8xjus",propsAsIs:!1}),Ds=e.styled_default("div")({name:"Title",class:"t1d1uekn",propsAsIs:!1}),Rs=({title:n})=>s.jsxs(Qs,{children:[s.jsx(Ls,{children:"Results for"}),s.jsx(Ds,{children:n})]}),N=e.styled_default("div")({name:"Container",class:"c181a1as",propsAsIs:!1}),b=e.styled_default("div")({name:"Title",class:"t1cduox6",propsAsIs:!1}),zs=()=>e.k1,C=e.styled_default(zs())({name:"CorrectIcon",class:"c1onrv6j",propsAsIs:!0}),Os=()=>C,Bs=e.styled_default(Os())({name:"InCorrectIcon",class:"i17n9o7e",propsAsIs:!0}),Ps=()=>s.jsxs(N,{children:[s.jsxs(b,{children:["Congratulations!",s.jsx("br",{}),"You answered correctly."]}),s.jsx(C,{name:"icon-check"})]}),Us=({title:n})=>s.jsxs(N,{children:[s.jsxs(b,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",n]}),s.jsx(Bs,{name:"icon-cross"})]}),Vs=e.styled_default("div")({name:"Container",class:"cnxgcs2",propsAsIs:!1}),Fs=e.styled_default("div")({name:"Title",class:"t903f8n",propsAsIs:!1}),Ws=()=>e.k1,Ks=e.styled_default(Ws())({name:"CheckIcon",class:"ceyu3qj",propsAsIs:!0}),Gs=({points:n})=>s.jsxs(Vs,{children:[s.jsxs(Fs,{children:["You won ",s.jsx(e.d,{delay:.5,prefix:"+",suffix:" points",value:n})]}),s.jsx(Ks,{name:"icon-trophy-solid"})]}),_=e.styled_default("div")({name:"Container",class:"cq3agu2",propsAsIs:!1}),$=e.styled_default("div")({name:"Body",class:"b16qj0do",propsAsIs:!1}),T={1:3e3,2:4e3,3:4e3,4:4e3},Ys=({close:n,action:a,setStep:i,votedAnswer:o,correct:t,correctAnswerTitle:r,questionTitle:d,step:l})=>{if(p.useEffect(()=>{if(i){const m=setTimeout(()=>{T[l+1]&&(t||l<3)?i(l+1):n==null||n()},T[l]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,l,n,t]),l===1)return s.jsx(_,{children:s.jsx($,{children:s.jsx(Ms,{})})});let u="pending";return(l===3||l===4)&&(u=t?"correct":"incorrect"),s.jsx(_,{"data-a":"intr",onClick:()=>a==null?void 0:a(),children:s.jsxs($,{children:[l!==1&&s.jsx(ws,{},l),s.jsxs(gs,{state:u,step:l,answer:(o==null?void 0:o.title)||"unknown",children:[l===2&&s.jsx(Rs,{title:d||"unknown"}),l===3&&t&&s.jsx(Ps,{}),l===3&&!t&&s.jsx(Us,{title:r||"unknown"}),l===4&&s.jsx(Gs,{points:(o==null?void 0:o.points)||0})]})]})})},Hs=({close:n,action:a,votedAnswer:i,correct:o,correctAnswerTitle:t,questionTitle:r})=>{const[d,l]=p.useState(1);return s.jsx(Ys,{close:n,action:a,votedAnswer:i,correct:o,correctAnswerTitle:t,questionTitle:r,setStep:l,step:d,title:""})},Js=e.styled_default("div")({name:"NotificationContainer",class:"n1i4h28u",propsAsIs:!1}),Xs=n=>s.jsx(Js,{children:s.jsx(Hs,{...n})}),w=({sdk:n})=>{const[a]=p.useState(n.getNotificationsStore()),i=e.useStore(a),o=n.getFeature(c.SdkOverlayType.GAMES),t=p.useMemo(()=>n.getActiveNotification(),[n,i]);return p.useEffect(()=>{t&&e.eventBus.emit("notification",{action:"rendered",payload:{questionId:t.data.questionId,questionType:t.data.questionType}})},[t]),t&&t.type===e.NotificationType.QUESTION_RESOLVED?t.data.question&&t.data.questionType===c.QuestionType.PREDICTION?s.jsx(Xs,{action:t.action,close:t.close,...t.data.question}):null:t&&t.type===e.NotificationType.ONBOARDING?t.data.onboarding?s.jsx(ps,{open:o==null?void 0:o.openFeature,close:t.close,...t.data.onboarding}):null:t&&s.jsx(es,{...t.data,action:t.action})},Zs=({theme:n})=>{const a=e.useStreamLayer(),i=e.useStreamLayerTheme(),o=e.useStreamLayerUI();return a&&(o.appNotification||o.onboardingNotification)?o.app&&!o.onboardingNotification?null:s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(e.h,{customTheme:n??i.theme,themeMode:i.themeMode,children:s.jsx(w,{sdk:a})})}):null};exports.StreamLayerSDKNotification=Zs;exports.StreamLayerSDKNotificationUI=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./provider.js"),s=require("react/jsx-runtime"),p=require("react"),c=require("./useStreamLayerApp2.js"),x=e.styled_default("div")({name:"Media",class:"m1bcvojl",propsAsIs:!1}),S=()=>x,q=e.styled_default(S())({name:"MediaImgBottom",class:"m58gin0",propsAsIs:!0}),E=()=>x,h=e.styled_default(E())({name:"MediaImgSolid",class:"m1atm8do",propsAsIs:!0}),M=()=>x,Q=e.styled_default(M())({name:"MediaImgRounded",class:"myx3xoi",propsAsIs:!0}),L=()=>x,D=e.styled_default(L())({name:"MediaImgCentered",class:"m1bwv0gx",propsAsIs:!0}),R=()=>x,z=e.styled_default(R())({name:"MediaImgInsight",class:"mntjanp",propsAsIs:!0}),O=e.styled_default("div")({name:"VideoIcon",class:"v1kofb47",propsAsIs:!1}),B={[c.QuestionImages.UNSET]:h,[c.QuestionImages.NONE]:h,[c.QuestionImages.ROUNDED]:Q,[c.QuestionImages.CENTERED]:D,[c.QuestionImages.TRANSPARENT]:q},A=({src:n,imageMode:a=c.QuestionImages.UNSET,withVideo:i,fromInsight:o})=>{if(a===c.QuestionImages.NONE)return null;const t=o?z:B[a];return s.jsxs(t,{children:[s.jsx("img",{src:n,alt:""}),i&&s.jsx(O,{children:s.jsx(e.k1,{name:"icon-play"})})]})},P=e.styled_default("div")({name:"NotificationContent",class:"nuraq9m",propsAsIs:!1}),U=e.styled_default("div")({name:"NotificationContainer",class:"ns1nzpg",propsAsIs:!1}),k=e.styled_default("div")({name:"Body",class:"b1j59nzs",propsAsIs:!1}),V=e.styled_default("div")({name:"Title",class:"t9vmnpp",propsAsIs:!1}),F=e.styled_default("button")({name:"Button",class:"b14ivj5k",propsAsIs:!1}),W=()=>e.k1,K=e.styled_default(W())({name:"StyledChevronRight",class:"s1atci8n",propsAsIs:!0}),G=e.styled_default("div")({name:"QuoteWrap",class:"q4w8jgs",propsAsIs:!1}),Y=e.styled_default("blockquote")({name:"Quote",class:"qaa0kez",propsAsIs:!1}),H=e.styled_default("div")({name:"Body",class:"b1wvd52w",propsAsIs:!1}),J=e.styled_default("div")({name:"Container",class:"ccvukea",propsAsIs:!1}),X=({image:n,tweet:a,account:i,accountVerified:o,body:t,title:r})=>{var d;return s.jsxs(J,{children:[r&&s.jsx(G,{children:s.jsx(Y,{children:r})}),s.jsx(e.D$2,{image:n,name:(d=a==null?void 0:a.meta)==null?void 0:d.accountName,userName:i,verified:o,createdTweet:a==null?void 0:a.date}),s.jsx(H,{children:e.A$2(t)})]})},Z=({title:n,questionType:a,questionTypeData:i})=>s.jsxs(k,{children:[s.jsx(e.x$1,{questionTypeData:i,questionType:a,questionStatus:c.QuestionStatus.UNSET}),n&&s.jsx(V,{children:n})]}),ss=({tweet:n})=>n?s.jsx(k,{children:s.jsx(X,{...n,controlVideo:()=>{}})}):null,es=({action:n,questionType:a,inApp:i,insight:o,tweet:t})=>{var r;const d=e.e[a],l=e.o[a];if(!d||!i||!i.notification)return null;const{title:u,image:m,imageMode:y}=i.notification;let f=m;a===c.QuestionType.TWEET&&t!=null&&t.tweetMedia&&(f=t.tweetMedia.image),y===c.QuestionImages.NONE&&(f="");const j=i.useMediaFromContent&&(o==null?void 0:o.image),v=a===c.QuestionType.TWEET&&((r=t==null?void 0:t.tweetMedia)==null?void 0:r.video)||a===c.QuestionType.FACTOID&&(o==null?void 0:o.video);return s.jsx(U,{"data-a":"intr",className:"SL_InApp",onClick:n,children:s.jsxs(P,{style:f?{}:{paddingLeft:"1.5rem"},children:[f&&!j&&s.jsx(A,{src:f,imageMode:y,withVideo:!!v}),j&&s.jsx(A,{src:j,fromInsight:!0,withVideo:!!v}),a===c.QuestionType.TWEET?s.jsx(ss,{tweet:t}):s.jsx(Z,{questionTypeData:d,questionType:a,title:u}),s.jsx(F,{name:"inapp-button",children:l||"Open"}),s.jsx(K,{name:"chevronRight"})]})})},ts=e.styled_default("div")({name:"NotificationContainer",class:"n11jcrxe",propsAsIs:!1}),g=e.styled_default("img")({name:"Icon",class:"i1vmpt6u",propsAsIs:!1}),ns=e.styled_default("div")({name:"IconContainer",class:"i180665s",propsAsIs:!1}),as=()=>e.k1,is=e.styled_default(as())({name:"TitleIcon",class:"t16zzzei",propsAsIs:!0}),os=()=>e.y,ls=e.styled_default(os())({name:"Close",class:"c1sur0q2",propsAsIs:!0}),ds=e.styled_default("div")({name:"Body",class:"bai9j52",propsAsIs:!1}),cs=e.styled_default("div")({name:"Title",class:"t1bnt25p",propsAsIs:!1}),rs=e.styled_default("div")({name:"Description",class:"dmixjec",propsAsIs:!1}),us=e.styled_default("button")({name:"Button",class:"b1ubkw1q",propsAsIs:!1}),ps=({open:n,close:a,...i})=>{var o,t;return s.jsxs(ts,{"data-a":"intr",onClick:()=>{n==null||n(),i&&(i.instantOpen=!0)},children:[s.jsxs(ns,{children:[s.jsx(g,{className:"on-light",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png"}),s.jsx(g,{className:"on-dark",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"})]}),s.jsxs(ds,{children:[s.jsxs(cs,{children:[s.jsx(is,{name:"icon-trophy-solid"}),(o=i==null?void 0:i.titleCard)==null?void 0:o.title]}),s.jsxs(rs,{children:[s.jsx("span",{children:(t=i==null?void 0:i.titleCard)==null?void 0:t.subtitle}),s.jsx(us,{name:"inapp-button",children:"Play Now"})]})]}),s.jsx(ls,{close:r=>{r==null||r.stopPropagation(),a==null||a()}})]})},ms=e.styled_default("div")({name:"Container",class:"cef8huz",propsAsIs:!1}),ys=()=>e.k1,fs=e.styled_default(ys())({name:"CheckIcon",class:"c1mo15kk",propsAsIs:!0}),xs=()=>e.k1,js=e.styled_default(xs())({name:"PredictionIcon",class:"p16zkqnm",propsAsIs:!0}),Is=e.styled_default("div")({name:"PredictionIconContainer",class:"pjszi7a",propsAsIs:!1}),vs=e.styled_default("div")({name:"BodyContainer",class:"bftbmo3",propsAsIs:!1}),hs=e.styled_default("div")({name:"Body",class:"barrbyu",propsAsIs:!1}),As=e.styled_default("div")({name:"Subtitle",class:"sz7237i",propsAsIs:!1}),gs=({step:n,children:a,answer:i,state:o="pending"})=>{const[t,r]=p.useState(0),[d]=p.useState(()=>new ResizeObserver(u=>{window.requestAnimationFrame(()=>{var m,y;r((y=(m=u==null?void 0:u[0])==null?void 0:m.contentRect)==null?void 0:y.width)})})),l=p.useCallback(u=>{u||d.disconnect(),d.observe(u)},[d]);return p.useMemo(()=>()=>{d.disconnect()},[d]),s.jsxs(ms,{children:[s.jsx(Is,{children:s.jsx(js,{name:"icon-prediction"})}),s.jsx(vs,{style:{minWidth:`${t}px`},children:s.jsx(hs,{children:a},n)}),s.jsx(As,{ref:l,className:o,children:s.jsxs("div",{children:[s.jsx(fs,{name:"icon-check"}),"Your Pick: ",i]})})]})},_s=e.styled_default("div")({name:"Container",class:"ckyzolp",propsAsIs:!1}),I=e.styled_default("div")({name:"Line",class:"l16t1zr7",propsAsIs:!1}),$s=()=>I,Ts=e.styled_default($s())({name:"Line1",class:"le78kvg",propsAsIs:!0}),ks=()=>I,Ns=e.styled_default(ks())({name:"Line2",class:"l1o7966d",propsAsIs:!0}),bs=()=>I,Cs=e.styled_default(bs())({name:"Line3",class:"lu9lyxq",propsAsIs:!0}),ws=()=>s.jsxs(_s,{children:[s.jsx(Ts,{children:s.jsx("div",{})}),s.jsx(Ns,{children:s.jsx("div",{})}),s.jsx(Cs,{children:s.jsx("div",{})})]}),Ss=e.styled_default("div")({name:"Container",class:"c10jy6zf",propsAsIs:!1}),qs=()=>e.k1,Es=e.styled_default(qs())({name:"CheckIcon",class:"c1c7scay",propsAsIs:!0}),Ms=()=>s.jsxs(Ss,{children:[s.jsx(Es,{name:"icon-check"})," Prediction results are in!"]}),Qs=e.styled_default("div")({name:"Container",class:"cf6k2yy",propsAsIs:!1}),Ls=e.styled_default("div")({name:"Caption",class:"c1c8xjus",propsAsIs:!1}),Ds=e.styled_default("div")({name:"Title",class:"t1d1uekn",propsAsIs:!1}),Rs=({title:n})=>s.jsxs(Qs,{children:[s.jsx(Ls,{children:"Results for"}),s.jsx(Ds,{children:n})]}),N=e.styled_default("div")({name:"Container",class:"c181a1as",propsAsIs:!1}),b=e.styled_default("div")({name:"Title",class:"t1cduox6",propsAsIs:!1}),zs=()=>e.k1,C=e.styled_default(zs())({name:"CorrectIcon",class:"c1onrv6j",propsAsIs:!0}),Os=()=>C,Bs=e.styled_default(Os())({name:"InCorrectIcon",class:"i17n9o7e",propsAsIs:!0}),Ps=()=>s.jsxs(N,{children:[s.jsxs(b,{children:["Congratulations!",s.jsx("br",{}),"You answered correctly."]}),s.jsx(C,{name:"icon-check"})]}),Us=({title:n})=>s.jsxs(N,{children:[s.jsxs(b,{children:["Better luck next time!",s.jsx("br",{}),"Correct: ",n]}),s.jsx(Bs,{name:"icon-cross"})]}),Vs=e.styled_default("div")({name:"Container",class:"cnxgcs2",propsAsIs:!1}),Fs=e.styled_default("div")({name:"Title",class:"t903f8n",propsAsIs:!1}),Ws=()=>e.k1,Ks=e.styled_default(Ws())({name:"CheckIcon",class:"ceyu3qj",propsAsIs:!0}),Gs=({points:n})=>s.jsxs(Vs,{children:[s.jsxs(Fs,{children:["You won ",s.jsx(e.d,{delay:.5,prefix:"+",suffix:" points",value:n})]}),s.jsx(Ks,{name:"icon-trophy-solid"})]}),_=e.styled_default("div")({name:"Container",class:"cq3agu2",propsAsIs:!1}),$=e.styled_default("div")({name:"Body",class:"b16qj0do",propsAsIs:!1}),T={1:3e3,2:4e3,3:4e3,4:4e3},Ys=({close:n,action:a,setStep:i,votedAnswer:o,correct:t,correctAnswerTitle:r,questionTitle:d,step:l})=>{if(p.useEffect(()=>{if(i){const m=setTimeout(()=>{T[l+1]&&(t||l<3)?i(l+1):n==null||n()},T[l]);return()=>{m&&clearTimeout(m)}}return()=>{}},[i,l,n,t]),l===1)return s.jsx(_,{children:s.jsx($,{children:s.jsx(Ms,{})})});let u="pending";return(l===3||l===4)&&(u=t?"correct":"incorrect"),s.jsx(_,{"data-a":"intr",onClick:()=>a==null?void 0:a(),children:s.jsxs($,{children:[l!==1&&s.jsx(ws,{},l),s.jsxs(gs,{state:u,step:l,answer:(o==null?void 0:o.title)||"unknown",children:[l===2&&s.jsx(Rs,{title:d||"unknown"}),l===3&&t&&s.jsx(Ps,{}),l===3&&!t&&s.jsx(Us,{title:r||"unknown"}),l===4&&s.jsx(Gs,{points:(o==null?void 0:o.points)||0})]})]})})},Hs=({close:n,action:a,votedAnswer:i,correct:o,correctAnswerTitle:t,questionTitle:r})=>{const[d,l]=p.useState(1);return s.jsx(Ys,{close:n,action:a,votedAnswer:i,correct:o,correctAnswerTitle:t,questionTitle:r,setStep:l,step:d,title:""})},Js=e.styled_default("div")({name:"NotificationContainer",class:"n1i4h28u",propsAsIs:!1}),Xs=n=>s.jsx(Js,{children:s.jsx(Hs,{...n})}),w=({sdk:n})=>{const[a]=p.useState(n.getNotificationsStore()),i=e.useStore(a),o=n.getFeature(c.SdkOverlayType.GAMES),t=p.useMemo(()=>n.getActiveNotification(),[n,i]);return p.useEffect(()=>{t&&e.eventBus.emit("notification",{action:"rendered",payload:{questionId:t.data.questionId,questionType:t.data.questionType}})},[t]),t&&t.type===e.NotificationType.QUESTION_RESOLVED?t.data.question&&t.data.questionType===c.QuestionType.PREDICTION?s.jsx(Xs,{action:t.action,close:t.close,...t.data.question}):null:t&&t.type===e.NotificationType.ONBOARDING?t.data.onboarding?s.jsx(ps,{open:o==null?void 0:o.openFeature,close:t.close,...t.data.onboarding}):null:t&&s.jsx(es,{...t.data,action:t.action})},Zs=({theme:n})=>{const a=e.useStreamLayer(),i=e.useStreamLayerTheme(),o=e.useStreamLayerUI();return a&&(o.appNotification||o.onboardingNotification)?o.app&&!o.onboardingNotification?null:s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(e.h,{customTheme:n??i.theme,themeMode:i.themeMode,children:s.jsx(w,{sdk:a})})}):null};exports.StreamLayerSDKNotification=Zs;exports.StreamLayerSDKNotificationUI=w;