@streamlayer/react 1.3.2 → 1.3.3

package/lib/app/provider.d.ts

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

package/lib/cjs/advertisement.js

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