@streamlayer/react 1.6.0 → 1.8.0

package/lib/app/advertisement.d.ts

@@ -10,6 +10,8 @@ export type StreamLayerSDKAdvertisementProps = {
     isMobileScreen?: boolean;
     persistent?: boolean;
     notification?: boolean;
+    skipAutoClose?: boolean;
+    skipTypeCheck?: boolean;
 };
 export { StreamLayerSDKAdvertisementUI };
 export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;

package/lib/app/app.d.ts

@@ -1,7 +1,17 @@
 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 useStreamLayerTheme: () => string | undefined;
+export declare const useStreamLayerUI: () => {
+    promotionSidebar?: boolean;
+    promotionOverlay?: boolean;
+    promotionNotification?: boolean;
+    promotionBanner?: boolean;
+    app?: boolean;
+    appNotification?: boolean;
+};
 export declare const StreamLayerSDKReact: React.FC<{
-    event: string;
+    event?: string;
     topNavigation?: boolean;
+    theme?: string;
 }>;

package/lib/app/insight.d.ts

@@ -7,6 +7,7 @@ export type StreamLayerSDKInsightProps = {
     theme?: string;
     hideHeader?: boolean;
     persistent?: boolean;
+    skipAutoClose?: boolean;
 };
 export { StreamLayerSDKInsightUI };
 export declare const StreamLayerSDKInsight: React.FC<StreamLayerSDKInsightProps>;

package/lib/app/points.d.ts

@@ -1 +1,3 @@
-export declare const StreamLayerSDKPoints: () => import("react/jsx-runtime").JSX.Element | null;
+export declare const StreamLayerSDKPoints: React.FC<{
+    theme?: string;
+}>;

package/lib/app/provider.d.ts

@@ -22,6 +22,7 @@ export declare const StreamLayerContext: import('react').Context<{
     status: StreamLayerStatus;
     sdk: StreamLayerSDK | null;
     event?: React.MutableRefObject<string>;
+    theme?: string;
 }>;
 export type StreamLayerProps = {
     sdkKey: string;
@@ -32,6 +33,9 @@ export type StreamLayerProps = {
     onDeepLinkHandled?: DeepLinkCallback;
     videoPlayerController?: VideoPlayerCallback;
     onContentActivate?: OnContentActivateCallback;
+    theme?: string;
+    withAdNotification?: boolean;
+    withAd?: boolean;
 };
 export declare const StreamLayerProvider: React.FC<StreamLayerProps & {
     children: React.ReactNode;

package/lib/app/useStreamLayerApp.d.ts

@@ -5,7 +5,7 @@ declare global {
         sl: unknown;
     }
 }
-export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, onContentActivate, }: {
+export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, onContentActivate, withAdNotification, withAd, }: {
     sdkKey: string;
     plugins?: Set<StreamLayerPlugin>;
     production?: boolean;
@@ -13,4 +13,6 @@ export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnab
     onDeepLinkHandled?: DeepLinkCallback;
     videoPlayerController?: VideoPlayerCallback;
     onContentActivate?: OnContentActivateCallback;
+    withAdNotification?: boolean;
+    withAd?: boolean;
 }) => StreamLayerSDK | null;

package/lib/cjs/advertisement.js

@@ -1 +1 @@
-"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;
+"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;

package/lib/cjs/gamification-feature.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.P;

package/lib/cjs/index.js

@@ -1 +1 @@
-"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;
+"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;exports.useStreamLayerUI=e.useStreamLayerUI;