@streamlayer/react 1.4.1 → 1.5.0

package/lib/app/advertisement.d.ts

@@ -1,5 +1,8 @@
 import { StreamLayerSDKAdvertisement as StreamLayerSDKAdvertisementUI } from '@streamlayer/react-ui/advertisement';
 export type StreamLayerSDKAdvertisementProps = {
+    /**
+     * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
+     */
     event?: string;
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';

package/lib/app/app.d.ts

@@ -1,5 +1,6 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 export declare const useStreamLayer: () => StreamLayerSDK | null;
+export declare const useStreamLayerEvent: () => import('react').MutableRefObject<string> | undefined;
 export declare const StreamLayerSDKReact: React.FC<{
     event: string;
 }>;

package/lib/app/event.d.ts

@@ -0,0 +1,4 @@
+export type StreamLayerSDKEventProps = {
+    event?: string;
+};
+export declare const StreamLayerSDKEvent: React.FC<StreamLayerSDKEventProps>;

package/lib/app/insight.d.ts

@@ -1,5 +1,8 @@
 import { StreamLayerSDKInsight as StreamLayerSDKInsightUI } from '@streamlayer/react-ui/insight';
 export type StreamLayerSDKInsightProps = {
+    /**
+     * @deprecated Pass event to StreamLayerProvider or StreamLayerSDKEvent component instead, see docs for more info
+     */
     event?: string;
     hideHeader?: boolean;
     persistent?: boolean;

package/lib/app/masters.d.ts

@@ -23,6 +23,6 @@ export declare class MastersStreamLayerSDKReact extends Component<MastersAppProp
         hasError: boolean;
     };
     componentDidCatch(error: any, info: any): void;
-    render(): string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | null | undefined;
 }
 export {};

package/lib/app/provider.d.ts

@@ -4,9 +4,9 @@ export type { DeepLinkCallback } from '@streamlayer/sdk-web-core';
 export type ContentActivateParams = {
     stage: 'activate' | 'deactivate';
     id: string;
-    isShowed?: boolean;
+    isViewed?: boolean;
     hasNotification?: boolean;
-    type: 'advertisement';
+    type: 'advertisement' | 'insight' | 'poll' | 'trivia' | 'prediction' | 'tweet' | 'question';
 };
 export type VideoPlayerData = {
     muted: boolean;
@@ -21,10 +21,12 @@ export declare enum StreamLayerStatus {
 export declare const StreamLayerContext: import('react').Context<{
     status: StreamLayerStatus;
     sdk: StreamLayerSDK | null;
+    event?: React.MutableRefObject<string>;
 }>;
 export type StreamLayerProps = {
     sdkKey: string;
     plugins?: Set<StreamLayerPlugin>;
+    event?: string;
     production?: boolean;
     autoEnable?: boolean;
     onDeepLinkHandled?: DeepLinkCallback;

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("./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",A=({children:e,style:t,className:l,enabled:n=!0,hiding:i,direction:c="left",onAnimationEnd:a})=>o.jsx(z,{style:t,className:s.cx_default(l,K,Y(c),n&&!i&&V(c),n&&i&&X(c)),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(A,{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,R=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,Ie=s.styled_default(ge())({name:"MediaImgMiddle",class:"m12jtj3u",propsAsIs:!0}),fe=s.styled_default("img")({name:"CtaIcon",class:"ckq1frv",propsAsIs:!1}),he=s.styled_default("button")({name:"Button",class:"bis90pl",propsAsIs:!1}),Ae=()=>s.a1,be=s.styled_default(Ae())({name:"StyledChevronRight",class:"s9mjmz3",propsAsIs:!0}),xe=s.styled_default("div")({name:"Logo",class:"l1cf50a7",propsAsIs:!1}),je={[d.NotificationPromotionImagePosition.UNSET]:R,[d.NotificationPromotionImagePosition.FIT]:R,[d.NotificationPromotionImagePosition.CENTERED]:w,[d.NotificationPromotionImagePosition.BOTTOM]:ue,[d.NotificationPromotionImagePosition.SOLID]:ve,[d.NotificationPromotionImagePosition.MIDDLE]:Ie},_e=({src:e,imagePosition:t})=>{const l=je[t];return o.jsx(l,{children:o.jsx("img",{src:e,alt:""})})},Ne=({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:c,image:a,promotion:p}=e,{sponsorLogo:u,sponsorLogoMode:y,imagePosition:m,ctaButton:r}=p;return o.jsx(A,{direction:n,hiding:l,children:o.jsxs(ae,{children:[y!==d.NotificationSponsorLogoMode.NOTIFICATION_SPONSOR_LOGO_NONE&&o.jsx(xe,{children:o.jsx("img",{src:u,alt:i})}),o.jsxs(ie,{children:[o.jsx(_e,{src:a,imagePosition:m}),o.jsxs(le,{children:[i&&o.jsx(de,{children:i}),c&&o.jsx(re,{children:c})]}),o.jsxs(he,{name:"promo-button",style:{color:r==null?void 0:r.textColor,backgroundColor:r==null?void 0:r.color},children:[(r==null?void 0:r.ctaIcon)&&(r==null?void 0:r.ctaIconMode)===d.CtaIconMode.CTA_ICON_TRANSPARENT&&o.jsx(fe,{src:r==null?void 0:r.ctaIcon,alt:"cta-icon"}),(r==null?void 0:r.label)||"Open"]}),o.jsx(be,{name:"chevronRight"})]})]})})},$e=s.styled_default("div")({name:"OverlayContainer",class:"okzhq2w",propsAsIs:!1}),Se=s.styled_default("div")({name:"PromoOverlay",class:"pmgz5i",propsAsIs:!1}),Te=s.styled_default("div")({name:"Header",class:"hyxi3jt",propsAsIs:!1}),Me=s.styled_default("div")({name:"HeaderContent",class:"h149e3gp",propsAsIs:!1}),Ce="h10toh7",D=s.styled_default("img")({name:"SponsorLogo",class:"s1jyea6t",propsAsIs:!1}),Pe=s.styled_default("div")({name:"SponsorName",class:"szpfa3h",propsAsIs:!1}),ke=s.styled_default("div")({name:"Media",class:"m1crmu01",propsAsIs:!1}),Be=s.styled_default("img")({name:"PromoImg",class:"p1l37r8s",propsAsIs:!1}),Le="s1nmch9k",F=s.styled_default("div")({name:"Content",class:"c1er0ljd",propsAsIs:!1}),Ee=s.styled_default("div")({name:"Description",class:"dydopmr",propsAsIs:!1}),Oe=s.styled_default("div")({name:"Sponsor",class:"s1w6nt04",propsAsIs:!1}),qe=s.styled_default("div")({name:"SponsorText",class:"s1evcmtq",propsAsIs:!1}),Re=s.styled_default("div")({name:"ADLogo",class:"awodx0x",propsAsIs:!1}),De=s.styled_default("span")({name:"SponsoredText",class:"s1q3n6oi",propsAsIs:!1}),Fe=s.styled_default("div")({name:"CloseIconWrap",class:"c8d4xfk",propsAsIs:!1}),Ue=()=>s.a1,we=s.styled_default(Ue())({name:"CloseIcon",class:"ct6oobh",propsAsIs:!0}),Ge=s.styled_default("div")({name:"ActionBtnWrap",class:"a1gyg7tt",propsAsIs:!1}),ze=s.styled_default("a")({name:"ActionButton",class:"a17rwbtk",propsAsIs:!1}),Ke=s.styled_default("div")({name:"Title",class:"t3vxzaw",propsAsIs:!1}),He="h10f3u0j",U=({promotion:e,promotionId:t,onClose:l})=>{var n,i,c,a,p,u,y,m,r,b,x,j,_,N,$,S,T,M,C,P,k,B,L,E,O,q;const g=e.type===d.PromotionType.INGAME_IAB11_LBAR||e.type===d.PromotionType.INGAME_IAB11,I=((n=e.sponsor)==null?void 0:n.logo)&&e.logoMode===d.PromotionLogoMode.CENTER;return o.jsxs(Se,{className:"PromoOverlay",children:[o.jsxs(Te,{children:[o.jsxs(Me,{className:s.cx_default(!I&&Ce),children:[((i=e.sponsor)==null?void 0:i.logo)&&e.logoMode===d.PromotionLogoMode.LEFT&&o.jsx(D,{src:(c=e.sponsor)==null?void 0:c.logo,alt:"promo"}),o.jsxs(Oe,{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(Pe,{children:(u=e.sponsor)==null?void 0:u.name}),o.jsxs(qe,{className:"SponsorText",children:[o.jsx(Re,{children:"AD"}),o.jsx(De,{children:"SPONSORED"})]})]})]}),o.jsx(Fe,{className:"ClosePromoIcon",onClick:l,children:o.jsx(we,{name:"icon-cross"})})]}),o.jsxs(ke,{children:[I&&o.jsx(D,{className:Le,src:(y=e.sponsor)==null?void 0:y.logo,alt:"promo"}),o.jsx(F,{children:(r=(m=e.banner)==null?void 0:m.video)!=null&&r.url?o.jsx(s.Q,{source:(x=(b=e.banner)==null?void 0:b.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}})}}):(N=e.banner)!=null&&N.imageUrl?o.jsx(Be,{style:g?{aspectRatio:"1/1"}:{},src:($=e.banner)==null?void 0:$.imageUrl,alt:"promo"}):null}),!g&&o.jsxs(F,{children:[((S=e.banner)==null?void 0:S.title)&&o.jsx(Ke,{className:s.cx_default("AdvTitle",I&&He),children:(T=e.banner)==null?void 0:T.title}),((M=e.banner)==null?void 0:M.body)&&o.jsx(Ee,{className:"AdvDescription",children:(C=e.banner)==null?void 0:C.body})]})]}),o.jsx(Ge,{children:o.jsx(ze,{href:(P=e.banner)==null?void 0:P.url,style:{backgroundColor:((B=(k=e.banner)==null?void 0:k.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})})]})},We=s.styled_default("div")({name:"SidebarContainer",class:"s1abskp8",propsAsIs:!1}),Qe=({children:e,direction:t,style:l,className:n,hiding:i})=>o.jsx(A,{direction:t,style:l,hiding:i,className:n,children:o.jsx(We,{children:e})}),Je=e=>(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB11_LBAR||(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB21_LBAR,Ve=e=>(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB11||(e==null?void 0:e.type)===d.PromotionType.INGAME_IAB21,Xe=({advertisement:e,skipTypeCheck:t,layoutMode:l="side-by-side",sidebar:n,isNotification:i,banner:c})=>{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(Ne,{notification:a.data.notification,promotionId:e.id}):!n&&!c&&(t||Ve(a.data.promotions))?o.jsx($e,{className:"PromoOverlayContainer",children:o.jsx(U,{promotionId:e.id,promotion:a.data.promotions,onClose:e.close})}):n&&(t||Je(a.data.promotions))?o.jsx(Qe,{className:"PromoSidebarContainer",direction:n,hiding:e.hiding,children:o.jsx(U,{promotionId:e.id,promotion:a.data.promotions,onClose:e.close})}):c?o.jsx(ne,{promotionId:e.id,hiding:e.hiding,promotion:a.data.promotions,direction:c}):null:o.jsxs("div",{children:["empty promo ",o.jsx("button",{onClick:e.close,children:"close"})]})},Ye=s.styled_default("div")({name:"AdvertisementUIWrap",class:"aa6pjif",propsAsIs:!1}),Ze=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}})}},eo=({gamification:e,layoutMode:t,skipTypeCheck:l,sidebar:n,banner:i,notification:c,isMobileScreen:a,persistent:p})=>{const u=f.useRef(null),y=s.useStore(e.advertisement.$list),m=f.useMemo(()=>e.advertisement.getActiveAdvertisement(p),[y,p]);s.L(u,{enabled:!!m,event:"click",listener:Ze});const r=!i&&!n;return m?o.jsx(Ye,{ref:u,style:{height:r?"auto":"100%"},className:a?"mobile-view":"",children:o.jsx(Xe,{skipTypeCheck:l,sidebar:n,banner:i,advertisement:m,layoutMode:t,isNotification:c})}):null},G=({sdk:e,sidebar:t,banner:l,skipTypeCheck:n,event:i,layoutMode:c,isMobileScreen:a,persistent:p,notification:u})=>{const{deactivate:y}=h.F(e);f.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 r=e.getFeature(d.SdkOverlayType.GAMES);return r?o.jsx(eo,{gamification:r,sidebar:t,banner:l,layoutMode:c,isMobileScreen:a,persistent:p,notification:u,skipTypeCheck:n}):null},oo=({event:e,sidebar:t,banner:l,isMobileScreen:n,persistent:i,notification:c})=>{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:c,layoutMode:"side-by-side"})})}):null};exports.StreamLayerSDKAdvertisement=oo;exports.StreamLayerSDKAdvertisementUI=G;
+"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;

package/lib/cjs/index.js

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