@streamlayer/react 1.1.7 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/advertisement.d.ts +2 -0
- package/lib/app/provider.d.ts +3 -2
- package/lib/app/useStreamLayerApp.d.ts +3 -2
- package/lib/cjs/advertisement.js +1 -1
- package/lib/cjs/auth.js +1 -1
- package/lib/cjs/gamification-feature.js +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index2.js +1 -188
- package/lib/cjs/masters.js +1 -1
- package/lib/cjs/masters2.js +1 -1
- package/lib/cjs/points.js +1 -1
- package/lib/cjs/provider.js +188 -0
- package/lib/cjs/useStreamLayerApp2.js +11 -11
- package/lib/dist/cjs/masters.js +49 -49
- package/lib/dist/es/masters.js +4848 -4772
- package/lib/es/advertisement.js +139 -134
- package/lib/es/auth.js +1 -1
- package/lib/es/gamification-feature.js +1 -1
- package/lib/es/index.js +8 -5
- package/lib/es/index2.js +902 -23169
- package/lib/es/masters.js +1 -1
- package/lib/es/masters2.js +1 -1
- package/lib/es/points.js +2 -2
- package/lib/es/provider.js +23227 -0
- package/lib/es/useStreamLayerApp2.js +2041 -1967
- package/lib/index.d.ts +1 -0
- package/package.json +19 -19
- package/lib/cjs/app.js +0 -1
- package/lib/es/app.js +0 -958
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { StreamLayerSDKAdvertisement as StreamLayerSDKAdvertisementUI } from '@streamlayer/react-ui/advertisement';
|
|
1
2
|
export type StreamLayerSDKAdvertisementProps = {
|
|
2
3
|
event?: string;
|
|
3
4
|
sidebar?: 'left' | 'right';
|
|
@@ -5,4 +6,5 @@ export type StreamLayerSDKAdvertisementProps = {
|
|
|
5
6
|
isMobileScreen?: boolean;
|
|
6
7
|
persistent?: boolean;
|
|
7
8
|
};
|
|
9
|
+
export { StreamLayerSDKAdvertisementUI };
|
|
8
10
|
export declare const StreamLayerSDKAdvertisement: React.FC<StreamLayerSDKAdvertisementProps>;
|
package/lib/app/provider.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
|
|
2
|
-
import { DeepLinkCallback, VideoPlayerCallback } from '@streamlayer/sdk-web-core';
|
|
3
|
-
export type { DeepLinkCallback, VideoPlayerCallback } from '@streamlayer/sdk-web-core';
|
|
2
|
+
import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
|
|
3
|
+
export type { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
|
|
4
4
|
export declare enum StreamLayerStatus {
|
|
5
5
|
UNSET = 0,
|
|
6
6
|
CONNECTED = 1,
|
|
@@ -17,6 +17,7 @@ export type StreamLayerProps = {
|
|
|
17
17
|
autoEnable?: boolean;
|
|
18
18
|
onDeepLinkHandled?: DeepLinkCallback;
|
|
19
19
|
videoPlayerController?: VideoPlayerCallback;
|
|
20
|
+
onContentActivate?: OnContentActivateCallback;
|
|
20
21
|
};
|
|
21
22
|
export declare const StreamLayerProvider: React.FC<StreamLayerProps & {
|
|
22
23
|
children: React.ReactNode;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
|
|
2
|
-
import { DeepLinkCallback, VideoPlayerCallback } from '@streamlayer/sdk-web-core';
|
|
2
|
+
import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from '@streamlayer/sdk-web-core';
|
|
3
3
|
declare global {
|
|
4
4
|
interface Window {
|
|
5
5
|
sl: unknown;
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, }: {
|
|
8
|
+
export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, onContentActivate, }: {
|
|
9
9
|
sdkKey: string;
|
|
10
10
|
plugins?: Set<StreamLayerPlugin>;
|
|
11
11
|
production?: boolean;
|
|
12
12
|
autoEnable?: boolean;
|
|
13
13
|
onDeepLinkHandled?: DeepLinkCallback;
|
|
14
14
|
videoPlayerController?: VideoPlayerCallback;
|
|
15
|
+
onContentActivate?: OnContentActivateCallback;
|
|
15
16
|
}) => StreamLayerSDK | null;
|
package/lib/cjs/advertisement.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),b=require("react"),o=require("./provider.js"),h=require("./index2.js"),r=require("./useStreamLayerApp2.js"),U=o.styled_default("div")({name:"Container",class:"c5b6wdg",propsAsIs:!1}),G="a1rlj479",F="s35f1di",z="sj4471g",K="b12050d8",W="b1d5ybek",H=e=>e==="left"||e==="right"?F:K,Q=e=>e==="left"||e==="right"?z:W,J=e=>e==="left"?"avdxyl3":e==="right"?"a1bisd08":e==="top"?"a1u9y2aj":"a1qqaks",w=({children:e,style:t,className:i,enabled:n=!0,hiding:l,direction:a="left",onAnimationEnd:d})=>s.jsx(U,{style:t,className:o.cx_default(i,G,J(a),n&&!l&&H(a),n&&l&&Q(a)),onAnimationEnd:d,children:e}),V=o.styled_default("a")({name:"Link",class:"l1sgte8c",propsAsIs:!1}),X=o.styled_default("div")({name:"BannerContainer",class:"b7yfc72",propsAsIs:!1}),Y=()=>V,Z=o.styled_default(Y())({name:"BannerLink",class:"bejjq94",propsAsIs:!0}),ee=o.styled_default("img")({name:"BannerImg",class:"b1j94hdr",propsAsIs:!1}),se=({promotion:e,promotionId:t,hiding:i,direction:n="bottom"})=>{var l;return(l=e.additionalBanner)!=null&&l.imageUrl?s.jsx(w,{direction:n,hiding:i,children:s.jsx(X,{children:s.jsx(Z,{href:e.additionalBanner.url,"data-promo-id":t,"data-promo-type":e.type,"data-analytics":"banner",target:"_blank",children:s.jsx(ee,{src:e.additionalBanner.imageUrl,alt:"promo"})})})}):null},oe=o.styled_default("div")({name:"OverlayContainer",class:"okzhq2w",propsAsIs:!1}),te=o.styled_default("div")({name:"PromoOverlay",class:"pmgz5i",propsAsIs:!1}),ne=o.styled_default("div")({name:"Header",class:"hyxi3jt",propsAsIs:!1}),le=o.styled_default("div")({name:"HeaderContent",class:"h149e3gp",propsAsIs:!1}),ae="h10toh7",q=o.styled_default("img")({name:"SponsorLogo",class:"s1jyea6t",propsAsIs:!1}),ie=o.styled_default("div")({name:"SponsorName",class:"szpfa3h",propsAsIs:!1}),re=o.styled_default("div")({name:"Media",class:"m1crmu01",propsAsIs:!1}),de=o.styled_default("img")({name:"PromoImg",class:"p1l37r8s",propsAsIs:!1}),ce="s1nmch9k",O=o.styled_default("div")({name:"Content",class:"c1er0ljd",propsAsIs:!1}),pe=o.styled_default("div")({name:"Description",class:"dydopmr",propsAsIs:!1}),me=o.styled_default("div")({name:"Sponsor",class:"s1w6nt04",propsAsIs:!1}),ue=o.styled_default("div")({name:"SponsorText",class:"s1evcmtq",propsAsIs:!1}),ye=o.styled_default("div")({name:"ADLogo",class:"awodx0x",propsAsIs:!1}),ve=o.styled_default("span")({name:"SponsoredText",class:"s1q3n6oi",propsAsIs:!1}),be=o.styled_default("div")({name:"CloseIconWrap",class:"c8d4xfk",propsAsIs:!1}),he=()=>o.c1,ge=o.styled_default(he())({name:"CloseIcon",class:"ct6oobh",propsAsIs:!0}),Ae=o.styled_default("div")({name:"ActionBtnWrap",class:"a1gyg7tt",propsAsIs:!1}),fe=o.styled_default("a")({name:"ActionButton",class:"a17rwbtk",propsAsIs:!1}),xe=o.styled_default("div")({name:"Title",class:"t3vxzaw",propsAsIs:!1}),je="h10f3u0j",R=({promotion:e,promotionId:t,onClose:i})=>{var n,l,a,d,p,m,c,u,g,A,f,x,j,I,_,$,S,k,M,T,C,L,B,N,E,P;const y=e.type===r.PromotionType.INGAME_IAB11_LBAR||e.type===r.PromotionType.INGAME_IAB11,v=((n=e.sponsor)==null?void 0:n.logo)&&e.logoMode===r.PromotionLogoMode.CENTER;return s.jsxs(te,{className:"PromoOverlay",children:[s.jsxs(ne,{children:[s.jsxs(le,{className:o.cx_default(!v&&ae),children:[((l=e.sponsor)==null?void 0:l.logo)&&e.logoMode===r.PromotionLogoMode.LEFT&&s.jsx(q,{src:(a=e.sponsor)==null?void 0:a.logo,alt:"promo"}),s.jsxs(me,{style:{paddingLeft:(d=e.sponsor)!=null&&d.logo&&e.logoMode===r.PromotionLogoMode.LEFT?"0px":"8px"},children:[((p=e.sponsor)==null?void 0:p.logo)&&e.logoMode===r.PromotionLogoMode.LEFT&&s.jsx(ie,{children:(m=e.sponsor)==null?void 0:m.name}),s.jsxs(ue,{children:[s.jsx(ye,{children:"AD"}),s.jsx(ve,{children:"SPONSORED"})]})]})]}),s.jsx(be,{onClick:i,children:s.jsx(ge,{name:"icon-cross"})})]}),s.jsxs(re,{children:[v&&s.jsx(q,{className:ce,src:(c=e.sponsor)==null?void 0:c.logo,alt:"promo"}),s.jsx(O,{children:(g=(u=e.banner)==null?void 0:u.video)!=null&&g.url?s.jsx(o.Q,{source:(f=(A=e.banner)==null?void 0:A.video)==null?void 0:f.url,poster:(j=(x=e.banner)==null?void 0:x.video)==null?void 0:j.thumbnailUrl,aspectRatio:y?"1/1":"16/9",onPlay:()=>{o.eventBus.emit("advertisement",{action:"videoPlay",payload:{advertisementId:t,advertisementType:e.type}})}}):(I=e.banner)!=null&&I.imageUrl?s.jsx(de,{style:y?{aspectRatio:"1/1"}:{},src:(_=e.banner)==null?void 0:_.imageUrl,alt:"promo"}):null}),!y&&s.jsxs(O,{children:[(($=e.banner)==null?void 0:$.title)&&s.jsx(xe,{className:o.cx_default(v&&je),children:(S=e.banner)==null?void 0:S.title}),((k=e.banner)==null?void 0:k.body)&&s.jsx(pe,{children:(M=e.banner)==null?void 0:M.body})]})]}),s.jsx(Ae,{children:s.jsx(fe,{href:(T=e.banner)==null?void 0:T.url,style:{backgroundColor:((L=(C=e.banner)==null?void 0:C.ctaButton)==null?void 0:L.color)||"#009dc4",color:((N=(B=e.banner)==null?void 0:B.ctaButton)==null?void 0:N.textColor)||"#fff"},"data-analytics":"button","data-promo-id":t,"data-promo-type":e.type,target:"_blank",children:(P=(E=e.banner)==null?void 0:E.ctaButton)==null?void 0:P.label})})]})},Ie=o.styled_default("div")({name:"SidebarContainer",class:"s1abskp8",propsAsIs:!1}),_e=({children:e,direction:t,style:i,className:n,hiding:l})=>s.jsx(w,{direction:t,style:i,hiding:l,className:n,children:s.jsx(Ie,{children:e})}),$e=e=>(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB11_LBAR||(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB21_LBAR,Se=e=>(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB11||(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB21,ke=({advertisement:e,skipTypeCheck:t,layoutMode:i="side-by-side",sidebar:n,banner:l})=>{const a=o.useStore(e.data);return!a.data&&a.loading?null:a.error?s.jsxs("div",{children:["error ",s.jsx("button",{onClick:e.close,children:"close"})]}):a.data?!n&&!l&&(t||Se(a.data))?s.jsx(oe,{className:"PromoOverlayContainer",children:s.jsx(R,{promotionId:e.id,promotion:a.data,onClose:e.close})}):n&&(t||$e(a.data))?s.jsx(_e,{className:"PromoSidebarContainer",direction:n,hiding:e.hiding,children:s.jsx(R,{promotionId:e.id,promotion:a.data,onClose:e.close})}):l?s.jsx(se,{promotionId:e.id,hiding:e.hiding,promotion:a.data,direction:l}):null:s.jsxs("div",{children:["empty promo ",s.jsx("button",{onClick:e.close,children:"close"})]})},Me=o.styled_default("div")({name:"AdvertisementUIWrap",class:"aa6pjif",propsAsIs:!1}),Te=e=>{const t=e.target;if(t instanceof HTMLAnchorElement&&t.target==="_blank"){const i=t.getAttribute("data-promo-id")||"",n=t.getAttribute("data-promo-type")||r.PromotionType.UNSET;t.getAttribute("data-analytics")==="button"&&o.eventBus.emit("advertisement",{action:"buttonSelect",payload:{advertisementId:i,advertisementType:n}}),t.getAttribute("data-analytics")==="banner"&&o.eventBus.emit("advertisement",{action:"bannerSelect",payload:{advertisementId:i,advertisementType:n}})}},Ce=({gamification:e,layoutMode:t,skipTypeCheck:i,sidebar:n,banner:l,isMobileScreen:a,persistent:d})=>{const p=b.useRef(null),m=o.useStore(e.advertisement.$list),c=b.useMemo(()=>e.advertisement.getActiveAdvertisement(d),[m,d]);o.L(p,{enabled:!!c,event:"click",listener:Te});const u=!l&&!n;return c?s.jsx(Me,{ref:p,style:{height:u?"auto":"100%"},className:a?"mobile-view":"",children:s.jsx(ke,{skipTypeCheck:i,sidebar:n,banner:l,advertisement:c,layoutMode:t})}):null},D=({sdk:e,sidebar:t,banner:i,skipTypeCheck:n,event:l,layoutMode:a,isMobileScreen:d,persistent:p})=>{const{deactivate:m}=h.F(e);b.useEffect(()=>{l?e.createEventSession(l):m()},[l,m,e]);const c=o.useStore(e.featuresList.getStore());if(t&&i)return s.jsx("div",{style:{color:"red"},children:"define either sidebar or banner, not both."});if(!c)return null;const u=e.getFeature(r.SdkOverlayType.GAMES);return u?s.jsx(Ce,{gamification:u,sidebar:t,banner:i,layoutMode:a,isMobileScreen:d,persistent:p,skipTypeCheck:n}):null},Le=({event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:l})=>{const a=h.useStreamLayer();return a?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(h.d,{children:s.jsx(D,{sdk:a,event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:l,layoutMode:"side-by-side"})})}):null};exports.StreamLayerSDKAdvertisement=Le;exports.StreamLayerSDKAdvertisementUI=D;
|
package/lib/cjs/auth.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),o=require("./
|
|
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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.E;
|
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
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;
|