@streamlayer/react 0.41.10 → 1.0.0

package/lib/app/app.d.ts

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

package/lib/app/provider.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { StreamLayerSDK, StreamLayerPlugin } from '@streamlayer/sdk-web-interfaces';
 import type { DeepLinkCallback, VideoPlayerCallback } from '@streamlayer/sdk-web-core';
+export type { DeepLinkCallback, VideoPlayerCallback } from '@streamlayer/sdk-web-core';
 export declare enum StreamLayerStatus {
     UNSET = 0,
     CONNECTED = 1,

package/lib/cjs/app.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("./index2.js"),s=require("react"),n=()=>null,i=()=>{const{sdk:t}=s.useContext(r.StreamLayerContext);return t},S=()=>{const{sdk:t,status:a}=s.useContext(r.StreamLayerContext);if(a===r.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===r.StreamLayerStatus.CONNECTED?e.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?e.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(r.i,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;
+"use strict";var K=Object.defineProperty;var U=(e,t,n)=>t in e?K(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var m=(e,t,n)=>(U(e,typeof t!="symbol"?t+"":t,n),n);const o=require("react/jsx-runtime"),s=require("./index2.js"),d=require("react"),g=require("./useStreamLayerApp2.js");window.dispatchEvent(new CustomEvent("grpc_devtools_loaded"));function z(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==="QuotaExceededError"||e.name==="NS_ERROR_DOM_QUOTA_REACHED")}class B{constructor(t="main",n=window.localStorage){m(this,"delimiter",":");m(this,"prefix");m(this,"storage");m(this,"clear",()=>{for(const t in window.localStorage)t.startsWith(this.prefix)&&this.storage.removeItem(t)});m(this,"generateKey",t=>`${this.prefix}${this.delimiter}${t.join(this.delimiter)}`);m(this,"write",(...t)=>{const n=t.pop()||"",i=this.generateKey(t);try{this.storage.setItem(i,n)}catch(a){z(a)&&this.storage===window.sessionStorage&&(window.sessionStorage.removeItem("slstreamlogs"),this.storage.setItem(i,n))}});m(this,"read",(...t)=>{const n=this.storage.getItem(this.generateKey(t));return n===null?void 0:n});m(this,"remove",(...t)=>{this.storage.removeItem(this.generateKey(t))});this.prefix=`sl-sdk${this.delimiter}${t}`,this.storage=n}}var $;(function(e){e.Init="init",e.Ready="ready",e.Connecting="connecting",e.Connected="connected",e.Disconnected="disconnected",e.Failed="failed",e.Reconnect="reconnect",e.Reconnecting="reconnecting"})($||($={}));g.Code.Unknown,g.Code.Internal,g.Code.DeadlineExceeded,g.Code.ResourceExhausted,g.Code.FailedPrecondition,g.Code.Unavailable,g.Code.DataLoss;s.createLogger("grpc:retry");g.createContextKey(10,{description:"Number of attempts to retry"}),g.createContextKey(3e4,{description:"Max delay between retries in milliseconds"});var N;(function(e){e.SCHEMA="schema",e.EXTERNAL_TOKEN="eToken",e.TOKEN="token"})(N||(N={}));class W extends B{constructor(){super("user");m(this,"setSchema",n=>{this.write(N.SCHEMA,n)});m(this,"getSchema",()=>this.read(N.SCHEMA));m(this,"setToken",n=>{this.write(N.TOKEN,n)});m(this,"getToken",()=>this.read(N.TOKEN));m(this,"setExternalToken",n=>{this.write(N.EXTERNAL_TOKEN,n)});m(this,"getExternalToken",()=>this.read(N.EXTERNAL_TOKEN));m(this,"removeToken",()=>{this.remove(N.TOKEN)})}}var L;(function(e){e.DISABLED="disabled",e.INITIALIZATION="initialization",e.READY="ready",e.FAILED="failed",e.SUSPENDED="suspended"})(L||(L={}));s.createLogger("deep_link");s.createLogger("bypass");new W;s.createLogger("video_player");var T;(function(e){e.ALLOWED="allowed",e.DISALLOWED="disallowed"})(T||(T={}));var D;(function(e){e.UNKNOWN="unknown",e.ALREADY_VOTED="already_voted"})(D||(D={}));var O;(function(e){e.ONBOARDING="onboarding",e.ONBOARDING_IO="onboarding_io"})(O||(O={}));var _;(function(e){e.Unset="unset",e.Required="required",e.Optional="optional",e.Completed="completed",e.Disabled="disabled",e.Unavailable="unavailable"})(_||(_={}));g.QuestionType.POLL,g.QuestionType.PREDICTION,g.QuestionType.TRIVIA;const G={[g.SdkOverlayType.GAMES]:!0},C=s.styled_default("div")({name:"LoadingContainer",class:"l1a1b29x",propsAsIs:!1}),H=({feature:e,sdk:t,children:n,className:i,noWait:a})=>{const l=s.useStore(e.status),r=s.useStore(t.sdkStore.slStreamId);if(!a){if(r!=null&&r.loading&&!r.data)return o.jsx(C,{className:i,children:"Event is loading..."});if(!(r!=null&&r.data))return o.jsx(C,{className:i,children:"Event is forbidden..."});if(l!==s.FeatureStatus.Ready)return o.jsx(C,{className:i,children:"Wait feature..."})}return n},M=d.createContext({sdk:null}),A=()=>d.useContext(M),X=s.styled_default("div")({name:"QuestionContainer",class:"qfnqmpg",propsAsIs:!1}),Y=({openedQuestion:e})=>{var t,n;const{sdk:i}=A();return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?o.jsx(s.x,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):((n=e==null?void 0:e.attributes)==null?void 0:n.attributes.case)==="tweet"?o.jsx(s.a,{...e.attributes.attributes.value,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},Z=({extendedQuestion:e,vote:t,close:n})=>{const{loading:i,data:a}=e;return a?o.jsx(s.Nt,{vote:t,close:n,openedQuestion:a,isLoading:!!i}):o.jsx(s.kt,{})},J=({gamification:e})=>{var t;const n=s.useStore(e.openedQuestion.$store),i=s.useStore(e.openedQuestion.$extendedStore);if(!n)return null;const a=n.type;return o.jsxs(X,{children:[o.jsx(s.T,{close:e.closeQuestion,type:((t=n.attributes)==null?void 0:t.type)||g.QuestionType.UNSET}),a==="question"&&o.jsx(Z,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:i}),a!=="question"&&o.jsx(Y,{openedQuestion:n}),o.jsx(s.c,{sponsorLogo:""})]})},ee=s.styled_default("div")({name:"InviteFriendsContainer",class:"i1d1hf8u",propsAsIs:!1}),se=({deepLink:e})=>o.jsx(ee,{children:o.jsx(s.M,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),te=s.styled_default("div")({name:"InviteLinkContainer",class:"i9tvant",propsAsIs:!1}),ne=({gamification:e,scrollNode:t,scrollStore:n})=>{const i=d.useRef(null),{data:a,hasMore:l,loading:r,key:c}=s.useStore(e.leaderboardList.$store),{data:p}=s.useStore(e.deepLink.$store),[u,h]=s.T$1(i);return!a.length&&!r?o.jsx(se,{deepLink:p}):o.jsxs(o.Fragment,{children:[o.jsx(s.S,{items:a,scrollNode:t,scrollStore:n,fetchMore:e.leaderboardList.fetchMore,hasMore:l,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},c),p&&o.jsx(te,{ref:i,children:o.jsx(s.g,{onClick:()=>u(p),title:"Invite Friends",description:"Challenge them now!"})}),h]})},oe=({store:e,openQuestion:t})=>{const{sdk:n}=A(),i=s.useStore(e);return o.jsx(s.k,{openQuestion:t,questions:i.data,controlVideo:n==null?void 0:n.controlVideoPlayer})},ie=({userSummary:e})=>{var t;const[n,i]=d.useState(void 0);return d.useEffect(()=>{const a=e.$store.subscribe(l=>{l&&i(l)});return()=>{a()}},[e]),o.jsx(s.O,{loading:!(n!=null&&n.summary),...n==null?void 0:n.summary,successRate:(t=n==null?void 0:n.percentage)==null?void 0:t.correct})},re=({gamification:e,className:t,scrollStore:n,scrollNode:i,appNode:a,style:l,responsiveStore:r})=>{const{tabsShown:c}=s.useStore(n,{keys:["tabsShown"]}),[p,u]=d.useState(s.m.HOME),[,h]=d.useTransition(),{sdkInDesktopView:v,screen:f}=s.useStore(r,{keys:["sdkInDesktopView"]}),y=S=>{h(()=>{var b;u(S),v===!1&&(((b=a.current)==null?void 0:b.getBoundingClientRect().y)||0)<0&&s.C$1(a,f.size,{behavior:"instant"})})};d.useEffect(()=>n.subscribe(S=>{if(S.scrollPosition===0){n.setKey("tabsShown",!0);return}r.get().sdkInDesktopView?n.setKey("tabsShown",S.scrollDirection==="backward"):n.setKey("tabsShown",S.scrollDirection==="forward")}),[n,r]);let x="0px";return v?x=c?"0px":"calc(8px - var(--header-height) - var(--header-offset))":x=c?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px",o.jsxs(s.p$1,{className:t,style:l,children:[o.jsx(s.C,{style:{top:x},children:o.jsx(s.b,{activePage:p,toggleActivePage:y})}),p===s.m.HOME&&o.jsxs(o.Fragment,{children:[o.jsx(s.n,{style:{paddingTop:"8px"},children:o.jsx(s.m$1,{children:o.jsx(ie,{userSummary:e.userSummary})})}),o.jsx(s.a$1,{style:{flex:1},children:o.jsx(oe,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),p===s.m.LEADERBOARD&&o.jsx(s.l,{children:o.jsx(ne,{scrollStore:n,scrollNode:i,gamification:e})})]})},ae=()=>s.x$2,R=s.styled_default(ae())({name:"OpenedContainer",class:"o1o2cpiy",propsAsIs:!0}),le=s.styled_default("div")({name:"UserContainer",class:"u1ob6f8q",propsAsIs:!1}),de=({correct:e,incorrect:t})=>{const n=e+t;return n===0?0:Math.round(e/n*100)},ce=({gamification:e,scrollStore:t,className:n,appNode:i,scrollNode:a,responsiveStore:l})=>o.jsx(re,{appNode:i,scrollStore:t,scrollNode:a,className:n,gamification:e,responsiveStore:l}),ue=({gamification:e,className:t,appNode:n,responsiveStore:i})=>{const a=s.useStore(e.openedQuestion.$store),l=s.useStore(e.openedUser),{sdkInDesktopView:r}=s.useStore(i,{keys:["sdkInDesktopView"]}),{hiding:c,onAnimationEnd:p}=s.S$1();if(!n.current||!a&&!l)return null;const u=a?o.jsx(R,{className:t,hiding:c,onAnimationEnd:p,children:o.jsx(J,{gamification:e})}):l?o.jsx(R,{className:t,hiding:c,onAnimationEnd:p,children:o.jsxs(le,{children:[o.jsx(s.T,{label:"Friend's Rank",close:e.closeUser}),o.jsx(s.n,{children:o.jsx(s.O,{...l,successRate:de(l)})})]})}):null;return o.jsx(s.x$1,{container:n,useContainer:!r,children:u})},pe=d.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),he=({sdk:e,feature:t,className:n,scrollStore:i,appNode:a,scrollNode:l,responsiveStore:r})=>{const c=d.useMemo(()=>t&&t.featureConfig.get().type===g.SdkOverlayType.GAMES?o.jsx(H,{className:n,sdk:e,feature:t,children:o.jsx(pe,{appNode:a,scrollStore:i,scrollNode:l,className:n,responsiveStore:r,gamification:t})}):null,[e,t,n,r,i,l,a]);return o.jsx(d.Suspense,{fallback:o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:c})},ve=({feature:e,className:t,appNode:n,responsiveStore:i})=>e&&e.featureConfig.get().type===g.SdkOverlayType.GAMES?o.jsx(ue,{className:t,appNode:n,responsiveStore:i,gamification:e}):null,ge=()=>s.i,me=s.styled_default(ge())({name:"Container",class:"ckodz37",propsAsIs:!0}),fe=({sdk:e})=>{const t=s.useStore(e.sdkStore.organizationSettings),n=s.useStore(e.sdkStore.streamSettings),i=s.useStore(e.getActiveFeature()),a=d.useMemo(()=>{const r=(n==null?void 0:n.data)||(t==null?void 0:t.data);return r!=null&&r.overlays?r.overlays:[]},[t,n]),l=d.useMemo(()=>[...a.filter(({enableSdkButton:r})=>r).map(r=>({id:r.type,onClick:()=>e.openFeature(r.type),disabled:!(r.type in G),label:r.name,icon:o.jsx("img",{src:r.icon,alt:""}),position:r.position*10}))].sort((r,c)=>r.position-c.position),[a,e]);return o.jsx(me,{children:l.map(r=>o.jsx(s.I,{...r,icon:void 0,active:r.id===i},r.id))})},ye=s.styled_default("div")({name:"Container",class:"c3q0amv",propsAsIs:!1}),xe=s.styled_default("div")({name:"CloseIconWrap",class:"cqihknq",propsAsIs:!1}),Se=()=>s.r1,ke=s.styled_default(Se())({name:"CloseIcon",class:"cl5ln9o",propsAsIs:!0}),Ne=s.styled_default("div")({name:"Title",class:"t1bejf60",propsAsIs:!1}),je=s.styled_default("img")({name:"SponsorLogo",class:"sb0t4y8",propsAsIs:!1}),be=s.styled_default("div")({name:"PresentsTitle",class:"p1nmyo08",propsAsIs:!1}),Ie=s.styled_default("div")({name:"Subtitle",class:"sgd2pup",propsAsIs:!1}),Ce=s.styled_default("div")({name:"Description",class:"d6e19hw",propsAsIs:!1}),Ee=s.styled_default("button")({name:"ActionButton",class:"a17h53j4",propsAsIs:!1}),q=({close:e,action:t,onboarding:n})=>{var i,a,l,r,c,p,u,h;return o.jsxs(ye,{children:[o.jsx(xe,{onClick:e,children:o.jsx(ke,{name:"icon-cross"})}),((a=(i=n==null?void 0:n.titleCard)==null?void 0:i.media)==null?void 0:a.sponsorLogo)&&o.jsxs(Ne,{children:[o.jsx(je,{alt:"sponsor-logo",src:(r=(l=n==null?void 0:n.titleCard)==null?void 0:l.media)==null?void 0:r.sponsorLogo}),o.jsx(be,{children:"PRESENTS"})]}),((c=n==null?void 0:n.titleCard)==null?void 0:c.title)&&o.jsx(Ie,{children:(p=n==null?void 0:n.titleCard)==null?void 0:p.title}),((u=n==null?void 0:n.titleCard)==null?void 0:u.subtitle)&&o.jsx(Ce,{children:(h=n==null?void 0:n.titleCard)==null?void 0:h.subtitle}),o.jsx(Ee,{onClick:t,children:"Play Now"})]})},E=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",tagline:"Featured groups+ experience",headline:o.jsxs(o.Fragment,{children:["Welcome to ",o.jsx("br",{})," Featured Groups +"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],Ae=s.styled_default("div")({name:"OnboardingContainer",class:"o1xcysoz",propsAsIs:!1}),we=()=>s.x$2,$e=s.styled_default(we())({name:"OnboardingNotificationContainer",class:"oejzp3v",propsAsIs:!0}),V=s.styled_default("div")({name:"InnerContainer",class:"i134gfua",propsAsIs:!1}),Le=({deepLink:e,onboardingOpts:t,notification:n,gamification:i,loading:a,renderToNode:l,sdk:r})=>{var c,p,u,h,v,f,y;const x=s.useStore(i.friends.getStore()),[S,b]=d.useState(void 0),k=d.useMemo(()=>{var j,I;const w=r.getInviter();return w?(I=(j=x.data)==null?void 0:j.find(({slId:F})=>F===w))==null?void 0:I.name:""},[x.data,r]);return d.useEffect(()=>{const j=e.$store.subscribe(I=>{I&&b(I.data)});return()=>{j()}},[e.$store]),o.jsx(Ae,{children:o.jsx(s.rn,{loading:a,renderToNode:l,rules:[{label:"Answer as many questions as you like.",icon:"icon-btn-feature-groups"},{label:"Win points for each correct trivia or prediction answer.",icon:"icon-thumb-up"},{label:"Top the leader board and best your friends.",icon:"icon-trophy"}],rulesBtnLabel:(c=t.rules)==null?void 0:c.buttonLabel,rulesTitle:(p=t.rules)==null?void 0:p.heading,termsTitle:"Terms and Conditions",termsText:(u=t.rules)==null?void 0:u.terms,steps:E,primaryColor:(h=t.inviteCard)==null?void 0:h.iconColor,inviteLink:S,inviteCardTitle:(v=t.inviteCard)==null?void 0:v.heading,inviteCardSubtext:(f=t.inviteCard)==null?void 0:f.subtext,inviteCardBtnLabel:(y=t.inviteCard)==null?void 0:y.buttonLabel,onClose:()=>{var j;(j=n.close)==null||j.call(n)},gamification:i,sdk:r,inviterName:k})})},Te=({sdk:e,notification:t,saveHeight:n,style:i,appNode:a,sdkInDesktopView:l,responsiveStore:r})=>{var c;const p=d.useRef(null),u=t.data.onboarding,[h,v]=d.useState(u==null?void 0:u.instantOpen),f=e.getFeature(g.SdkOverlayType.GAMES),y=d.useMemo(()=>E==null?void 0:E.map(({graphicSrc:k})=>k),[]),{screen:x}=s.useStore(r,{keys:["screen"]});(c=u==null?void 0:u.titleCard)!=null&&c.media&&(u.titleCard.media.sponsorLogo=s.C$2),d.useLayoutEffect(()=>{var k;n(((k=p.current)==null?void 0:k.getBoundingClientRect().height)||0)},[n]);const{loading:S,throttled:b}=s.I$1(y);return h&&f&&u&&a.current&&!b?o.jsx(s.x$1,{container:a,useContainer:!l,children:o.jsx(Le,{notification:t,setOpened:v,gamification:f,onboardingOpts:u,deepLink:f.deepLink,loading:S,renderToNode:a,sdk:e})}):o.jsxs(o.Fragment,{children:[o.jsx(V,{ref:p,style:{position:"absolute",visibility:"hidden"},children:o.jsx(q,{close:()=>{},action:()=>{},onboarding:u})}),o.jsx($e,{style:i,hiding:t.hiding,children:o.jsx(V,{children:o.jsx(q,{close:t.close,action:()=>{var k;v(!0),(((k=a.current)==null?void 0:k.getBoundingClientRect().y)||0)<0&&s.C$1(a,x.size,{behavior:"smooth"})},onboarding:u})})})]})},De=()=>s.x$2,Oe=s.styled_default(De())({name:"Container",class:"c1cu0box",propsAsIs:!0}),P=s.styled_default("div")({name:"InnerContainer",class:"i1p534h4",propsAsIs:!1}),_e=()=>P,Re=s.styled_default(_e())({name:"HiddenContainer",class:"hyh76ez",propsAsIs:!0}),qe=s.styled_default("div")({name:"NotificationRefreshing",class:"n1pj3cvw",propsAsIs:!1}),Ve=()=>s.h,Me=s.styled_default(Ve())({name:"Pill",class:"pk13by5",propsAsIs:!0}),Pe=e=>{const[t,n]=d.useState(0),i=d.useRef(null),a=d.useCallback(r=>{i.current=r},[]);d.useEffect(()=>{var r;const c=(r=i.current)==null?void 0:r.getBoundingClientRect();c&&n(c.height)},[e]);const l=d.useCallback(r=>{n(r)},[]);return[a,t,l]},Qe=({sdk:e,notification:t,appNode:n,responsiveStore:i})=>{var a,l;const{sdkInDesktopView:r}=s.useStore(i,{keys:["sdkInDesktopView"]}),{sdk:c}=A(),[p,u,h]=Pe(t.id);return t.type===s.NotificationType.QUESTION?o.jsxs(o.Fragment,{children:[o.jsx(Re,{ref:p,children:o.jsx(s.k$1,{...t})}),o.jsxs(Oe,{style:{height:t.hiding?0:u},hiding:t.hiding,children:[o.jsx(P,{style:{height:"100%"},children:o.jsx(s.k$1,{...t,controlVideo:c==null?void 0:c.controlVideoPlayer})}),o.jsx(qe,{},t.id)]})]}):t.type===s.NotificationType.QUESTION_RESOLVED&&(l=(a=t.data)==null?void 0:a.question)!=null&&l.predictionResult?o.jsx(s.$,{style:{height:t.hiding?0:u},saveHeight:h,close:t.close,hiding:t.hiding,...t.data.question}):t.type===s.NotificationType.ONBOARDING?o.jsx(Te,{style:{height:t.hiding?0:u},saveHeight:h,sdk:e,notification:t,sdkInDesktopView:r,appNode:n,responsiveStore:i}):null},Fe="p6vl6vu",Ke=({pill:e,setPill:t,appNode:n,headerNode:i,scrollNode:a,responsiveStore:l,scrollStore:r})=>{var c,p;const{screen:u}=s.useStore(l,{keys:["screen"]}),{tabsShown:h,scrollPosition:v}=s.useStore(r,{keys:["tabsShown","scrollPosition"]});d.useEffect(()=>{l.get().sdkInDesktopView?v<50&&t(null):v>-50&&t(null)},[v,l,t]);const f=l.get().sdkInDesktopView?n:i;return!e||!f.current?null:s.Pk.createPortal(o.jsx(Me,{title:e.type===s.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((p=s.o[(c=e.data)==null?void 0:c.questionType])==null?void 0:p.label)||"notification"}`,onClick:()=>{var y;l.get().sdkInDesktopView?(y=a.current)==null||y.scrollTo({top:0,behavior:"smooth"}):s.C$1(n,u.size,{behavior:"smooth"}),t(null)},className:s.cx_default(h&&Fe,"sl-pill-button")}),f.current)},Ue=({sdk:e,headerNode:t,scrollNode:n,responsiveStore:i,appNode:a,scrollStore:l})=>{const[r]=d.useState(e.getNotificationsStore()),c=s.useStore(r),[p,u]=d.useState(null),h=d.useMemo(()=>e.getActiveNotification(),[e,c]);return d.useEffect(()=>{h&&s.eventBus.emit("notification",{action:"rendered",payload:{questionId:h.data.questionId,questionType:h.data.questionType}})},[h]),d.useEffect(()=>{h&&(i.get().sdkInDesktopView||i.get().sdkInView)&&(!i.get().sdkInDesktopView&&i.get().sdkInView&&u(h),i.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{l.get().scrollPosition!==0&&u(h)}))},[h]),d.useEffect(()=>{h||u(null)},[h]),o.jsxs(o.Fragment,{children:[!p&&h&&o.jsx(Qe,{headerNode:t,appNode:a,sdk:e,notification:h,responsiveStore:i}),p&&o.jsx(Ke,{pill:p,setPill:u,appNode:a,notification:h,headerNode:t,scrollNode:n,scrollStore:l,responsiveStore:i})]})},ze=e=>{const t=d.useRef(""),[n,i]=d.useState(!1),a=s.useStore(e.status),l=s.useStore(e.sdkStore.slStreamId),r=s.useStore(e.userId()),c=s.useStore(e.getActiveFeature()),p=a==="ready"&&!!l.data;d.useEffect(()=>{const v=e.getFeature(g.SdkOverlayType.GAMES);v&&(v.closeQuestion(),v.closeUser())},[c,e]);const u=v=>{t.current=v,i(!0),e.initializeApp({skipOrganizationSettings:!0}).then(({enabled:f,err:y})=>{if(!y&&f){e.isUserAuthorized().then(x=>{x||e.disableApp()});return}})},h=()=>{i(!1),e.disableApp()};return d.useEffect(()=>{if(!r){p&&e.disableApp();return}if(r&&t.current&&n){e.initializeApp({skipOrganizationSettings:!0}).then(()=>{e.createEventSession(t.current)});return}},[r]),d.useEffect(()=>()=>{i(!1),e.disableApp()},[i,e]),{sdkEnabled:n,sdkReady:p,activateEventWithId:u,deactivate:h,isLogged:!!r}},Be=({sdk:e,className:t,scrollStore:n,appNode:i,scrollNode:a,responsiveStore:l})=>{const[,r]=s.p$2(e);return o.jsx(he,{className:t,scrollNode:a,appNode:i,scrollStore:n,feature:r,responsiveStore:l,sdk:e})},We=({sdk:e,className:t,appNode:n,responsiveStore:i})=>{const a=s.useStore(e.featuresList.getStore());return a?Array.from(a,l=>{const r=e.getFeature(l);return r?o.jsx(ve,{className:t,appNode:n,feature:r,responsiveStore:i,sdk:e},l):null}):null},Ge=({sdk:e,event:t})=>{const n=d.useRef(null),i=d.useRef(null),[a]=s.v(n),[l,r]=s.D(n,a),{sdkEnabled:c,sdkReady:p,activateEventWithId:u,deactivate:h,isLogged:v}=ze(e);d.useEffect(()=>{t?(e.createEventSession(t),u(t)):h()},[t,u,h,e]),s.L(n,{enabled:c,event:"click",listener:s.b$1}),s.L(l,{enabled:c,event:"scrollend",listener:s.y,useDomNode:!0}),s.L(l,{enabled:c,event:"click",listener:s.w,useDomNode:!0});const f=d.useMemo(()=>({sdk:e}),[e]);return d.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),o.jsx(M.Provider,{value:f,children:o.jsxs(s.i$1,{ref:n,children:[c&&o.jsx(fe,{sdk:e}),o.jsxs(s.c$1,{className:"sl-hide-on-modal",ref:l,"data-nav":c.toString(),children:[p&&o.jsx(Ue,{sdk:e,scrollNode:l,headerNode:i,appNode:n,scrollStore:r,responsiveStore:a}),p&&o.jsx(Be,{scrollStore:r,responsiveStore:a,scrollNode:l,appNode:n,className:s.p,sdk:e}),p&&o.jsx(We,{responsiveStore:a,appNode:n,className:s.p,sdk:e})]}),c&&!v&&o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},Q=({children:e,style:t})=>o.jsx("div",{className:"StreamLayerSDKTheme",children:o.jsx("div",{className:s.m$2,style:t,children:e})}),He=()=>{const{sdk:e}=d.useContext(s.StreamLayerContext);return e},Xe=({event:e})=>{const{sdk:t,status:n}=d.useContext(s.StreamLayerContext);if(n===s.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return n===s.StreamLayerStatus.CONNECTED?o.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?o.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):o.jsx("div",{className:"StreamLayerSDK",children:o.jsx(Q,{children:o.jsx(Ge,{sdk:t,event:e})})})};exports.StreamLayerSDKReact=Xe;exports.i=Q;exports.q=ce;exports.useStreamLayer=He;

package/lib/cjs/gamification-feature.js

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

package/lib/cjs/gamification-feature2.js

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

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-core");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-logger");require("@streamlayer/sdk-web-storage");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-notifications");require("@streamlayer/feature-gamification");const r=require("./index2.js"),e=require("./app.js");exports.StreamLayerProvider=r.StreamLayerProvider;exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.useStreamLayer=e.useStreamLayer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./app.js");require("./useStreamLayerApp2.js");const r=require("./index2.js");exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.useStreamLayer=e.useStreamLayer;exports.StreamLayerProvider=r.StreamLayerProvider;