@streamlayer/react 0.25.0 → 0.25.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.
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { useContext as i } from "react";
3
- import { a as m, b as e, g as o } from "./provider-a48a64e8.js";
3
+ import { a as m, b as e, g as o } from "./provider-a6b36c89.js";
4
4
  import "react-auth-code-input";
5
5
  import "react-phone-number-input";
6
6
  import "@connectrpc/connect";
@@ -1 +1 @@
1
- "use strict";const t=require("react/jsx-runtime"),i=require("react"),e=require("./provider-bc10f329.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-types");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");require("@streamlayer/sdk-web-notifications");const s=()=>{const{sdk:r}=i.useContext(e.StreamLayerContext);return r},u=()=>{const{sdk:r,status:a}=i.useContext(e.StreamLayerContext);if(a===e.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===e.StreamLayerStatus.CONNECTED?t.jsx("div",{className:"StreamLayerSDK",children:"wait"}):r===null?t.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):t.jsx("div",{className:"StreamLayerSDK",children:t.jsx(e.gr,{sdk:r})})};exports.StreamLayerSDKReact=u;exports.useStreamLayer=s;
1
+ "use strict";const t=require("react/jsx-runtime"),i=require("react"),e=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-types");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");require("@streamlayer/sdk-web-notifications");const s=()=>{const{sdk:r}=i.useContext(e.StreamLayerContext);return r},u=()=>{const{sdk:r,status:a}=i.useContext(e.StreamLayerContext);if(a===e.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===e.StreamLayerStatus.CONNECTED?t.jsx("div",{className:"StreamLayerSDK",children:"wait"}):r===null?t.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):t.jsx("div",{className:"StreamLayerSDK",children:t.jsx(e.gr,{sdk:r})})};exports.StreamLayerSDKReact=u;exports.useStreamLayer=s;
package/lib/cjs/auth.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),q=require("../app-ee511fac.cjs");require("react/jsx-runtime");require("../provider-bc10f329.cjs");require("react-auth-code-input");require("react-phone-number-input");require("react-countdown-circle-timer");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");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 t=({token:e,schema:r})=>{const i=q.useStreamLayer();return u.useEffect(()=>{e&&r&&i&&i.authorizationBypass(r,e)},[e,r,i]),null};exports.StreamLayerLogin=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),q=require("../app-519f86cc.cjs");require("react/jsx-runtime");require("../provider-b2d54b1b.cjs");require("react-auth-code-input");require("react-phone-number-input");require("react-countdown-circle-timer");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");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 t=({token:e,schema:r})=>{const i=q.useStreamLayer();return u.useEffect(()=>{e&&r&&i&&i.authorizationBypass(r,e)},[e,r,i]),null};exports.StreamLayerLogin=t;
package/lib/cjs/index.js CHANGED
@@ -1 +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("../provider-bc10f329.cjs"),e=require("../app-ee511fac.cjs");require("react/jsx-runtime");require("react");require("react-auth-code-input");require("react-phone-number-input");require("react-countdown-circle-timer");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("@nanostores/react");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");exports.StreamLayerProvider=r.StreamLayerProvider;exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.useStreamLayer=e.useStreamLayer;
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("../provider-b2d54b1b.cjs"),e=require("../app-519f86cc.cjs");require("react/jsx-runtime");require("react");require("react-auth-code-input");require("react-phone-number-input");require("react-countdown-circle-timer");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("@nanostores/react");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");exports.StreamLayerProvider=r.StreamLayerProvider;exports.StreamLayerSDKReact=e.StreamLayerSDKReact;exports.useStreamLayer=e.useStreamLayer;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../provider-bc10f329.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 q=a.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),I=({children:e,style:t,className:n})=>s.jsx(q,{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}),C=a.styled_default($())({name:"p",class:"p14kwh4y",propsAsIs:!0}),R=a.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),M=a.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),O=a.styled_default(F())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),Q=({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(C,{name:n.iconName}),(n==null?void 0:n.label)&&s.jsx(R,{children:n.label})]}),s.jsx(M,{onClick:t,children:s.jsx(O,{name:"icon-cross"})})]})};const w=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(w,{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(Q,{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.C,{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=()=>I,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;
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 CHANGED
@@ -1 +1 @@
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-bc10f329.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-ee511fac.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;
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/es/auth.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useEffect as i } from "react";
2
- import { u as m } from "../app-7d2366e2.js";
2
+ import { u as m } from "../app-43e52907.js";
3
3
  import "react/jsx-runtime";
4
- import "../provider-a48a64e8.js";
4
+ import "../provider-a6b36c89.js";
5
5
  import "react-auth-code-input";
6
6
  import "react-phone-number-input";
7
7
  import "react-countdown-circle-timer";
package/lib/es/index.js CHANGED
@@ -7,8 +7,8 @@ import "@streamlayer/sdk-web-features";
7
7
  import "@streamlayer/sdk-web-interfaces";
8
8
  import "@streamlayer/sdk-web-notifications";
9
9
  import "@streamlayer/feature-gamification";
10
- import { S as l } from "../provider-a48a64e8.js";
11
- import { S as q, u as w } from "../app-7d2366e2.js";
10
+ import { S as l } from "../provider-a6b36c89.js";
11
+ import { S as q, u as w } from "../app-43e52907.js";
12
12
  import "react/jsx-runtime";
13
13
  import "react";
14
14
  import "react-auth-code-input";
package/lib/es/masters.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as t, jsxs as c, Fragment as g } from "react/jsx-runtime";
2
- import { s as o, Y as y, o as E, X as C, f as Q, C as w, u as F, v as O, h as b, p as R, d as M, j as q, e as G, S as H, a as N, b as j } from "../provider-a48a64e8.js";
2
+ import { s as o, Y as y, o as E, X as w, f as C, x as Q, u as F, v as O, h as b, p as R, d as M, j as q, e as G, S as H, a as N, b as j } from "../provider-a6b36c89.js";
3
3
  import { useState as h, useMemo as B, useCallback as D, useEffect as L, useContext as P } from "react";
4
4
  import { QuestionType as T, FeatureType as A } from "@streamlayer/sdk-web-types";
5
5
  import { useStore as d } from "@nanostores/react";
@@ -123,7 +123,7 @@ const le = /* @__PURE__ */ o("div")({
123
123
  children: [/* @__PURE__ */ t(ae, {
124
124
  close: s,
125
125
  type: (e == null ? void 0 : e.type) || T.UNSET
126
- }), e && /* @__PURE__ */ t(C, {
126
+ }), e && /* @__PURE__ */ t(w, {
127
127
  vote: n,
128
128
  openedQuestion: e
129
129
  }), /* @__PURE__ */ t(ie, {
@@ -136,8 +136,8 @@ const le = /* @__PURE__ */ o("div")({
136
136
  r(i);
137
137
  };
138
138
  return /* @__PURE__ */ c(g, { children: [
139
- n && /* @__PURE__ */ t(Q, { comeBack: () => a(null), ...n }),
140
- !n && /* @__PURE__ */ t(w, { fetchMore: e.fetchMore, items: s, openItemDetail: a })
139
+ n && /* @__PURE__ */ t(C, { comeBack: () => a(null), ...n }),
140
+ !n && /* @__PURE__ */ t(Q, { fetchMore: e.fetchMore, items: s, openItemDetail: a })
141
141
  ] });
142
142
  }, pe = ({ store: e, openQuestion: s }) => {
143
143
  const n = d(e);
@@ -247,30 +247,30 @@ const Ie = () => y, _e = /* @__PURE__ */ o(Ie())({
247
247
  })
248
248
  });
249
249
  };
250
- const Ee = () => y, Ce = /* @__PURE__ */ o(Ee())({
250
+ const Ee = () => y, we = /* @__PURE__ */ o(Ee())({
251
251
  name: "n",
252
252
  class: "ntav86o",
253
253
  propsAsIs: !0
254
- }), k = "leaderboard", Qe = (e) => {
254
+ }), k = "leaderboard", Ce = (e) => {
255
255
  var s;
256
256
  return /* @__PURE__ */ t(I, {
257
257
  ...e,
258
258
  label: "Leader Board",
259
259
  id: "leaderboard",
260
- icon: /* @__PURE__ */ t(Ce, {
260
+ icon: /* @__PURE__ */ t(we, {
261
261
  name: "icon-btn-leaderboard",
262
262
  "data-selected": (s = e.active) == null ? void 0 : s.toString()
263
263
  })
264
264
  });
265
265
  };
266
- const we = /* @__PURE__ */ o("div")({
266
+ const Qe = /* @__PURE__ */ o("div")({
267
267
  name: "n",
268
268
  class: "n1rlvhvz",
269
269
  propsAsIs: !1
270
270
  }), Fe = ({
271
271
  children: e,
272
272
  className: s
273
- }) => /* @__PURE__ */ t(we, {
273
+ }) => /* @__PURE__ */ t(Qe, {
274
274
  className: s,
275
275
  children: e
276
276
  });
@@ -291,7 +291,7 @@ const Oe = () => Fe, Re = /* @__PURE__ */ o(Oe())({
291
291
  }
292
292
  ),
293
293
  /* @__PURE__ */ t(
294
- Qe,
294
+ Ce,
295
295
  {
296
296
  active: e === k,
297
297
  onClick: () => s(k)
package/lib/es/points.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as m, jsx as t } from "react/jsx-runtime";
2
2
  import { FeatureType as n } from "@streamlayer/sdk-web-types";
3
3
  import { useMemo as p } from "react";
4
- import { s, Y as l, c } from "../provider-a48a64e8.js";
4
+ import { s, Y as l, c } from "../provider-a6b36c89.js";
5
5
  import "react-auth-code-input";
6
6
  import "react-phone-number-input";
7
7
  import "@connectrpc/connect";
@@ -14,7 +14,7 @@ import "@streamlayer/sdk-web-api";
14
14
  import "@streamlayer/sdk-web-storage";
15
15
  import { useStore as a } from "@nanostores/react";
16
16
  import "@streamlayer/sdk-web-notifications";
17
- import { u } from "../app-7d2366e2.js";
17
+ import { u } from "../app-43e52907.js";
18
18
  import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
19
19
  import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
20
20
  import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";