@streamlayer/react 1.2.0 → 1.3.1
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/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 +2 -2
- package/lib/cjs/points.js +1 -1
- package/lib/cjs/provider.js +188 -0
- package/lib/cjs/useStreamLayerApp2.js +1 -1
- package/lib/dist/cjs/masters.js +16 -16
- package/lib/dist/es/masters.js +1 -1
- package/lib/dist/style.css +1 -1
- package/lib/es/advertisement.js +145 -138
- 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 -23171
- package/lib/es/masters.js +1 -1
- package/lib/es/masters2.js +1 -1
- package/lib/es/points.js +6 -6
- package/lib/es/provider.js +23227 -0
- package/lib/es/useStreamLayerApp2.js +4 -4
- package/lib/index.d.ts +1 -0
- package/lib/style.css +1 -1
- 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/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"),w=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",R=({children:e,style:t,className:i,enabled:n=!0,hiding:a,direction:l="left",onAnimationEnd:d})=>s.jsx(w,{style:t,className:o.cx_default(i,G,J(l),n&&!a&&H(l),n&&a&&Q(l)),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 a;return(a=e.additionalBanner)!=null&&a.imageUrl?s.jsx(R,{direction:n,hiding:i,children:s.jsx(X,{className:"BannerContainer",children:s.jsx(Z,{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: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}),ae=o.styled_default("div")({name:"HeaderContent",class:"h149e3gp",propsAsIs:!1}),le="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}),xe=o.styled_default("a")({name:"ActionButton",class:"a17rwbtk",propsAsIs:!1}),fe=o.styled_default("div")({name:"Title",class:"t3vxzaw",propsAsIs:!1}),Ie="h10f3u0j",D=({promotion:e,promotionId:t,onClose:i})=>{var n,a,l,d,p,m,c,u,g,A,x,f,I,j,_,S,$,k,T,M,C,N,B,L,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(ae,{className:o.cx_default(!v&&le),children:[((a=e.sponsor)==null?void 0:a.logo)&&e.logoMode===r.PromotionLogoMode.LEFT&&s.jsx(q,{src:(l=e.sponsor)==null?void 0:l.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,{className:"SponsorText",children:[s.jsx(ye,{children:"AD"}),s.jsx(ve,{children:"SPONSORED"})]})]})]}),s.jsx(be,{className:"ClosePromoIcon",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:(x=(A=e.banner)==null?void 0:A.video)==null?void 0:x.url,poster:(I=(f=e.banner)==null?void 0:f.video)==null?void 0:I.thumbnailUrl,aspectRatio:y?"1/1":"16/9",onPlay:()=>{o.eventBus.emit("advertisement",{action:"videoPlay",payload:{advertisementId:t,advertisementType:e.type}})}}):(j=e.banner)!=null&&j.imageUrl?s.jsx(de,{style:y?{aspectRatio:"1/1"}:{},src:(_=e.banner)==null?void 0:_.imageUrl,alt:"promo"}):null}),!y&&s.jsxs(O,{children:[((S=e.banner)==null?void 0:S.title)&&s.jsx(fe,{className:o.cx_default("AdvTitle",v&&Ie),children:($=e.banner)==null?void 0:$.title}),((k=e.banner)==null?void 0:k.body)&&s.jsx(pe,{className:"AdvDescription",children:(T=e.banner)==null?void 0:T.body})]})]}),s.jsx(Ae,{children:s.jsx(xe,{href:(M=e.banner)==null?void 0:M.url,style:{backgroundColor:((N=(C=e.banner)==null?void 0:C.ctaButton)==null?void 0:N.color)||"#009dc4",color:((L=(B=e.banner)==null?void 0:B.ctaButton)==null?void 0:L.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})})]})},je=o.styled_default("div")({name:"SidebarContainer",class:"s1abskp8",propsAsIs:!1}),_e=({children:e,direction:t,style:i,className:n,hiding:a})=>s.jsx(R,{direction:t,style:i,hiding:a,className:n,children:s.jsx(je,{children:e})}),Se=e=>(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB11_LBAR||(e==null?void 0:e.type)===r.PromotionType.INGAME_IAB21_LBAR,$e=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:a})=>{const l=o.useStore(e.data);return!l.data&&l.loading?null:l.error?s.jsxs("div",{children:["error ",s.jsx("button",{onClick:e.close,children:"close"})]}):l.data?!n&&!a&&(t||$e(l.data))?s.jsx(oe,{className:"PromoOverlayContainer",children:s.jsx(D,{promotionId:e.id,promotion:l.data,onClose:e.close})}):n&&(t||Se(l.data))?s.jsx(_e,{className:"PromoSidebarContainer",direction:n,hiding:e.hiding,children:s.jsx(D,{promotionId:e.id,promotion:l.data,onClose:e.close})}):a?s.jsx(se,{promotionId:e.id,hiding:e.hiding,promotion:l.data,direction:a}):null:s.jsxs("div",{children:["empty promo ",s.jsx("button",{onClick:e.close,children:"close"})]})},Te=o.styled_default("div")({name:"AdvertisementUIWrap",class:"aa6pjif",propsAsIs:!1}),Me=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:a,isMobileScreen:l,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:Me});const u=!a&&!n;return c?s.jsx(Te,{ref:p,style:{height:u?"auto":"100%"},className:l?"mobile-view":"",children:s.jsx(ke,{skipTypeCheck:i,sidebar:n,banner:a,advertisement:c,layoutMode:t})}):null},U=({sdk:e,sidebar:t,banner:i,skipTypeCheck:n,event:a,layoutMode:l,isMobileScreen:d,persistent:p})=>{const{deactivate:m}=h.F(e);b.useEffect(()=>{a?e.createEventSession(a):m()},[a,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:l,isMobileScreen:d,persistent:p,skipTypeCheck:n}):null},Ne=({event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:a})=>{const l=h.useStreamLayer();return l?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(h.d,{children:s.jsx(U,{sdk:l,event:e,sidebar:t,banner:i,isMobileScreen:n,persistent:a,layoutMode:"side-by-side"})})}):null};exports.StreamLayerSDKAdvertisement=Ne;exports.StreamLayerSDKAdvertisementUI=U;
|
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;
|