@streamlayer/react 1.23.2 → 1.24.1

package/lib/cjs/notification.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/es.symbol.js"),require("core-js/modules/es.symbol.description.js"),require("core-js/modules/es.symbol.iterator.js"),require("core-js/modules/es.symbol.to-primitive.js"),require("core-js/modules/es.symbol.to-string-tag.js"),require("core-js/modules/es.array.filter.js"),require("core-js/modules/es.array.from.js"),require("core-js/modules/es.array.index-of.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.date.to-primitive.js"),require("core-js/modules/es.json.to-string-tag.js"),require("core-js/modules/es.math.to-string-tag.js"),require("core-js/modules/es.object.define-property.js"),require("core-js/modules/es.number.constructor.js"),require("core-js/modules/es.object.define-properties.js"),require("core-js/modules/es.object.get-own-property-descriptor.js"),require("core-js/modules/es.object.get-own-property-descriptors.js"),require("core-js/modules/es.object.keys.js"),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.regexp.to-string.js"),require("core-js/modules/es.string.iterator.js"),require("core-js/modules/web.dom-collections.for-each.js"),require("core-js/modules/web.dom-collections.iterator.js");function e(s){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(s)}var s=["open","close"],t=["className"],n=["className"];function o(e,s){if(null==e)return{};var t,n,o=function(e,s){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==s.indexOf(n))continue;t[n]=e[n]}return t}(e,s);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],-1===s.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function i(e,s){return function(e){if(Array.isArray(e))return e}(e)||function(e,s){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,r,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===s){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(l.push(n.value),l.length!==s);a=!0);}catch(d){c=!0,o=d}finally{try{if(!a&&null!=t.return&&(r=t.return(),Object(r)!==r))return}finally{if(c)throw o}}return l}}(e,s)||function(e,s){if(e){if("string"==typeof e)return r(e,s);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,s):void 0}}(e,s)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,s){(null==s||s>e.length)&&(s=e.length);for(var t=0,n=Array(s);t<s;t++)n[t]=e[t];return n}function l(e,s){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);s&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,n)}return t}function a(e){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};s%2?l(Object(t),!0).forEach(function(s){c(e,s,t[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})}return e}function c(s,t,n){return(t=function(s){var t=function(s,t){if("object"!=e(s)||!s)return s;var n=s[Symbol.toPrimitive];if(void 0!==n){var o=n.call(s,t||"default");if("object"!=e(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(s)}(s,"string");return"symbol"==e(t)?t:t+""}(t))in s?Object.defineProperty(s,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[t]=n,s}Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=require("react/jsx-runtime"),u=require("./index8.js"),p=require("react"),m=require("./sl-types.js"),f=require("./index3.js");require("./feature.js");var j=require("./storage.js"),y=require("./index12.js"),v=require("./index6.js"),x=require("./useStreamLayerApp2.js"),I=require("./index14.js"),h=require("./index13.js"),A=require("./index5.js"),g=require("./hooks-WfHlJH12.js"),b=m.styled_default("div")({name:"Media",class:"m1bcvojl",propsAsIs:!1}),w=m.styled_default(b)({name:"MediaImgBottom",class:"m58gin0",propsAsIs:!0}),_=m.styled_default(b)({name:"MediaImgSolid",class:"m1atm8do",propsAsIs:!0}),T=m.styled_default(b)({name:"MediaImgRounded",class:"myx3xoi",propsAsIs:!0}),q=m.styled_default(b)({name:"MediaImgCentered",class:"m1bwv0gx",propsAsIs:!0}),C=m.styled_default(b)({name:"MediaImgInsight",class:"mntjanp",propsAsIs:!0}),N=m.styled_default("div")({name:"VideoIcon",class:"v1kofb47",propsAsIs:!1}),k=c(c(c(c(c(c({},x.QuestionImages.UNSET,_),x.QuestionImages.NONE,_),x.QuestionImages.ROUNDED,T),x.QuestionImages.CENTERED,q),x.QuestionImages.TRANSPARENT,w),x.QuestionImages.SOLID,_),S=function(e){var s=e.src,t=e.imageMode,n=void 0===t?x.QuestionImages.UNSET:t,o=e.withVideo,i=e.fromInsight;if(n===x.QuestionImages.NONE)return null;var r=i?C:k[n];return d.jsxs(r,{children:[d.jsx("img",{src:s,alt:""}),o&&d.jsx(N,{children:d.jsx(v.B1,{name:"icon-play"})})]})},O=m.styled_default("div")({name:"NotificationContent",class:"nuraq9m",propsAsIs:!1}),E=m.styled_default("div")({name:"NotificationContainer",class:"ns1nzpg",propsAsIs:!1}),D=m.styled_default("div")({name:"Body",class:"b1j59nzs",propsAsIs:!1}),M=m.styled_default("div")({name:"Title",class:"t9vmnpp",propsAsIs:!1}),L=m.styled_default("button")({name:"Button",class:"b14ivj5k",propsAsIs:!1}),B=m.styled_default(v.B1)({name:"StyledChevronRight",class:"s1atci8n",propsAsIs:!0}),P=m.styled_default("div")({name:"QuoteWrap",class:"q4w8jgs",propsAsIs:!1}),Q=m.styled_default("blockquote")({name:"Quote",class:"qaa0kez",propsAsIs:!1}),R=m.styled_default("div")({name:"Body",class:"b1wvd52w",propsAsIs:!1}),U=m.styled_default("div")({name:"Container",class:"ccvukea",propsAsIs:!1}),z=function(e){var s,t=e.image,n=e.tweet,o=e.account,i=e.accountVerified,r=e.body,l=e.title;return d.jsxs(U,{children:[l&&d.jsx(P,{children:d.jsx(Q,{children:l})}),d.jsx(y.D,{image:t,name:null==(s=null==n?void 0:n.meta)?void 0:s.accountName,userName:o,verified:i,createdTweet:null==n?void 0:n.date}),d.jsx(R,{children:y.D$1(r)})]})},V=function(e){var s=e.title,t=e.questionType,n=e.questionTypeData;return d.jsxs(D,{children:[d.jsx(j.x,{questionTypeData:n,questionType:t,questionStatus:x.QuestionStatus.UNSET}),s&&d.jsx(M,{children:s})]})},F=function(e){var s=e.tweet;return s?d.jsx(D,{children:d.jsx(z,a(a({},s),{},{controlVideo:function(){}}))}):null},W=function(e){var s,t=e.action,n=e.questionType,o=e.inApp,i=e.insight,r=e.tweet,l=y.e[n],a=y.o[n];if(!l||!o||!o.notification)return null;var c=o.notification,u=c.title,p=c.image,m=c.imageMode,f=p;n===x.QuestionType.TWEET&&null!=r&&r.tweetMedia&&(f=r.tweetMedia.image),m===x.QuestionImages.NONE&&(f="");var j=o.useMediaFromContent&&(null==i?void 0:i.image),v=n===x.QuestionType.TWEET&&(null==(s=null==r?void 0:r.tweetMedia)?void 0:s.video)||n===x.QuestionType.FACTOID&&(null==i?void 0:i.video);return d.jsx(E,{"data-a":"intr",className:"SL_InApp",onClick:t,children:d.jsxs(O,{style:f?{}:{paddingLeft:"1.5rem"},children:[f&&!j&&d.jsx(S,{src:f,imageMode:m,withVideo:!!v}),j&&d.jsx(S,{src:j,fromInsight:!0,withVideo:!!v}),n===x.QuestionType.TWEET?d.jsx(F,{tweet:r}):d.jsx(V,{questionTypeData:l,questionType:n,title:u}),d.jsx(L,{name:"inapp-button",children:a||"Open"}),d.jsx(B,{name:"chevronRight"})]})})},Y=m.styled_default("div")({name:"MediaComponentWrap",class:"mek728j",propsAsIs:!1,vars:{"mek728j-0":[function(e){return e.color||"transparent"}]}}),K=m.styled_default("div")({name:"Media",class:"m461t56",propsAsIs:!1}),G=m.styled_default(K)({name:"MediaImgBottom",class:"m22bh04",propsAsIs:!0}),H=m.styled_default(K)({name:"MediaVideo",class:"m17u1e34",propsAsIs:!0}),$=m.styled_default(K)({name:"MediaImgContentMedia",class:"m4j3eds",propsAsIs:!0}),J=m.styled_default(K)({name:"MediaImgSolid",class:"m1lp3swr",propsAsIs:!0}),X=m.styled_default(K)({name:"MediaImgRounded",class:"mc7lij",propsAsIs:!0}),Z=m.styled_default(K)({name:"MediaImgCentered",class:"mwwaw7o",propsAsIs:!0}),ee=m.styled_default(K)({name:"MediaNone",class:"mqfzyyr",propsAsIs:!0}),se=c(c(c(c(c(c({},x.QuestionImages.UNSET,ee),x.QuestionImages.NONE,ee),x.QuestionImages.ROUNDED,X),x.QuestionImages.CENTERED,Z),x.QuestionImages.TRANSPARENT,G),x.QuestionImages.SOLID,J),te=function(e){var s=e.src,t=e.imageMode,n=void 0===t?x.QuestionImages.UNSET:t,o=e.withVideo,i=e.color,r=e.useContentMedia,l=e.thumbnailUrl;if(!s)return d.jsx(Y,{color:i,children:d.jsx(ee,{})});var a=r===x.NotificationUseContentMedia.ENABLED?$:se[n];return d.jsx(Y,{color:i,children:o?d.jsx(H,{children:d.jsx(h.Et,{className:"v170mtgf",source:s,poster:l||""})}):d.jsx(a,{children:d.jsx("img",{src:s,alt:""})})})},ne=m.styled_default("div")({name:"NotificationContent",class:"n1p3bk1c",propsAsIs:!1,vars:{"n1p3bk1c-0":[function(e){return e.withoutPadding?"0px":"1rem"}]}}),oe=m.styled_default("div")({name:"MainContent",class:"m1g211mu",propsAsIs:!1}),ie=m.styled_default(v.B1)({name:"StyledChevronRight",class:"sx1hq4c",propsAsIs:!0}),re=m.styled_default("div")({name:"NotificationContainer",class:"n1fcriet",propsAsIs:!1}),le=m.styled_default("div")({name:"Body",class:"b1byyovs",propsAsIs:!1,vars:{"b1byyovs-0":[function(e){return e.questionType===x.QuestionType.FACTOID?"7.3rem":"4.5rem"}],"b1byyovs-1":[function(e){return e.webos?"11px 0px 8px 0px":"11px 0px"}],"b1byyovs-2":[function(e){var s=e.imageMode;return e.webos?"330px":s===x.QuestionImages.SOLID?"310px":s===x.QuestionImages.CENTERED||s===x.QuestionImages.ROUNDED||s===x.QuestionImages.TRANSPARENT?"370px":"430px"}]}}),ae=m.styled_default("div")({name:"Title",class:"t1y5k5id",propsAsIs:!1,vars:{"t1y5k5id-0":[function(e){return e.webos?"0.85rem":"1.033rem"}],"t1y5k5id-1":[function(e){return e.webos?"0.95rem":"1.25rem"}],"t1y5k5id-2":[function(e){return e.webos?"4.7rem":"2.25rem"}],"t1y5k5id-3":[function(e){return e.webos?"pre-wrap":"nowrap"}]}}),ce=m.styled_default("div")({name:"Description",class:"dw9eb7l",propsAsIs:!1}),de=m.styled_default("div")({name:"LogoImgContainer",class:"ldu8wgy",propsAsIs:!1}),ue=m.styled_default("img")({name:"LogoImg",class:"ln4a3eh",propsAsIs:!1}),pe=m.styled_default(re)({name:"NotificationInterstitialContainer",class:"no2k63v",propsAsIs:!0}),me=m.styled_default("div")({name:"TVButtons",class:"th9nn6a",propsAsIs:!1}),fe=m.styled_default("button")({name:"TVButton",class:"t1eee77p",propsAsIs:!1}),je=m.styled_default(fe)({name:"DismissButton",class:"ds000hw",propsAsIs:!0}),ye=m.styled_default(fe)({name:"AnswerButton",class:"a1nz9hoe",propsAsIs:!0}),ve=function(e){var s=e.title,t=e.questionType,n=e.questionTypeData,o=e.description,i=e.imageMode,r=e.webos;return d.jsxs(le,{imageMode:i,questionType:t,webos:r,children:[d.jsx(j.x,{questionTypeData:n,questionType:t,questionStatus:x.QuestionStatus.UNSET}),s&&d.jsx(ae,{webos:r,children:s}),o&&d.jsx(ce,{children:o})]})},xe=I.O(pe),Ie=I.O(je),he=I.O(ye),Ae=function(e){var s=e.className,t=e.sponsorLogo,n=e.onClick,o=e.webos;return d.jsx(xe,{className:s,autoFocus:!0,webos:o,onClick:n,"data-webos":o,children:d.jsx(ne,{withoutPadding:!0,children:d.jsx(ue,{src:t})})})},ge=function(e){var s,t,n,o=e.action,r=e.close,l=e.questionType,a=e.inApp,c=e.insight,u=e.color,f=e.webos,j=e.className,v=i(p.useState(!1),2),I=v[0],h=v[1],A=p.useRef();p.useEffect(function(){return null!=a&&a.sponsorLogo&&(h(!0),A.current=setTimeout(function(){h(!1)},5e3)),function(){return clearTimeout(A.current)}},[null==a?void 0:a.sponsorLogo]);var g=y.e[l];if(!g||!a||!a.notification)return null;var b=a.notification,w=b.title,_=b.image,T=b.imageMode,q=b.useContentMedia,C=l===x.QuestionType.FACTOID?null==c?void 0:c.heading:w,N=l===x.QuestionType.FACTOID?null==c?void 0:c.body:"",k=_,S=l===x.QuestionType.FACTOID&&(null==(s=null==c?void 0:c.video)?void 0:s.url)&&(null==a?void 0:a.isVideo)&&q===x.NotificationUseContentMedia.ENABLED,O=q===x.NotificationUseContentMedia.ENABLED?S?null==(t=null==c?void 0:c.video)?void 0:t.url:null==c?void 0:c.image:"";return null!=a&&a.sponsorLogo&&I?d.jsx(Ae,{className:j,sponsorLogo:null==a?void 0:a.sponsorLogo,webos:f,onClick:function(){return h(!1)}}):d.jsxs(re,{"data-a":"intr",className:m.cx_default("SL_InApp",j),onClick:function(e){f||null==o||o(e)},"data-is-insight":l===x.QuestionType.FACTOID,"data-webos":f,children:[(null==a?void 0:a.sponsorLogo)&&d.jsx(de,{children:d.jsx(ue,{src:null==a?void 0:a.sponsorLogo})}),d.jsxs(ne,{children:[d.jsxs(oe,{children:[!O&&d.jsx(te,{src:k,imageMode:T,withVideo:!!S,color:u}),O&&d.jsx(te,{src:O,imageMode:T,withVideo:!!S,color:u,useContentMedia:q,thumbnailUrl:null==(n=null==c?void 0:c.video)?void 0:n.thumbnailUrl}),d.jsx(ve,{questionTypeData:g,questionType:l,title:C,description:N,imageMode:T,webos:f})]}),!f&&d.jsx(ie,{name:"chevronRight"}),f&&d.jsxs(me,{children:[d.jsx(Ie,{webos:!0,"data-close-btn":"true",onClick:function(e){e.stopPropagation(),null==r||r(e)},children:"Dismiss"}),d.jsx(he,{webos:!0,autoFocus:!0,onClick:o,children:"Answer"})]})]})]})},be=m.styled_default("div")({name:"NotificationContainer",class:"n11jcrxe",propsAsIs:!1}),we=m.styled_default("img")({name:"Icon",class:"i1vmpt6u",propsAsIs:!1}),_e=m.styled_default("div")({name:"IconContainer",class:"i180665s",propsAsIs:!1}),Te=m.styled_default(v.B1)({name:"TitleIcon",class:"t16zzzei",propsAsIs:!0}),qe=m.styled_default(h.y)({name:"Close",class:"c1sur0q2",propsAsIs:!0}),Ce=m.styled_default("div")({name:"Body",class:"bai9j52",propsAsIs:!1}),Ne=m.styled_default("div")({name:"Title",class:"t1bnt25p",propsAsIs:!1}),ke=m.styled_default("div")({name:"Description",class:"dmixjec",propsAsIs:!1}),Se=m.styled_default("button")({name:"Button",class:"b1ubkw1q",propsAsIs:!1}),Oe=function(e){var t,n,i=e.open,r=e.close,l=o(e,s);return d.jsxs(be,{"data-a":"intr",onClick:function(){null==i||i(),l&&l.markIstantOpen()},children:[d.jsxs(_e,{children:[d.jsx(we,{className:"on-light",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification.png"}),d.jsx(we,{className:"on-dark",src:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/notification-dark.png"})]}),d.jsxs(Ce,{children:[d.jsxs(Ne,{children:[d.jsx(Te,{name:"icon-trophy-solid"}),null==(t=null==l?void 0:l.titleCard)?void 0:t.title]}),d.jsxs(ke,{children:[d.jsx("span",{children:null==(n=null==l?void 0:l.titleCard)?void 0:n.subtitle}),d.jsx(Se,{name:"inapp-button",children:"Play Now"})]})]}),d.jsx(qe,{close:function(e){null==e||e.stopPropagation(),null==r||r()}})]})},Ee=m.styled_default("div")({name:"Container",class:"cef8huz",propsAsIs:!1}),De=m.styled_default(v.B1)({name:"CheckIcon",class:"c1mo15kk",propsAsIs:!0}),Me=m.styled_default(v.B1)({name:"PredictionIcon",class:"p16zkqnm",propsAsIs:!0}),Le=m.styled_default("div")({name:"PredictionIconContainer",class:"pjszi7a",propsAsIs:!1}),Be=m.styled_default("div")({name:"BodyContainer",class:"bftbmo3",propsAsIs:!1}),Pe=m.styled_default("div")({name:"Body",class:"barrbyu",propsAsIs:!1}),Qe=m.styled_default("div")({name:"Subtitle",class:"sz7237i",propsAsIs:!1}),Re=function(e){var s=e.step,t=e.children,n=e.answer,o=e.state,r=void 0===o?"pending":o,l=i(p.useState(0),2),a=l[0],c=l[1],u=i(p.useState(function(){return new ResizeObserver(function(e){window.requestAnimationFrame(function(){var s,t,n;c(null!==(s=null==(n=null==(t=null==e?void 0:e[0])?void 0:t.contentRect)?void 0:n.width)&&void 0!==s?s:0)})})}),1)[0],m=p.useCallback(function(e){e?u.observe(e):u.disconnect()},[u]);return p.useEffect(function(){return function(){u.disconnect()}},[u]),d.jsxs(Ee,{children:[d.jsx(Le,{children:d.jsx(Me,{name:"icon-prediction"})}),d.jsx(Be,{style:{minWidth:"".concat(a,"px")},children:d.jsx(Pe,{children:t},s)}),d.jsx(Qe,{ref:m,className:r,children:d.jsxs("div",{children:[d.jsx(De,{name:"icon-check"}),"Your Pick: ",n]})})]})},Ue=m.styled_default("div")({name:"Container",class:"ckyzolp",propsAsIs:!1}),ze=m.styled_default("div")({name:"Line",class:"l16t1zr7",propsAsIs:!1}),Ve=m.styled_default(ze)({name:"Line1",class:"le78kvg",propsAsIs:!0}),Fe=m.styled_default(ze)({name:"Line2",class:"l1o7966d",propsAsIs:!0}),We=m.styled_default(ze)({name:"Line3",class:"lu9lyxq",propsAsIs:!0}),Ye=function(){return d.jsxs(Ue,{children:[d.jsx(Ve,{children:d.jsx("div",{})}),d.jsx(Fe,{children:d.jsx("div",{})}),d.jsx(We,{children:d.jsx("div",{})})]})},Ke=m.styled_default("div")({name:"Container",class:"c10jy6zf",propsAsIs:!1}),Ge=m.styled_default(v.B1)({name:"CheckIcon",class:"c1c7scay",propsAsIs:!0}),He=function(){return d.jsxs(Ke,{children:[d.jsx(Ge,{name:"icon-check"})," Prediction results are in!"]})},$e=m.styled_default("div")({name:"Container",class:"cf6k2yy",propsAsIs:!1}),Je=m.styled_default("div")({name:"Caption",class:"c1c8xjus",propsAsIs:!1}),Xe=m.styled_default("div")({name:"Title",class:"t1d1uekn",propsAsIs:!1}),Ze=function(e){var s=e.title;return d.jsxs($e,{children:[d.jsx(Je,{children:"Results for"}),d.jsx(Xe,{children:s})]})},es=m.styled_default("div")({name:"Container",class:"c181a1as",propsAsIs:!1}),ss=m.styled_default("div")({name:"Title",class:"t1cduox6",propsAsIs:!1}),ts=m.styled_default(v.B1)({name:"CorrectIcon",class:"c1onrv6j",propsAsIs:!0}),ns=m.styled_default(ts)({name:"InCorrectIcon",class:"i17n9o7e",propsAsIs:!0}),os=function(){return d.jsxs(es,{children:[d.jsxs(ss,{children:["Congratulations!",d.jsx("br",{}),"You answered correctly."]}),d.jsx(ts,{name:"icon-check"})]})},is=function(e){var s=e.title;return d.jsxs(es,{children:[d.jsxs(ss,{children:["Better luck next time!",d.jsx("br",{}),"Correct: ",s]}),d.jsx(ns,{name:"icon-cross"})]})},rs=m.styled_default("div")({name:"Container",class:"cnxgcs2",propsAsIs:!1}),ls=m.styled_default("div")({name:"Title",class:"t903f8n",propsAsIs:!1}),as=m.styled_default(v.B1)({name:"CheckIcon",class:"ceyu3qj",propsAsIs:!0}),cs=function(e){var s=e.points;return d.jsxs(rs,{children:[d.jsxs(ls,{children:["You won ",d.jsx(A.d,{delay:.5,prefix:"+",suffix:" points",value:s})]}),d.jsx(as,{name:"icon-trophy-solid"})]})},ds=m.styled_default("div")({name:"Container",class:"cq3agu2",propsAsIs:!1}),us=m.styled_default("div")({name:"Body",class:"b16qj0do",propsAsIs:!1}),ps={1:3e3,2:4e3,3:4e3,4:4e3},ms=function(e){var s=e.close,t=e.action,n=e.setStep,o=e.votedAnswer,i=e.correct,r=e.correctAnswerTitle,l=e.questionTitle,a=e.step;if(p.useEffect(function(){if(n){var e=setTimeout(function(){ps[a+1]&&(i||a<3)?n(a+1):null==s||s()},ps[a]);return function(){e&&clearTimeout(e)}}return function(){}},[n,a,s,i]),1===a)return d.jsx(ds,{children:d.jsx(us,{children:d.jsx(He,{})})});var c="pending";return(3===a||4===a)&&(c=i?"correct":"incorrect"),d.jsx(ds,{"data-a":"intr",onClick:function(){return null==t?void 0:t()},children:d.jsxs(us,{children:[1!==a&&d.jsx(Ye,{},a),d.jsxs(Re,{state:c,step:a,answer:(null==o?void 0:o.title)||"unknown",children:[2===a&&d.jsx(Ze,{title:l||"unknown"}),3===a&&i&&d.jsx(os,{}),3===a&&!i&&d.jsx(is,{title:r||"unknown"}),4===a&&d.jsx(cs,{points:(null==o?void 0:o.points)||0})]})]})})},fs=function(e){var s=e.close,t=e.action,n=e.votedAnswer,o=e.correct,r=e.correctAnswerTitle,l=e.questionTitle,a=i(p.useState(1),2),c=a[0],u=a[1];return d.jsx(ms,{close:s,action:t,votedAnswer:n,correct:o,correctAnswerTitle:r,questionTitle:l,setStep:u,step:c,title:""})},js=m.styled_default("div")({name:"NotificationContainer",class:"n1i4h28u",propsAsIs:!1}),ys=function(e){var s=e.className,n=o(e,t);return d.jsx(js,{className:s,children:d.jsx(fs,a({},n))})},vs=m.styled_default("div")({name:"Container",class:"cwa9tgs",propsAsIs:!1}),xs=m.styled_default("div")({name:"BodyContainer",class:"b1xx7swj",propsAsIs:!1}),Is=m.styled_default("div")({name:"Body",class:"b1a21en",propsAsIs:!1}),hs=function(e){var s=e.step,t=e.children,n=e.state,o=void 0===n?"pending":n,r=i(p.useState(0),2),l=r[0],a=r[1];return p.useEffect(function(){var e=new ResizeObserver(function(e){window.requestAnimationFrame(function(){var s,t,n,o=null!==(s=null==(n=null==(t=null==e?void 0:e[0])?void 0:t.contentRect)?void 0:n.width)&&void 0!==s?s:0;a(o)})});return function(){e.disconnect()}},[]),d.jsx(vs,{style:{padding:"".concat(3===s&&"incorrect"===o||1===s?"5px 100px":"5px 40px")},children:d.jsx(xs,{style:{minWidth:"".concat(l,"px")},children:d.jsx(Is,{children:t},s)})})},As=m.styled_default("div")({name:"Container",class:"c1nd5cu8",propsAsIs:!1}),gs=m.styled_default("div")({name:"Line",class:"lgbipw0",propsAsIs:!1}),bs=m.styled_default(gs)({name:"Line1",class:"l1anth16",propsAsIs:!0}),ws=m.styled_default(gs)({name:"Line2",class:"l193yd7v",propsAsIs:!0}),_s=m.styled_default(gs)({name:"Line3",class:"lhbflsp",propsAsIs:!0}),Ts=function(){return d.jsxs(As,{children:[d.jsx(bs,{children:d.jsx("div",{})}),d.jsx(ws,{children:d.jsx("div",{})}),d.jsx(_s,{children:d.jsx("div",{})})]})},qs=m.styled_default("div")({name:"Container",class:"c1lvd429",propsAsIs:!1}),Cs=m.styled_default(v.B1)({name:"PredictionIcon",class:"p1n4m87t",propsAsIs:!0}),Ns=function(){return d.jsxs(qs,{children:[d.jsx(Cs,{name:"icon-prediction"})," Prediction results are in!"]})},ks=m.styled_default(v.B1)({name:"CheckIcon",class:"c126r8f9",propsAsIs:!0}),Ss=m.styled_default("div")({name:"Answer",class:"a1o2rpgl",propsAsIs:!1}),Os=m.styled_default("div")({name:"Container",class:"cej6ci1",propsAsIs:!1}),Es=m.styled_default("div")({name:"Title",class:"tob24mr",propsAsIs:!1}),Ds=function(e){var s=e.title,t=e.answer;return d.jsxs(Os,{children:[d.jsx(Es,{children:s}),d.jsxs(Ss,{children:[d.jsx(ks,{name:"icon-prediction"}),"Your Pick: ",t]})]})},Ms=m.styled_default("div")({name:"Container",class:"c1lesal4",propsAsIs:!1}),Ls=m.styled_default("div")({name:"Title",class:"tv66n4w",propsAsIs:!1}),Bs=m.styled_default(v.B1)({name:"CorrectIcon",class:"cx0vlv2",propsAsIs:!0}),Ps=m.styled_default("div")({name:"Answer",class:"akfh4v5",propsAsIs:!1}),Qs=function(e){var s=e.answer;return d.jsxs(Ms,{children:[d.jsx(Ls,{children:"Congratulations! You answered correctly."}),d.jsxs(Ps,{children:[d.jsx(Bs,{name:"icon-correct"}),"Your Pick: ",s]})]})},Rs=function(e){var s=e.title,t=e.answer;return d.jsxs(Ms,{children:[d.jsxs(Ls,{children:["Better luck next time!",d.jsx("br",{}),"Correct: ",s]}),d.jsxs(Ps,{children:["Your Pick: ",t]})]})},Us=m.styled_default("div")({name:"Container",class:"cmox3ot",propsAsIs:!1}),zs=m.styled_default("div")({name:"Body",class:"bqq1ix4",propsAsIs:!1}),Vs={1:3e3,2:4e3,3:4e3},Fs=function(e){var s=e.close,t=e.action,n=e.setStep,o=e.votedAnswer,i=e.correct,r=e.correctAnswerTitle,l=e.questionTitle,a=e.step;if(p.useEffect(function(){if(n){var e=setTimeout(function(){Vs[a+1]&&(i||a<3)?n(a+1):null==s||s()},Vs[a]);return function(){e&&clearTimeout(e)}}return function(){}},[n,a,s,i]),1===a)return d.jsx(Us,{children:d.jsx(zs,{children:d.jsx(Ns,{})})});var c="pending";return 3===a&&(c=i?"correct":"incorrect"),d.jsx(Us,{"data-a":"intr",onClick:function(){return null==t?void 0:t()},children:d.jsxs(zs,{children:[1!==a&&d.jsx(Ts,{},a),d.jsxs(hs,{state:c,step:a,children:[2===a&&d.jsx(Ds,{title:l||"unknown",answer:(null==o?void 0:o.title)||"unknown"}),3===a&&i&&d.jsx(Qs,{answer:(null==o?void 0:o.title)||"unknown"}),3===a&&!i&&d.jsx(Rs,{title:r||"unknown",answer:(null==o?void 0:o.title)||"unknown"})]})]})})},Ws=function(e){var s=e.close,t=e.action,n=e.votedAnswer,o=e.correct,r=e.correctAnswerTitle,l=e.questionTitle,a=i(p.useState(1),2),c=a[0],u=a[1];return d.jsx(Fs,{close:s,action:t,votedAnswer:n,correct:o,correctAnswerTitle:r,questionTitle:l,setStep:u,step:c,title:""})},Ys=m.styled_default("div")({name:"NotificationContainer",class:"nn0nqh6",propsAsIs:!1}),Ks=m.styled_default("div")({name:"NotificationContent",class:"n1bcdf3j",propsAsIs:!1,vars:{"n1bcdf3j-0":[function(e){return e.withoutPadding?"0px":"1rem"}]}}),Gs=m.styled_default("img")({name:"LogoImg",class:"l8jorbq",propsAsIs:!1}),Hs=m.styled_default(Ys)({name:"NotificationInterstitialContainer",class:"nf920y3",propsAsIs:!0}),$s=m.styled_default("div")({name:"LogoImgContainer",class:"lzsmehn",propsAsIs:!1}),Js=function(e){var s=e.className,t=e.sponsorLogo,n=e.onClick;return d.jsx(Hs,{className:s,onClick:n,children:d.jsx(Ks,{withoutPadding:!0,children:d.jsx(Gs,{src:t})})})},Xs=function(e){var s,t,r,l,c,u=e.className,m=o(e,n),f=i(p.useState(!1),2),j=f[0],y=f[1],v=p.useRef();return p.useEffect(function(){var e;return null!=(e=null==m?void 0:m.inApp)&&e.sponsorLogo&&(y(!0),v.current=setTimeout(function(){y(!1)},5e3)),function(){return clearTimeout(v.current)}},[null==(s=null==m?void 0:m.inApp)?void 0:s.sponsorLogo]),null!=(t=null==m?void 0:m.inApp)&&t.sponsorLogo&&j?d.jsx(Js,{className:u,sponsorLogo:null==(r=m.inApp)?void 0:r.sponsorLogo,onClick:function(){return y(!1)}}):d.jsx(Ys,{className:u,children:d.jsxs("div",{children:[(null==(l=null==m?void 0:m.inApp)?void 0:l.sponsorLogo)&&d.jsx($s,{children:d.jsx(Gs,{src:null==(c=null==m?void 0:m.inApp)?void 0:c.sponsorLogo})}),d.jsx(Ws,a({},m))]})})},Zs=function(e){var s,t,n,o,r,l,c,u,j=e.sdk,y=e.webos,v=i(p.useState(j.getNotificationsStore()),1)[0],I=m.useStore(v),h=j.getFeature(x.SdkOverlayType.GAMES),A=p.useMemo(function(){return j.getActiveNotification()},[j,I]);return p.useEffect(function(){A&&f.eventBus.emit("notification",{action:"rendered",payload:{questionId:A.data.questionId,questionType:A.data.questionType}})},[A]),A&&A.type===m.NotificationType.QUESTION_RESOLVED?A.data.question&&A.data.questionType===x.QuestionType.PREDICTION?A&&(null==(s=A.data.inApp)?void 0:s.adUnit)===x.AdUnit.STANDART?d.jsx(Xs,a(a({action:A.action,close:A.close},A.data.question),{},{inApp:A.data.inApp})):d.jsx(ys,a({action:A.action,close:A.close},A.data.question)):null:A&&A.type===m.NotificationType.ONBOARDING?A.data.onboarding?d.jsx(Oe,a({open:null==h?void 0:h.openOnboarding,close:A.close},A.data.onboarding)):null:A&&(null==(t=A.data.inApp)?void 0:t.adUnit)===x.AdUnit.STANDART?d.jsx(ge,a(a({},A.data),{},{action:A.action,close:A.close,color:(null==(r=null==(o=null==(n=null==A?void 0:A.data)?void 0:n.inApp)?void 0:o.notification)?void 0:r.indicatorColor)||(null==(u=null==(c=null==(l=null==A?void 0:A.data)?void 0:l.inApp)?void 0:c.appearance)?void 0:u.primaryColor),webos:y})):A&&d.jsx(W,a(a({},A.data),{},{action:A.action}))};exports.StreamLayerSDKNotification=function(e){var s=e.theme,t=g.B(),n=g.z(),o=g.F();return t&&(o.appNotification||o.onboardingNotification)?o.app&&!o.onboardingNotification?null:d.jsx("div",{className:"StreamLayerSDK",children:d.jsx(u.h,{customTheme:null!=s?s:n.theme,themeMode:n.themeMode,children:d.jsx(Zs,{sdk:t})})}):null},exports.StreamLayerSDKNotificationUI=Zs;
+"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;

package/lib/cjs/pause-ad.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/es.symbol.js"),require("core-js/modules/es.symbol.description.js"),require("core-js/modules/es.symbol.iterator.js"),require("core-js/modules/es.symbol.to-primitive.js"),require("core-js/modules/es.symbol.to-string-tag.js"),require("core-js/modules/es.array.filter.js"),require("core-js/modules/es.array.from.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.date.to-primitive.js"),require("core-js/modules/es.json.to-string-tag.js"),require("core-js/modules/es.math.to-string-tag.js"),require("core-js/modules/es.number.constructor.js"),require("core-js/modules/es.object.define-properties.js"),require("core-js/modules/es.object.define-property.js"),require("core-js/modules/es.object.get-own-property-descriptor.js"),require("core-js/modules/es.object.get-own-property-descriptors.js"),require("core-js/modules/es.object.get-prototype-of.js"),require("core-js/modules/es.object.keys.js"),require("core-js/modules/es.object.set-prototype-of.js"),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.reflect.construct.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.regexp.to-string.js"),require("core-js/modules/es.string.iterator.js"),require("core-js/modules/web.dom-collections.for-each.js"),require("core-js/modules/web.dom-collections.iterator.js");function e(r){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(r)}function r(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,o)}return t}function t(e,r,t){return(r=n(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,n(o.key),o)}}function n(r){var t=function(r,t){if("object"!=e(r)||!r)return r;var o=r[Symbol.toPrimitive];if(void 0!==o){var n=o.call(r,t||"default");if("object"!=e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(r)}(r,"string");return"symbol"==e(t)?t:t+""}function s(r,t,o){return t=i(t),function(r,t){if(t&&("object"==e(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}(r,u()?Reflect.construct(t,o||[],i(r).constructor):t.apply(r,o))}function u(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(r){}return(u=function(){return!!e})()}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function a(e,r){return(a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,r){return e.__proto__=r,e})(e,r)}function l(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,s,u,i=[],a=!0,l=!1;try{if(s=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(o=s.call(t)).done)&&(i.push(o.value),i.length!==r);a=!0);}catch(c){l=!0,n=c}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw n}}return i}}(e,r)||function(e,r){if(e){if("string"==typeof e)return c(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=Array(r);t<r;t++)o[t]=e[t];return o}Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=require("react/jsx-runtime"),f=require("./index8.js"),p=require("./sl-types.js"),m=require("./index15.js"),y=require("react"),j=require("./index3.js"),v=require("./hooks-WfHlJH12.js"),b=p.styled_default("div")({name:"PauseAdOverlay",class:"pw9gih8",propsAsIs:!1}),h=p.styled_default("div")({name:"PauseAdContent",class:"p8lpomy",propsAsIs:!1}),g=p.styled_default("div")({name:"PauseAdTopLeft",class:"pv7u167",propsAsIs:!1}),P=p.styled_default("h2")({name:"PauseAdTitle",class:"p1kh2yb0",propsAsIs:!1}),A=p.styled_default("p")({name:"PauseAdCaption",class:"pl8f94x",propsAsIs:!1}),x=p.styled_default("div")({name:"PauseAdBottomLeft",class:"p1m6zmrt",propsAsIs:!1}),w=p.styled_default("button")({name:"PauseAdPlayButton",class:"pm3vwfa",propsAsIs:!1}),S=p.styled_default("div")({name:"PauseAdSidebarGradient",class:"p1tibuhw",propsAsIs:!1}),O=p.styled_default("div")({name:"PauseAdSidebar",class:"ptqqrqd",propsAsIs:!1}),q=p.styled_default("span")({name:"PauseAdTitleDescription",class:"p14estxv",propsAsIs:!1}),E=p.styled_default("img")({name:"ExternalAdContainer",class:"e1dpvfl1",propsAsIs:!1}),I=function(e){var r=e.vastUrl,t=e.isDesktop,o=e.content;return y.useEffect(function(){o.imageSrc&&o.id&&j.eventBus.emit("exposedPauseAd",{action:"rendered",payload:{id:o.id,parentId:o.parentId}})},[o,r]),null!=o&&o.imageSrc?o.adUrl&&t?d.jsx("a",{onClick:function(){j.eventBus.emit("exposedPauseAd",{action:"navigated",payload:{id:o.id,parentId:o.parentId}})},href:o.adUrl,target:"_blank",rel:"noopener noreferrer",children:d.jsx(E,{src:o.imageSrc})}):d.jsx(E,{src:o.imageSrc}):null},k=function(e){var r,t=e.isClosing,o=e.content,n=e.externalPauseAdStore,s=e.title,u=e.caption,i=e.onPlay,a=e.onClose,l=e.vastUrl,c=e.options,f=e.isDesktop,j=null===(r=null==c?void 0:c.showPauseButton)||void 0===r||r,v=m.distExports.useFocusable({focusKey:"sl-pause-ad-play",onEnterRelease:i,isFocusBoundary:!0,forceFocus:!0}),E=v.ref,k=v.focusSelf;return y.useEffect(function(){return function(){n.revalidate()}},[n]),y.useEffect(function(){E.current&&k()},[E,k]),y.useEffect(function(){if(!a)return function(){};var e=function(e){var r=e.keyCode;if(461===r||10009===r||27===r||8===r)return e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),void a()};return window.addEventListener("keydown",e,{capture:!0}),function(){return window.removeEventListener("keydown",e,{capture:!0})}},[a]),d.jsx(b,{className:p.cx_default("SL_PauseAd",t&&"pause-ad-closing"),children:d.jsxs(h,{children:[d.jsxs(g,{children:[d.jsx(P,{children:s}),d.jsx(A,{children:u})]}),j&&d.jsx(x,{children:d.jsx(w,{ref:E,onClick:i,onMouseEnter:function(){return E.current.focus()},"aria-label":"Resume playback"})}),d.jsx(S,{className:"SL_PauseAdSidebar",children:d.jsxs(O,{children:[l&&d.jsx(I,{content:o,isDesktop:f,vastUrl:l}),d.jsx(q,{children:"ADVERTISEMENT"})]})})]})})},_=function(e){var r,t,o=e.showPauseAd,n=e.vastUrls,s=e.title,u=e.caption,i=e.sdk,a=e.onClose,c=e.onRender,f=e.options,m=e.isDesktop,v=null!==(r=null==f?void 0:f.pauseAdDelay)&&void 0!==r?r:0,b=null!==(t=null==f?void 0:f.pauseAdRefetchInterval)&&void 0!==t?t:3e6,h=l(y.useState(!1),2),g=h[0],P=h[1],A=l(y.useState(!1),2),x=A[0],w=A[1],S=y.useRef(),O=null==n?void 0:n[0].url,q=y.useRef(O),E=y.useRef(""),I=y.useRef("");q.current=O;var _=l(i.advertisement.getExternalPauseAd(O,{refetchInterval:b,$enabled:0===v||!!o,prefetch:0===v&&b>0}),2),C=_[0],T=_[1],D=p.useStore(C),R=y.useCallback(function(){if(a){I.current=q.current;var e=C.get().data;j.eventBus.emit("exposedPauseAd",{action:"closed",payload:(null==e?void 0:e.url)===I.current?{id:null==e?void 0:e.id,parentId:null==e?void 0:e.parentId}:{}}),a()}},[a,C]),B=y.useCallback(function(){i.controlVideoPlayer({play:!0})},[i]);return y.useEffect(function(){T===q.current&&D.error&&(console.log("error",D.error),clearTimeout(S.current),null==R||R())},[D,R,T]),y.useEffect(function(){if(o&&O){E.current=q.current,I.current="";var e=C.get().data;j.eventBus.emit("exposedPauseAd",{action:"enabled",payload:(null==e?void 0:e.url)===E.current?{id:null==e?void 0:e.id,parentId:null==e?void 0:e.parentId}:{}});var r=function(){var e=C.get(),t=e.data;(null==t?void 0:t.url)===q.current&&(!e.loading&&null!=t&&t.imageSrc?(clearTimeout(S.current),w(!1),P(!0)):e.loading&&(S.current=setTimeout(function(){console.log("checkAndAllowRender timeout"),r()},200)))};clearTimeout(S.current),S.current=setTimeout(function(){r()},v)}else{if(I.current!==q.current){var t=C.get().data;I.current="",""!==E.current&&(j.eventBus.emit("exposedPauseAd",{action:"disabled",payload:E.current===(null==t?void 0:t.url)?{id:null==t?void 0:t.id,parentId:null==t?void 0:t.parentId}:{}}),E.current="")}w(!0),S.current=setTimeout(function(){P(!1)},400)}return function(){S.current&&clearTimeout(S.current)}},[C,R,v,o,O]),y.useEffect(function(){null==c||c({rendered:g})},[g,c]),y.useEffect(function(){return function(){null==c||c({rendered:!1})}},[c]),g&&D.data?d.jsx(k,{onClose:R,isClosing:x,title:s,caption:u,onPlay:B,vastUrl:O,options:f,isDesktop:m,externalPauseAdStore:C,content:D.data}):null},C=function(e){var r=e.showPauseAd,t=e.pauseAdVastUrl,o=e.videoPlayerController,n=e.onRenderPauseAd,s=e.onClosePauseAd,u=e.children,i=e.options,a=v.B(),l=v.z(),c=y.useRef();return y.useEffect(function(){return a?(o&&(c.current=o,a.addVideoPlayerController(c.current)),function(){c.current&&a.removeVideoPlayerController(c.current)}):function(){}},[a,o]),a?d.jsx("div",{className:"StreamLayerSDK",children:d.jsxs(f.h,{style:u?{position:"relative"}:{},customTheme:l.theme,themeMode:l.themeMode,children:[u,t&&d.jsx(_,{sdk:a,showPauseAd:r,vastUrls:t,onClose:s,onRender:n,options:i,isDesktop:!0})]})}):u},T=function(){function e(r){var t;return function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,e),(t=s(this,e,[r])).state={hasError:!1},t}return function(e,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(r&&r.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),r&&a(e,r)}(e,y.Component),n=e,u=[{key:"componentDidCatch",value:function(e,r){console.error(e,r.componentStack)}},{key:"render",value:function(){return this.state.hasError?this.props.children:d.jsx(C,function(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?r(Object(n),!0).forEach(function(r){t(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}({},this.props))}}],i=[{key:"getDerivedStateFromError",value:function(){return{hasError:!0}}}],u&&o(n.prototype,u),i&&o(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,u,i}();exports.StreamLayerPauseAd=T;
+"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;

package/lib/cjs/points.js

@@ -1 +1 @@
-"use strict";require("core-js/modules/es.symbol.js"),require("core-js/modules/es.symbol.description.js"),require("core-js/modules/es.symbol.iterator.js"),require("core-js/modules/es.symbol.to-string-tag.js"),require("core-js/modules/es.array.from.js"),require("core-js/modules/es.array.iterator.js"),require("core-js/modules/es.array.slice.js"),require("core-js/modules/es.json.to-string-tag.js"),require("core-js/modules/es.math.to-string-tag.js"),require("core-js/modules/es.object.define-property.js"),require("core-js/modules/es.object.to-string.js"),require("core-js/modules/es.regexp.exec.js"),require("core-js/modules/es.regexp.to-string.js"),require("core-js/modules/es.string.iterator.js"),require("core-js/modules/web.dom-collections.iterator.js");function e(e,s){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var s=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=s){var t,o,n,i,a=[],u=!0,l=!1;try{if(n=(s=s.call(e)).next,0===r){if(Object(s)!==s)return;u=!1}else for(;!(u=(t=n.call(s)).done)&&(a.push(t.value),a.length!==r);u=!0);}catch(c){l=!0,o=c}finally{try{if(!u&&null!=s.return&&(i=s.return(),Object(i)!==i))return}finally{if(l)throw o}}return a}}(e,s)||function(e,s){if(e){if("string"==typeof e)return r(e,s);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,s):void 0}}(e,s)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(e,r){(null==r||r>e.length)&&(r=e.length);for(var s=0,t=Array(r);s<r;s++)t[s]=e[s];return t}Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var s=require("react/jsx-runtime"),t=require("./index8.js"),o=require("react"),n=require("./sl-types.js"),i=require("./index3.js"),a=require("./index5.js"),u=require("./theme.js"),l=require("./index6.js"),c=require("./feature.js"),d=require("./useStreamLayerApp2.js"),m=require("./hooks-WfHlJH12.js"),j=n.styled_default("div")({name:"PointsContainer",class:"psiob9b",propsAsIs:!1}),p=n.styled_default("div")({name:"PointsIcon",class:"p1gqe4lh",propsAsIs:!1}),y=n.styled_default(l.B1)({name:"PointsSvg",class:"p15syg2y",propsAsIs:!0}),f=n.styled_default("div")({name:"PointsBody",class:"p12n4f2h",propsAsIs:!1}),v=n.styled_default("div")({name:"PointsTitle",class:"poqmx89",propsAsIs:!1}),h=n.styled_default("div")({name:"PointsValue",class:"prj9b3v",propsAsIs:!1}),q=function(e){var r=e.points,t=e.onClick;return s.jsxs(j,{className:u.m,onClick:t,children:[s.jsx(p,{children:s.jsx(y,{name:"icon-trophy-solid"})}),s.jsxs(f,{children:[s.jsx(v,{children:"Total points"}),s.jsx(h,{children:s.jsx(a.d,{value:r})})]})]})},g=function(r){var t=r.gamification,n=t.userSummary.$store,a=e(o.useState(0),2),u=a[0],l=a[1];return o.useEffect(function(){var e=n.subscribe(function(e){var r;null!=(r=null==e?void 0:e.summary)&&r.points&&l(e.summary.points)});return function(){e()}},[n]),s.jsx(q,{points:u,onClick:function(){var e=t.status.get();e===c.FeatureStatus.Suspended?(t.openFeature(),i.eventBus.emit("app",{action:"open",payload:{}}),i.eventBus.emit("interactions",{action:"tap",payload:{}})):e===c.FeatureStatus.Ready&&(t.closeFeature(!1),i.eventBus.emit("app",{action:"close",payload:{}}),i.eventBus.emit("interactions",{action:"tap",payload:{}}))}})},b=function(e){var r=e.sdk;if(!n.useStore(r.featuresList.getStore()))return null;var t=r.getFeature(d.SdkOverlayType.GAMES);return t?s.jsx(g,{gamification:t}):null};exports.StreamLayerSDKPoints=function(e){var r=e.theme,o=m.B(),n=m.z();return o?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(t.h,{customTheme:null!=r?r:n.theme,themeMode:n.themeMode,children:s.jsx(b,{sdk:o})})}):null};
+"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;