@streamlayer/react 1.5.0 → 1.5.2

package/lib/app/advertisement.d.ts

@@ -4,6 +4,7 @@ export type StreamLayerSDKAdvertisementProps = {
      * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
      */
     event?: string;
+    theme?: string;
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
     isMobileScreen?: boolean;

package/lib/app/insight.d.ts

@@ -4,6 +4,7 @@ export type StreamLayerSDKInsightProps = {
      * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
      */
     event?: string;
+    theme?: string;
     hideHeader?: boolean;
     persistent?: boolean;
 };

package/lib/cjs/advertisement.js

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