@streamlayer/react 0.24.10 → 0.25.1

package/lib/cjs/masters.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../provider-b2d54b1b.cjs"),i=require("react"),m=require("@streamlayer/sdk-web-types"),c=require("@nanostores/react"),f=require("@streamlayer/sdk-web-interfaces");require("react-countdown-circle-timer");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@streamlayer/sdk-web-notifications");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const b=({feature:e,sdk:t,children:n})=>{const l=c.useStore(e.status),{slStreamId:r}=c.useStore(t.sdkStore);return r!=null&&r.loading?s.jsx("div",{children:"event is loading..."}):r!=null&&r.data?l!==f.FeatureStatus.Ready?s.jsx("div",{children:"wait feature..."}):n:s.jsx("div",{children:"event is forbidden..."})};const k=()=>g,_=a.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),j=a.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),g=a.styled_default("div")({name:"t",class:"t1v8kucd",propsAsIs:!1}),A=a.styled_default(k())({name:"o",class:"o16yw7z1",propsAsIs:!0});const I=a.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),q=({children:e,style:t,className:n})=>s.jsx(I,{style:t,className:n,children:e});const $=()=>a.Y,F=()=>a.Y,L=a.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),E=a.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),R=a.styled_default($())({name:"p",class:"p14kwh4y",propsAsIs:!0}),w=a.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),C=a.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),M=a.styled_default(F())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),O=({type:e,close:t})=>{const n=a.o[e];return s.jsxs(L,{children:[s.jsxs(E,{children:[(n==null?void 0:n.iconName)&&s.jsx(R,{name:n.iconName}),(n==null?void 0:n.label)&&s.jsx(w,{children:n.label})]}),s.jsx(C,{onClick:t,children:s.jsx(M,{name:"icon-cross"})})]})};const Q=a.styled_default("div")({name:"r",class:"ruyb9yw",propsAsIs:!1}),T=a.styled_default("img")({name:"i",class:"imbcgl0",propsAsIs:!1}),G=({sponsorLogo:e})=>e&&s.jsx(Q,{children:s.jsx(T,{alt:"sponsor-logo",src:e})});const H=a.styled_default("div")({name:"x",class:"xk8r1eq",propsAsIs:!1}),N=({openedQuestion:e,closeQuestion:t,vote:n})=>{var l;return s.jsxs(H,{children:[s.jsx(O,{close:t,type:(e==null?void 0:e.type)||m.QuestionType.UNSET}),e&&s.jsx(a.X,{vote:n,openedQuestion:e}),s.jsx(G,{sponsorLogo:(l=e==null?void 0:e.sponsorship)==null?void 0:l.logo})]})},P=({leaderboardList:e})=>{const{data:t}=c.useStore(e.$store),[n,l]=i.useState(void 0),r=d=>{const o=t.find(u=>u.userId===d);l(o)};return s.jsxs(s.Fragment,{children:[n&&s.jsx(a.f,{comeBack:()=>r(null),...n}),!n&&s.jsx(a.x,{fetchMore:e.fetchMore,items:t,openItemDetail:r})]})},D=({store:e,openQuestion:t})=>{const n=c.useStore(e);return n!=null&&n.data?s.jsx(a.u,{openQuestion:t,questions:n.data}):s.jsx("div",{children:"wait questions..."})},Y=({store:e})=>{const{data:t}=c.useStore(e);return t!=null&&t.summary?s.jsx(a.v,{...t.summary,...t.percentage}):s.jsx("div",{children:"wait user..."})},B=({gamification:e})=>{const[t,n]=i.useState(a.h.HOME);return s.jsxs(s.Fragment,{children:[s.jsxs(A,{children:[s.jsx(a.p,{activePage:t,toggleActivePage:n}),t===a.h.HOME&&s.jsx(Y,{store:e.userSummary.getStore()})]}),t===a.h.HOME&&s.jsx(g,{children:s.jsx(D,{openQuestion:e.openQuestion,store:e.questions.getStore()})}),t===a.h.LEADERBOARD&&s.jsx(g,{style:{flex:"1 1 auto"},children:s.jsx(P,{leaderboardList:e.leaderboardList})})]})};const z=()=>q,W=a.styled_default(z())({name:"u",class:"u1ph66cs",propsAsIs:!0}),K=({gamification:e})=>{const{loading:t,data:n}=c.useStore(e.openedQuestion);return s.jsxs(s.Fragment,{children:[(t||n)&&s.jsx(W,{children:s.jsx(N,{closeQuestion:e.closeQuestion,vote:e.submitAnswer,openedQuestion:n})}),s.jsx(j,{"data-nav":"true",style:{display:"flex",flexDirection:"column"},children:s.jsx(B,{gamification:e})})]})},U=({highlights:e})=>{const t=c.useStore(e.openedInsight);return s.jsxs(s.Fragment,{children:[!t&&e.insights&&s.jsx(a.d,{highlights:e,store:e.insights.getStore()}),t&&s.jsx(a.j,{openedInsight:t,closeHighlights:e.closeFeature,closeInsight:e.closeHighlight})]})},X=({sdk:e,feature:t})=>i.useMemo(()=>t?t.featureConfig.get().type===m.FeatureType.GAMES?s.jsx(b,{sdk:e,feature:t,children:s.jsx(K,{gamification:t,sdk:e})}):t.featureConfig.get().type===m.FeatureType.HIGHLIGHTS?s.jsx(b,{sdk:e,feature:t,children:s.jsx(U,{highlights:t,sdk:e})}):null:null,[e,t]);const J=a.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),V=a.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),Z=a.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),S=({disabled:e,active:t,onClick:n,label:l,icon:r})=>s.jsx(J,{onClick:n,disabled:e,"data-selected":t,children:s.jsxs(s.Fragment,{children:[r&&s.jsx(V,{children:r}),s.jsx(Z,{children:l})]})});const ee=()=>a.Y,se=a.styled_default(ee())({name:"a",class:"a10lggiw",propsAsIs:!0}),y="channels",te=e=>{var t;return s.jsx(S,{...e,id:"channels",label:"Channels",icon:s.jsx(se,{name:"icon-btn-channels","data-selected":(t=e.active)==null?void 0:t.toString()})})};const ae=()=>a.Y,ne=a.styled_default(ae())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),p="featuredGroups",re=e=>{var t;return s.jsx(S,{...e,label:"FG+",id:"featuredGroups",icon:s.jsx(ne,{name:"icon-btn-feature-groups","data-selected":(t=e.active)==null?void 0:t.toString()})})};const le=()=>a.Y,oe=a.styled_default(le())({name:"n",class:"ntav86o",propsAsIs:!0}),v="leaderboard",de=e=>{var t;return s.jsx(S,{...e,label:"Leader Board",id:"leaderboard",icon:s.jsx(oe,{name:"icon-btn-leaderboard","data-selected":(t=e.active)==null?void 0:t.toString()})})};const ie=a.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),ce=({children:e,className:t})=>s.jsx(ie,{className:t,children:e});const ue=()=>ce,pe=a.styled_default(ue())({name:"n",class:"n9bnom",propsAsIs:!0}),xe=({activeOverlay:e,setActiveOverlay:t,sdkReady:n})=>s.jsxs(pe,{children:[s.jsx(te,{active:e===y,onClick:()=>t(y)}),s.jsx(re,{active:e===p,disabled:!n,onClick:()=>{t(p)}}),s.jsx(de,{active:e===v,onClick:()=>t(v)})]}),fe=(e,t)=>{const[n,l]=i.useState(!1),r=c.useStore(e.status)==="ready",[d,o]=i.useState(p),u=i.useCallback(x=>{o(x),x===p?(e.createEventSession(t),e.openFeature(m.FeatureType.GAMES)):e.closeFeature()},[t,e]);return i.useEffect(()=>{!r&&d===p&&(o(y),e.closeFeature())},[r,d,e]),{sdkEnabled:n,sdkReady:r,activeOverlay:d,activateAndLoadOverlay:u,enableSdk:()=>{e.initializeApp().then(({enabled:x,err:h})=>{if(l(!0),h){u(y);return}if(x){u(p);return}})},disableSdk:()=>{l(!1),e.disableApp()}}},ye=e=>{const t=c.useStore(e.getActiveFeature()),[n,l]=i.useState(null);return i.useEffect(()=>{const r=e.getFeatures();if(t)for(const[d,o]of r)d===t?o.status.get()===f.FeatureStatus.Suspended&&(o.enable(),l(o)):o.status.get()===f.FeatureStatus.Ready&&o.disable();else{for(const[,d]of r)d.status.get()===f.FeatureStatus.Ready&&d.disable();l(null)}return()=>{for(const[,d]of r)d.status.get()===f.FeatureStatus.Ready&&d.disable()}},[t,e]),[t,n]},me=({sdk:e})=>{const[,t]=ye(e);return s.jsx(X,{feature:t,sdk:e})},ve=({sdk:e,overlays:t,children:n,event:l})=>{const{sdkEnabled:r,sdkReady:d,activeOverlay:o,activateAndLoadOverlay:u,enableSdk:x,disableSdk:h}=fe(e,l);return s.jsx(a.s,{style:{height:"100%"},children:s.jsxs(_,{children:[r&&s.jsx(xe,{sdkReady:d,activeOverlay:o,setActiveOverlay:u}),s.jsx(j,{"data-nav":r.toString(),style:{display:!r||o===y?"block":"none"},children:n&&n({enableSdk:x,disableSdk:h})}),s.jsx(j,{"data-nav":r.toString(),style:{display:o===v?"block":"none"},children:t&&o===v&&t[o]}),r&&o===p&&s.jsx(me,{sdk:e})]})})},he=({sdkKey:e,plugins:t,children:n,production:l=!0})=>s.jsx(a.StreamLayerProvider,{sdkKey:e,plugins:t,production:l,autoEnable:!1,children:n}),je=({children:e,event:t,overlays:n})=>{const{sdk:l,status:r}=i.useContext(a.StreamLayerContext);if(r===a.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return l?s.jsx(ve,{sdk:l,event:t,overlays:n,children:e}):e({})};exports.MastersStreamLayerProvider=he;exports.MastersStreamLayerSDKReact=je;

package/lib/cjs/points.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("@streamlayer/sdk-web-types"),o=require("react"),s=require("../provider-b2d54b1b.cjs");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("react-countdown-circle-timer");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const n=require("@nanostores/react");require("@streamlayer/sdk-web-notifications");const l=require("../app-519f86cc.cjs");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const c=()=>s.Y,d=s.styled_default("div")({name:"l",class:"l4qld3l",propsAsIs:!1}),m=s.styled_default("div")({name:"a",class:"ainhtok",propsAsIs:!1}),p=s.styled_default(c())({name:"x",class:"xk8yd5t",propsAsIs:!0}),q=s.styled_default("div")({name:"h",class:"h6rf9gb",propsAsIs:!1}),y=s.styled_default("div")({name:"c",class:"c18f5pxx",propsAsIs:!1}),f=s.styled_default("div")({name:"m",class:"m1jwsyj1",propsAsIs:!1}),S=({points:e})=>r.jsxs(d,{children:[r.jsx(m,{children:r.jsx(p,{name:"icon-trophy"})}),r.jsxs(q,{children:[r.jsx(y,{children:"Total points"}),r.jsx(f,{children:s.a(e)})]})]}),x=({userSummary:e})=>{var a,t;const i=n.useStore(e.getStore());return((t=(a=i.data)==null?void 0:a.summary)==null?void 0:t.points)===void 0?null:r.jsx(S,{points:i.data.summary.points})},j=({sdk:e})=>{const{organizationSettings:i,streamSettings:a}=n.useStore(e.sdkStore),t=o.useMemo(()=>e.getFeature(u.FeatureType.GAMES),[e,i,a]);return t?r.jsx(x,{userSummary:t.userSummary}):null},h=()=>{const e=l.useStreamLayer();return e?r.jsx(j,{sdk:e}):null};exports.StreamLayerSDKPoints=h;

package/lib/cjs/useStreamLayerApp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@streamlayer/sdk-web"),l=require("react"),f=(t,o,s,a)=>{const[c,u]=l.useState(null);return l.useEffect(()=>{let r=!1;if(!t)return console.error("streamlayer sdk key should be provided"),u(e=>(e!==null&&typeof e.disableApp=="function"&&e.disableApp(),null)),()=>{r=!0};const n=i.StreamLayer(t,s,a);if(o)for(const e of o)n.use(e);return n.ready().then(e=>{r||u(e.sdk)}).catch(e=>console.log(e)),()=>{r=!0,n.close(function(e){if(e)throw e})}},[t,s]),c};exports.useStreamLayerApp=f;

package/lib/es/auth.js

@@ -0,0 +1,33 @@
+import { useEffect as i } from "react";
+import { u as m } from "../app-43e52907.js";
+import "react/jsx-runtime";
+import "../provider-a6b36c89.js";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "react-countdown-circle-timer";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "@streamlayer/sdk-web-types";
+import "@streamlayer/sdk-web-interfaces";
+import "@streamlayer/sdk-web-features";
+import "@streamlayer/sdk-web-api";
+import "@streamlayer/sdk-web-storage";
+import "@nanostores/react";
+import "@streamlayer/sdk-web-notifications";
+import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
+import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
+import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
+import "@streamlayer/sl-eslib/sports/events/events_connect";
+import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
+import "./useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
+const C = ({ token: r, schema: o }) => {
+  const t = m();
+  return i(() => {
+    r && o && t && t.authorizationBypass(o, r);
+  }, [r, o, t]), null;
+};
+export {
+  C as StreamLayerLogin
+};