@streamlayer/react 1.8.2 → 1.8.4

package/lib/cjs/advertisement.js

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

package/lib/cjs/auth.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=require("./index2.js"),n=({token:e,schema:r})=>{const t=o.useStreamLayer();return i.useEffect(()=>{e&&r&&t&&t.authorizationBypass(r,e)},[e,r,t]),null};exports.StreamLayerLogin=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),u=require("./index2.js"),o=({token:r,schema:t})=>{const e=u.useStreamLayer();return i.useEffect(()=>{r&&t&&e&&e.authorizationBypass(t,r),e&&(e.withAuth=!0)},[r,t,e]),null};exports.StreamLayerLogin=o;