@streamlayer/react 0.29.1 → 0.29.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react",
-  "version": "0.29.1",
+  "version": "0.29.2",
   "type": "module",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
@@ -54,16 +54,16 @@
     }
   ],
   "dependencies": {
-    "@streamlayer/feature-gamification": "^0.23.1",
-    "@streamlayer/sdk-web": "^0.28.19",
+    "@streamlayer/feature-gamification": "^0.24.0",
+    "@streamlayer/sdk-web": "^0.28.20",
     "@streamlayer/sdk-web-api": "^0.0.1",
     "@streamlayer/sdk-web-core": "^0.17.8",
-    "@streamlayer/sdk-web-features": "^0.10.22",
+    "@streamlayer/sdk-web-features": "^0.10.23",
     "@streamlayer/sdk-web-interfaces": "^0.18.15",
     "@streamlayer/sdk-web-logger": "^0.0.4",
     "@streamlayer/sdk-web-notifications": "^0.12.1",
-    "@streamlayer/sdk-web-storage": "^0.0.4",
-    "@streamlayer/sdk-web-types": "^0.20.1"
+    "@streamlayer/sdk-web-types": "^0.20.1",
+    "@streamlayer/sdk-web-storage": "^0.0.4"
   },
   "peerDependencies": {
     "@bufbuild/protobuf": "^1.4.2",
@@ -114,7 +114,7 @@
     "size-limit": "^11.0.0",
     "url-loader": "^4.1.1",
     "vite-plugin-dts": "^3.6.3",
-    "@streamlayer/react-ui": "^0.60.0"
+    "@streamlayer/react-ui": "^0.61.0"
   },
   "scripts": {
     "size-limit": "size-limit"

package/lib/masters-b1364fa3.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),v=require("./index-89c19a6e.cjs"),o=require("react"),u=require("@streamlayer/sdk-web-types"),m=require("@nanostores/react"),h=require("@streamlayer/sdk-web-interfaces"),l=require("./index-6b61558d.cjs"),g=require("@streamlayer/sdk-web-notifications"),O=({feature:e,sdk:t,children:a,className:n})=>{const i=m.useStore(e.status),{slStreamId:r}=m.useStore(t.sdkStore);return r!=null&&r.loading?s.jsx("div",{className:n,children:"event is loading..."}):r!=null&&r.data?i!==h.FeatureStatus.Ready?s.jsx("div",{className:n,children:"wait feature..."}):a:s.jsx("div",{className:n,children:"event is forbidden..."})},w=o.lazy(()=>Promise.resolve().then(()=>require("./index-9fd382fe.cjs"))),E=({sdk:e,feature:t,className:a})=>{const n=o.useMemo(()=>t&&t.featureConfig.get().type===u.FeatureType.GAMES?s.jsx(O,{className:a,sdk:e,feature:t,children:s.jsx(w,{className:a,gamification:t,sdk:e})}):null,[e,t,a]);return s.jsx(o.Suspense,{fallback:s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:n})};const F=l.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),L=l.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),q=l.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),_=({disabled:e,active:t,onClick:a,label:n,icon:i})=>s.jsx(F,{onClick:a,disabled:e,"data-selected":t,children:s.jsxs(s.Fragment,{children:[i&&s.jsx(L,{children:i}),s.jsx(q,{children:n})]})});const R=()=>l.e1,z=l.styled_default(R())({name:"a",class:"a10lggiw",propsAsIs:!0}),j="channels",Q=e=>{var t;return s.jsx(_,{...e,id:"channels",label:"Channels",icon:s.jsx(z,{name:"icon-btn-channels","data-selected":(t=e.active)==null?void 0:t.toString()})})};const P=()=>l.e1,D=l.styled_default(P())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",M=e=>{var t;return s.jsx(_,{...e,label:"FG+",id:"featuredGroups",icon:s.jsx(D,{name:"icon-btn-feature-groups","data-selected":(t=e.active)==null?void 0:t.toString()})})};const G=()=>l.e1,U=l.styled_default(G())({name:"n",class:"ntav86o",propsAsIs:!0}),b="leaderboard",W=e=>{var t;return s.jsx(_,{...e,label:"Leader Board",id:"leaderboard",icon:s.jsx(U,{name:"icon-btn-leaderboard","data-selected":(t=e.active)==null?void 0:t.toString()})})};const B=l.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),K=({children:e,className:t})=>s.jsx(B,{className:t,children:e});const V=()=>K,Y=l.styled_default(V())({name:"n",class:"n9bnom",propsAsIs:!0}),H=({activeOverlay:e,setActiveOverlay:t,sdkReady:a,className:n})=>s.jsxs(Y,{className:n,children:[s.jsx(Q,{active:e===j,onClick:()=>t(j)}),s.jsx(M,{active:e===f,disabled:!a,onClick:()=>{t(f)}}),s.jsx(W,{active:e===b,onClick:()=>t(b)})]}),A={[u.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.UNSET]:void 0,[u.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[u.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[u.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[u.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}};const J=l.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),X=l.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),Z=l.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),ee=l.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),N=({poster:e,source:t})=>{const a=o.useRef(null),[n,i]=o.useState(!1),[r,c]=o.useState(!0);return s.jsxs(J,{onClick:()=>{const d=a==null?void 0:a.current;d&&i(y=>y?(d.pause(),!1):(d.play(),c(!1),!0))},children:[s.jsx(X,{ref:a,src:t,onEnded:()=>{var d;(d=a==null?void 0:a.current)==null||d.load(),i(!1),c(!0)},style:{visibility:r?"hidden":"visible"}}),s.jsx(Z,{src:e,style:{visibility:r?"visible":"hidden"}}),s.jsx(ee,{children:!n&&s.jsx(l.e1,{name:"icon-play"})})]})};const se=l.styled_default("div")({name:"r",class:"rcr31jh",propsAsIs:!1}),te=l.styled_default("div")({name:"t",class:"thj4z8w",propsAsIs:!1}),ae=l.styled_default("h3")({name:"i",class:"i1oks4sz",propsAsIs:!1}),ne=l.styled_default("div")({name:"n",class:"n18s3mno",propsAsIs:!1}),le=l.styled_default("button")({name:"l",class:"lc8mqwv",propsAsIs:!1}),re=({video:e,heading:t,body:a,action:n})=>s.jsxs(se,{children:[e&&s.jsx(N,{source:e.url,poster:e.thumbnailUrl}),s.jsxs(te,{children:[s.jsx(ae,{children:t}),s.jsx(ne,{children:a}),n&&s.jsx(le,{onClick:n,children:"View Insight"})]})]});const ie=()=>l.e1,de=()=>l.e1,ce=l.styled_default("div")({name:"p",class:"p16oo5uk",propsAsIs:!1}),oe=l.styled_default("div")({name:"a",class:"a18c5k3h",propsAsIs:!1}),ue=l.styled_default(ie())({name:"c",class:"czv5t8k",propsAsIs:!0}),pe=l.styled_default("div")({name:"s",class:"s1wp1emp",propsAsIs:!1}),fe=l.styled_default(de())({name:"l",class:"l1nz0q6x",propsAsIs:!0}),ye=l.styled_default("span")({name:"g",class:"g1jhb9lu",propsAsIs:!1}),me=l.styled_default("div")({name:"d",class:"ds6gfsv",propsAsIs:!1}),xe=l.styled_default("button")({name:"x",class:"xkzz16s",propsAsIs:!1}),k=({close:e,action:t,data:{questionType:a,question:n,insight:i}})=>{const r=A[a];return r?s.jsxs(ce,{children:[s.jsx(oe,{onClick:e,children:s.jsx(ue,{name:"icon-cross"})}),s.jsxs(pe,{children:[s.jsx(fe,{name:r.iconName}),s.jsx(ye,{children:r.label})]}),a===u.QuestionType.FACTOID?s.jsx(re,{...i,action:t}):s.jsx(me,{children:n==null?void 0:n.title}),a!==u.QuestionType.FACTOID&&s.jsx(xe,{onClick:t,children:"Answer"})]}):null};const ve=l.styled_default("div")({name:"s",class:"s1aopxp8",propsAsIs:!1}),he="c1t0h6s",$=({children:e,style:t,className:a,hiding:n})=>s.jsx(ve,{style:t,className:l.cx_default(a,n&&he),children:e});const je=()=>$,I=l.styled_default(je())({name:"d",class:"d1qqtt3e",propsAsIs:!0}),be=({sdk:e})=>{const t=e.getNotificationsStore(),a=m.useStore(t),n=o.useMemo(()=>{if(!(a!=null&&a.size))return null;for(const i of a.values())if(i.type===g.NotificationType.ONBOARDING)return i;return a.values().next().value},[a]);return(n==null?void 0:n.type)===g.NotificationType.QUESTION?s.jsx(I,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(k,{...n})})}):(n==null?void 0:n.type)===g.NotificationType.QUESTION_RESOLVED?s.jsx(I,{hiding:n.hiding,children:s.jsx("div",{children:s.jsx(k,{...n})})}):null};const ge=()=>T,Se=l.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),S=l.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),T=l.styled_default("div")({name:"n",class:"n1v8kucd",propsAsIs:!1}),_e=l.styled_default(ge())({name:"e",class:"e16yw7z1",propsAsIs:!0}),ke=e=>{const[t,a]=o.useState(!1),n=m.useStore(e.status),{data:i}=m.useStore(e.getUserStore()),r=n==="ready",[c,d]=o.useState(f),y=o.useCallback((p,x)=>{d(x),x===f?(p&&e.createEventSession(p),e.openFeature(u.FeatureType.GAMES)):e.closeFeature()},[e]);return o.useEffect(()=>{!r&&c===f&&(d(j),e.closeFeature())},[r,c,e]),{sdkEnabled:t,sdkReady:r,activeOverlay:c,activateAndLoadOverlay:y,enableSdk:p=>{e.initializeApp().then(({enabled:x,err:C})=>{if(a(!0),C){y(p,j);return}if(x){y(p,f);return}})},disableSdk:()=>{a(!1),e.disableApp()},isLogged:!!i}},Ie=e=>{const t=m.useStore(e.getActiveFeature()),a=m.useStore(e.streamStore()),[n,i]=o.useState(null);return o.useEffect(()=>{const r=e.getFeatures();if(t)for(const[c,d]of r)c===t?d.status.get()===h.FeatureStatus.Suspended&&(d.enable(),i(d)):d.status.get()===h.FeatureStatus.Ready&&d.disable();else{for(const[,c]of r)c.status.get()===h.FeatureStatus.Ready&&c.disable();i(null)}return()=>{for(const[,c]of r)c.status.get()===h.FeatureStatus.Ready&&c.disable()}},[t,e,a]),[t,n]},Ae=({sdk:e,className:t})=>{const[,a]=Ie(e);return s.jsx(E,{className:t,feature:a,sdk:e})},Ne=({sdk:e,overlays:t,children:a})=>{const{sdkEnabled:n,sdkReady:i,activeOverlay:r,activateAndLoadOverlay:c,enableSdk:d,disableSdk:y,isLogged:p}=ke(e);return s.jsxs(Se,{children:[n&&s.jsx(H,{sdkReady:i,activeOverlay:r,className:v.f,setActiveOverlay:x=>c("",x)}),n&&s.jsx(be,{sdk:e}),s.jsx(S,{"data-nav":n.toString(),style:{display:!n||r===j?"block":"none"},children:a&&a({enableSdk:d,disableSdk:y})}),s.jsx(S,{"data-nav":n.toString(),style:{display:r===b?"block":"none"},children:t&&r===b&&t[r]}),p&&n&&r===f&&s.jsx(Ae,{className:v.f,sdk:e}),!p&&n&&r===f&&s.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},$e=({sdkKey:e,plugins:t,children:a,production:n=!0})=>s.jsx(v.StreamLayerProvider,{sdkKey:e,plugins:t,production:n,autoEnable:!1,children:a}),Te=({children:e,overlays:t})=>{const{sdk:a,status:n}=o.useContext(v.StreamLayerContext);if(n===v.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(v.p,{style:{height:"100%"},children:s.jsx(Ne,{sdk:a,overlays:t,children:e})})}):e({})};exports.MastersStreamLayerProvider=$e;exports.MastersStreamLayerSDKReact=Te;exports.e=_e;exports.f=$;exports.n=T;exports.o=A;exports.r=S;exports.w=N;