@streamlayer/react 0.26.0 → 0.26.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 +1 @@
1
- "use strict";const r=require("react/jsx-runtime"),i=require("react"),e=require("./index-7542e06a.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:t}=i.useContext(e.StreamLayerContext);return t},u=()=>{const{sdk:t,status:a}=i.useContext(e.StreamLayerContext);if(a===e.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===e.StreamLayerStatus.CONNECTED?r.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?r.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):r.jsx("div",{className:"StreamLayerSDK",children:r.jsx(e.p,{children:r.jsx(e.gr,{sdk:t})})})};exports.StreamLayerSDKReact=u;exports.useStreamLayer=s;
1
+ "use strict";const r=require("react/jsx-runtime"),i=require("react"),e=require("./index-e2714a2f.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:t}=i.useContext(e.StreamLayerContext);return t},u=()=>{const{sdk:t,status:a}=i.useContext(e.StreamLayerContext);if(a===e.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===e.StreamLayerStatus.CONNECTED?r.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?r.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):r.jsx("div",{className:"StreamLayerSDK",children:r.jsx(e.p,{children:r.jsx(e.Sr,{sdk:t})})})};exports.StreamLayerSDKReact=u;exports.useStreamLayer=s;
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { useContext as i } from "react";
3
- import { a as m, b as a, p as o, g as s } from "./index-98996b43.js";
3
+ import { a as m, b as a, p as o, c as s } from "./index-98298310.js";
4
4
  import "react-auth-code-input";
5
5
  import "react-phone-number-input";
6
6
  import "@connectrpc/connect";
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-5daf0c14.cjs");require("react/jsx-runtime");require("../index-7542e06a.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("react-countdown-circle-timer");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("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-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-037724c5.cjs");require("react/jsx-runtime");require("../index-e2714a2f.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("react-countdown-circle-timer");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("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-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("../index-7542e06a.cjs"),e=require("../app-5daf0c14.cjs");require("react/jsx-runtime");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@nanostores/react");require("react-countdown-circle-timer");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("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-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("../index-e2714a2f.cjs"),e=require("../app-037724c5.cjs");require("react/jsx-runtime");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@nanostores/react");require("react-countdown-circle-timer");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("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-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"),i=require("react"),n=require("../index-7542e06a.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");const y=require("@streamlayer/sdk-web-types"),x=require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const u=require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");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");const b=({feature:e,sdk:t,children:a,className:r})=>{const o=u.useStore(e.status),{slStreamId:l}=u.useStore(t.sdkStore);return l!=null&&l.loading?s.jsx("div",{className:r,children:"event is loading..."}):l!=null&&l.data?o!==x.FeatureStatus.Ready?s.jsx("div",{className:r,children:"wait feature..."}):a:s.jsx("div",{className:r,children:"event is forbidden..."})};const k=()=>g,_=n.styled_default("div")({name:"i",class:"idhrx8x",propsAsIs:!1}),j=n.styled_default("div")({name:"r",class:"r1k6v4ep",propsAsIs:!1}),g=n.styled_default("div")({name:"t",class:"t1v8kucd",propsAsIs:!1}),A=n.styled_default(k())({name:"o",class:"o16yw7z1",propsAsIs:!0});const I=n.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),q=({children:e,style:t,className:a})=>s.jsx(I,{style:t,className:a,children:e});const $=()=>n.Y,N=()=>n.Y,F=n.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),L=n.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),E=n.styled_default($())({name:"p",class:"p14kwh4y",propsAsIs:!0}),C=n.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),O=n.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),R=n.styled_default(N())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),w=({type:e,close:t})=>{const a=n.o[e];return s.jsxs(F,{children:[s.jsxs(L,{children:[(a==null?void 0:a.iconName)&&s.jsx(E,{name:a.iconName}),(a==null?void 0:a.label)&&s.jsx(C,{children:a.label})]}),s.jsx(O,{onClick:t,children:s.jsx(R,{name:"icon-cross"})})]})};const M=n.styled_default("div")({name:"r",class:"ruyb9yw",propsAsIs:!1}),Q=n.styled_default("img")({name:"i",class:"imbcgl0",propsAsIs:!1}),G=({sponsorLogo:e})=>e&&s.jsx(M,{children:s.jsx(Q,{alt:"sponsor-logo",src:e})});const T=n.styled_default("div")({name:"x",class:"xk8r1eq",propsAsIs:!1}),H=({openedQuestion:e,closeQuestion:t,vote:a})=>{var r;return s.jsxs(T,{children:[s.jsx(w,{close:t,type:(e==null?void 0:e.type)||y.QuestionType.UNSET}),e&&s.jsx(n.X,{vote:a,openedQuestion:e}),s.jsx(G,{sponsorLogo:(r=e==null?void 0:e.sponsorship)==null?void 0:r.logo})]})},D=({leaderboardList:e})=>{const{data:t}=u.useStore(e.$store),[a,r]=i.useState(void 0),o=l=>{const c=t.find(d=>d.userId===l);r(c)};return s.jsxs(s.Fragment,{children:[a&&s.jsx(n.f$1,{comeBack:()=>o(null),...a}),!a&&s.jsx(n.x,{fetchMore:e.fetchMore,items:t,openItemDetail:o})]})},P=({store:e,openQuestion:t})=>{const a=u.useStore(e);return a!=null&&a.data?s.jsx(n.u,{openQuestion:t,questions:a.data}):s.jsx("div",{children:"wait questions..."})},Y=({store:e})=>{const{data:t}=u.useStore(e);return t!=null&&t.summary?s.jsx(n.v,{...t.summary,...t.percentage}):s.jsx("div",{children:"wait user..."})},B=({gamification:e})=>{const[t,a]=i.useState(n.h.HOME);return s.jsxs(s.Fragment,{children:[s.jsxs(A,{children:[s.jsx(n.p$1,{activePage:t,toggleActivePage:a}),t===n.h.HOME&&s.jsx(Y,{store:e.userSummary.getStore()})]}),t===n.h.HOME&&s.jsx(g,{children:s.jsx(P,{openQuestion:e.openQuestion,store:e.questions.getStore()})}),t===n.h.LEADERBOARD&&s.jsx(g,{style:{flex:"1 1 auto"},children:s.jsx(D,{leaderboardList:e.leaderboardList})})]})};const z=()=>q,W=n.styled_default(z())({name:"c",class:"c1ph66cs",propsAsIs:!0}),K=({gamification:e,className:t})=>{const{loading:a,data:r}=u.useStore(e.openedQuestion);return s.jsxs(s.Fragment,{children:[(a||r)&&s.jsx(W,{className:t,children:s.jsx(H,{closeQuestion:e.closeQuestion,vote:e.submitAnswer,openedQuestion:r})}),s.jsx(j,{className:t,"data-nav":"true",style:{display:"flex",flexDirection:"column"},children:s.jsx(B,{gamification:e})})]})},U=({highlights:e,className:t})=>{const a=u.useStore(e.openedInsight);return s.jsxs(s.Fragment,{children:[!a&&e.insights&&s.jsx(n.c,{className:t,highlights:e,store:e.insights.getStore()}),a&&s.jsx(n.x$1,{className:t,openedInsight:a,closeHighlights:e.closeFeature,closeInsight:e.closeHighlight})]})},X=({sdk:e,feature:t,className:a})=>i.useMemo(()=>t?t.featureConfig.get().type===y.FeatureType.GAMES?s.jsx(b,{className:a,sdk:e,feature:t,children:s.jsx(K,{className:a,gamification:t,sdk:e})}):t.featureConfig.get().type===y.FeatureType.HIGHLIGHTS?s.jsx(b,{className:a,sdk:e,feature:t,children:s.jsx(U,{className:a,highlights:t,sdk:e})}):null:null,[e,t]);const J=n.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),V=n.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),Z=n.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),S=({disabled:e,active:t,onClick:a,label:r,icon:o})=>s.jsx(J,{onClick:a,disabled:e,"data-selected":t,children:s.jsxs(s.Fragment,{children:[o&&s.jsx(V,{children:o}),s.jsx(Z,{children:r})]})});const ee=()=>n.Y,se=n.styled_default(ee())({name:"a",class:"a10lggiw",propsAsIs:!0}),f="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=()=>n.Y,ne=n.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=()=>n.Y,oe=n.styled_default(le())({name:"n",class:"ntav86o",propsAsIs:!0}),v="leaderboard",ce=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=n.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),de=({children:e,className:t})=>s.jsx(ie,{className:t,children:e});const ue=()=>de,pe=n.styled_default(ue())({name:"n",class:"n9bnom",propsAsIs:!0}),me=({activeOverlay:e,setActiveOverlay:t,sdkReady:a,className:r})=>s.jsxs(pe,{className:r,children:[s.jsx(te,{active:e===f,onClick:()=>t(f)}),s.jsx(re,{active:e===p,disabled:!a,onClick:()=>{t(p)}}),s.jsx(ce,{active:e===v,onClick:()=>t(v)})]}),xe=e=>{const[t,a]=i.useState(!1),r=u.useStore(e.status)==="ready",[o,l]=i.useState(p),c=i.useCallback((d,m)=>{l(m),m===p?(d&&e.createEventSession(d),e.openFeature(y.FeatureType.GAMES)):e.closeFeature()},[e]);return i.useEffect(()=>{!r&&o===p&&(l(f),e.closeFeature())},[r,o,e]),{sdkEnabled:t,sdkReady:r,activeOverlay:o,activateAndLoadOverlay:c,enableSdk:d=>{e.initializeApp().then(({enabled:m,err:h})=>{if(a(!0),h){c(d,f);return}if(m){c(d,p);return}})},disableSdk:()=>{a(!1),e.disableApp()}}},fe=e=>{const t=u.useStore(e.getActiveFeature()),[a,r]=i.useState(null);return i.useEffect(()=>{const o=e.getFeatures();if(t)for(const[l,c]of o)l===t?c.status.get()===x.FeatureStatus.Suspended&&(c.enable(),r(c)):c.status.get()===x.FeatureStatus.Ready&&c.disable();else{for(const[,l]of o)l.status.get()===x.FeatureStatus.Ready&&l.disable();r(null)}return()=>{for(const[,l]of o)l.status.get()===x.FeatureStatus.Ready&&l.disable()}},[t,e]),[t,a]},ye=({sdk:e,className:t})=>{const[,a]=fe(e);return s.jsx(X,{className:t,feature:a,sdk:e})},ve=({sdk:e,overlays:t,children:a})=>{const{sdkEnabled:r,sdkReady:o,activeOverlay:l,activateAndLoadOverlay:c,enableSdk:d,disableSdk:m}=xe(e);return s.jsxs(_,{children:[r&&s.jsx(me,{sdkReady:o,activeOverlay:l,className:n.f,setActiveOverlay:h=>c("",h)}),s.jsx(j,{"data-nav":r.toString(),style:{display:!r||l===f?"block":"none"},children:a&&a({enableSdk:d,disableSdk:m})}),s.jsx(j,{"data-nav":r.toString(),style:{display:l===v?"block":"none"},children:t&&l===v&&t[l]}),r&&l===p&&s.jsx(ye,{className:n.f,sdk:e})]})},he=({sdkKey:e,plugins:t,children:a,production:r=!0})=>s.jsx(n.StreamLayerProvider,{sdkKey:e,plugins:t,production:r,autoEnable:!1,children:a}),je=({children:e,overlays:t})=>{const{sdk:a,status:r}=i.useContext(n.StreamLayerContext);if(r===n.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(n.p,{children:s.jsx(ve,{sdk:a,overlays:t,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"),i=require("react"),n=require("../index-e2714a2f.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");const y=require("@streamlayer/sdk-web-types"),x=require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const u=require("@nanostores/react");require("@streamlayer/sdk-web-notifications");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");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");const g=({feature:e,sdk:t,children:a,className:r})=>{const o=u.useStore(e.status),{slStreamId:l}=u.useStore(t.sdkStore);return l!=null&&l.loading?s.jsx("div",{className:r,children:"event is loading..."}):l!=null&&l.data?o!==x.FeatureStatus.Ready?s.jsx("div",{className:r,children:"wait feature..."}):a:s.jsx("div",{className:r,children:"event is forbidden..."})};const S=n.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),b=({children:e,style:t,className:a})=>s.jsx(S,{style:t,className:a,children:e});const k=()=>n.q,_=()=>n.q,q=n.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),A=n.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),N=n.styled_default(k())({name:"p",class:"p14kwh4y",propsAsIs:!0}),I=n.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),$=n.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),F=n.styled_default(_())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),L=({type:e,close:t})=>{const a=n.o[e];return s.jsxs(q,{children:[s.jsxs(A,{children:[(a==null?void 0:a.iconName)&&s.jsx(N,{name:a.iconName}),(a==null?void 0:a.label)&&s.jsx(I,{children:a.label})]}),s.jsx($,{onClick:t,children:s.jsx(F,{name:"icon-cross"})})]})};const E=n.styled_default("div")({name:"r",class:"ruyb9yw",propsAsIs:!1}),C=n.styled_default("img")({name:"i",class:"imbcgl0",propsAsIs:!1}),O=({sponsorLogo:e})=>e&&s.jsx(E,{children:s.jsx(C,{alt:"sponsor-logo",src:e})});const R=n.styled_default("div")({name:"x",class:"xk8r1eq",propsAsIs:!1}),M=({openedQuestion:e,closeQuestion:t,vote:a})=>{var r;return s.jsxs(R,{children:[s.jsx(L,{close:t,type:(e==null?void 0:e.type)||y.QuestionType.UNSET}),e&&s.jsx(n.Y,{vote:a,openedQuestion:e}),s.jsx(O,{sponsorLogo:(r=e==null?void 0:e.sponsorship)==null?void 0:r.logo})]})},Q=({leaderboardList:e})=>{const{data:t}=u.useStore(e.$store),[a,r]=i.useState(void 0),o=l=>{const c=t.find(d=>d.userId===l);r(c)};return s.jsxs(s.Fragment,{children:[a&&s.jsx(n.f$1,{comeBack:()=>o(null),...a}),!a&&s.jsx(n.x,{fetchMore:e.fetchMore,items:t,openItemDetail:o})]})},w=({store:e,openQuestion:t})=>{const a=u.useStore(e);return a!=null&&a.data?s.jsx(n.u,{openQuestion:t,questions:a.data}):s.jsx("div",{children:"wait questions..."})},G=({store:e})=>{const{data:t}=u.useStore(e);return t!=null&&t.summary?s.jsx(n.v,{...t.summary,...t.percentage}):s.jsx("div",{children:"wait user..."})},T=({gamification:e})=>{const[t,a]=i.useState(n.h.HOME);return s.jsxs(s.Fragment,{children:[s.jsxs(n.e,{children:[s.jsx(n.p$1,{activePage:t,toggleActivePage:a}),t===n.h.HOME&&s.jsx(G,{store:e.userSummary.getStore()})]}),t===n.h.HOME&&s.jsx(n.a$1,{children:s.jsx(w,{openQuestion:e.openQuestion,store:e.questions.getStore()})}),t===n.h.LEADERBOARD&&s.jsx(n.a$1,{style:{flex:"1 1 auto"},children:s.jsx(Q,{leaderboardList:e.leaderboardList})})]})};const D=()=>b,H=n.styled_default(D())({name:"c",class:"c1ph66cs",propsAsIs:!0}),P=({gamification:e,className:t})=>{const{loading:a,data:r}=u.useStore(e.openedQuestion);return s.jsxs(s.Fragment,{children:[(a||r)&&s.jsx(H,{className:t,children:s.jsx(M,{closeQuestion:e.closeQuestion,vote:e.submitAnswer,openedQuestion:r})}),s.jsx(n.r,{className:t,"data-nav":"true",style:{display:"flex",flexDirection:"column"},children:s.jsx(T,{gamification:e})})]})},B=({highlights:e,className:t})=>{const a=u.useStore(e.openedInsight);return s.jsxs(s.Fragment,{children:[!a&&e.insights&&s.jsx(n.c,{className:t,highlights:e,store:e.insights.getStore()}),a&&s.jsx(n.x$1,{className:t,openedInsight:a,closeHighlights:e.closeFeature,closeInsight:e.closeHighlight})]})},W=({sdk:e,feature:t,className:a})=>i.useMemo(()=>t?t.featureConfig.get().type===y.FeatureType.GAMES?s.jsx(g,{className:a,sdk:e,feature:t,children:s.jsx(P,{className:a,gamification:t,sdk:e})}):t.featureConfig.get().type===y.FeatureType.HIGHLIGHTS?s.jsx(g,{className:a,sdk:e,feature:t,children:s.jsx(B,{className:a,highlights:t,sdk:e})}):null:null,[e,t]);const z=n.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),K=n.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),U=n.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),v=({disabled:e,active:t,onClick:a,label:r,icon:o})=>s.jsx(z,{onClick:a,disabled:e,"data-selected":t,children:s.jsxs(s.Fragment,{children:[o&&s.jsx(K,{children:o}),s.jsx(U,{children:r})]})});const Y=()=>n.q,J=n.styled_default(Y())({name:"a",class:"a10lggiw",propsAsIs:!0}),f="channels",V=e=>{var t;return s.jsx(v,{...e,id:"channels",label:"Channels",icon:s.jsx(J,{name:"icon-btn-channels","data-selected":(t=e.active)==null?void 0:t.toString()})})};const X=()=>n.q,Z=n.styled_default(X())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),p="featuredGroups",ee=e=>{var t;return s.jsx(v,{...e,label:"FG+",id:"featuredGroups",icon:s.jsx(Z,{name:"icon-btn-feature-groups","data-selected":(t=e.active)==null?void 0:t.toString()})})};const se=()=>n.q,te=n.styled_default(se())({name:"n",class:"ntav86o",propsAsIs:!0}),h="leaderboard",ae=e=>{var t;return s.jsx(v,{...e,label:"Leader Board",id:"leaderboard",icon:s.jsx(te,{name:"icon-btn-leaderboard","data-selected":(t=e.active)==null?void 0:t.toString()})})};const ne=n.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),re=({children:e,className:t})=>s.jsx(ne,{className:t,children:e});const le=()=>re,oe=n.styled_default(le())({name:"n",class:"n9bnom",propsAsIs:!0}),ce=({activeOverlay:e,setActiveOverlay:t,sdkReady:a,className:r})=>s.jsxs(oe,{className:r,children:[s.jsx(V,{active:e===f,onClick:()=>t(f)}),s.jsx(ee,{active:e===p,disabled:!a,onClick:()=>{t(p)}}),s.jsx(ae,{active:e===h,onClick:()=>t(h)})]}),ie=e=>{const[t,a]=i.useState(!1),r=u.useStore(e.status)==="ready",[o,l]=i.useState(p),c=i.useCallback((d,m)=>{l(m),m===p?(d&&e.createEventSession(d),e.openFeature(y.FeatureType.GAMES)):e.closeFeature()},[e]);return i.useEffect(()=>{!r&&o===p&&(l(f),e.closeFeature())},[r,o,e]),{sdkEnabled:t,sdkReady:r,activeOverlay:o,activateAndLoadOverlay:c,enableSdk:d=>{e.initializeApp().then(({enabled:m,err:j})=>{if(a(!0),j){c(d,f);return}if(m){c(d,p);return}})},disableSdk:()=>{a(!1),e.disableApp()}}},de=e=>{const t=u.useStore(e.getActiveFeature()),[a,r]=i.useState(null);return i.useEffect(()=>{const o=e.getFeatures();if(t)for(const[l,c]of o)l===t?c.status.get()===x.FeatureStatus.Suspended&&(c.enable(),r(c)):c.status.get()===x.FeatureStatus.Ready&&c.disable();else{for(const[,l]of o)l.status.get()===x.FeatureStatus.Ready&&l.disable();r(null)}return()=>{for(const[,l]of o)l.status.get()===x.FeatureStatus.Ready&&l.disable()}},[t,e]),[t,a]},ue=({sdk:e,className:t})=>{const[,a]=de(e);return s.jsx(W,{className:t,feature:a,sdk:e})},pe=({sdk:e,overlays:t,children:a})=>{const{sdkEnabled:r,sdkReady:o,activeOverlay:l,activateAndLoadOverlay:c,enableSdk:d,disableSdk:m}=ie(e);return s.jsxs(n.i,{children:[r&&s.jsx(ce,{sdkReady:o,activeOverlay:l,className:n.f,setActiveOverlay:j=>c("",j)}),s.jsx(n.r,{"data-nav":r.toString(),style:{display:!r||l===f?"block":"none"},children:a&&a({enableSdk:d,disableSdk:m})}),s.jsx(n.r,{"data-nav":r.toString(),style:{display:l===h?"block":"none"},children:t&&l===h&&t[l]}),r&&l===p&&s.jsx(ue,{className:n.f,sdk:e})]})},me=({sdkKey:e,plugins:t,children:a,production:r=!0})=>s.jsx(n.StreamLayerProvider,{sdkKey:e,plugins:t,production:r,autoEnable:!1,children:a}),xe=({children:e,overlays:t})=>{const{sdk:a,status:r}=i.useContext(n.StreamLayerContext);if(r===n.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a?s.jsx("div",{className:"StreamLayerSDK",children:s.jsx(n.p,{children:s.jsx(pe,{sdk:a,overlays:t,children:e})})}):e({})};exports.MastersStreamLayerProvider=me;exports.MastersStreamLayerSDKReact=xe;
package/lib/cjs/points.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@streamlayer/sdk-web-types"),o=require("react"),s=require("../index-7542e06a.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-5daf0c14.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");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");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:r})=>e.jsxs(d,{className:s.f,children:[e.jsx(m,{children:e.jsx(p,{name:"icon-trophy"})}),e.jsxs(q,{children:[e.jsx(y,{children:"Total points"}),e.jsx(f,{children:s.a(r)})]})]}),x=({userSummary:r})=>{var a,t;const i=n.useStore(r.getStore());return((t=(a=i.data)==null?void 0:a.summary)==null?void 0:t.points)===void 0?null:e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(s.p,{children:e.jsx(S,{points:i.data.summary.points})})})},j=({sdk:r})=>{const{organizationSettings:i,streamSettings:a}=n.useStore(r.sdkStore),t=o.useMemo(()=>r.getFeature(u.FeatureType.GAMES),[r,i,a]);return t?e.jsx(x,{userSummary:t.userSummary}):null},h=()=>{const r=l.useStreamLayer();return r?e.jsx(j,{sdk:r}):null};exports.StreamLayerSDKPoints=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("@streamlayer/sdk-web-types"),o=require("react"),s=require("../index-e2714a2f.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-037724c5.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");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");const c=()=>s.q,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:r})=>e.jsxs(d,{className:s.f,children:[e.jsx(m,{children:e.jsx(p,{name:"icon-trophy"})}),e.jsxs(q,{children:[e.jsx(y,{children:"Total points"}),e.jsx(f,{children:s.a(r)})]})]}),x=({userSummary:r})=>{var a,t;const i=n.useStore(r.getStore());return((t=(a=i.data)==null?void 0:a.summary)==null?void 0:t.points)===void 0?null:e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(s.p,{children:e.jsx(S,{points:i.data.summary.points})})})},j=({sdk:r})=>{const{organizationSettings:i,streamSettings:a}=n.useStore(r.sdkStore),t=o.useMemo(()=>r.getFeature(u.FeatureType.GAMES),[r,i,a]);return t?e.jsx(x,{userSummary:t.userSummary}):null},h=()=>{const r=l.useStreamLayer();return r?e.jsx(j,{sdk:r}):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-4f52ea4a.js";
2
+ import { u as m } from "../app-215a7e7d.js";
3
3
  import "react/jsx-runtime";
4
- import "../index-98996b43.js";
4
+ import "../index-98298310.js";
5
5
  import "./useStreamLayerApp.js";
6
6
  import "@streamlayer/sdk-web";
7
7
  import "@streamlayer/sdk-web-interfaces";
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 "../index-98996b43.js";
11
- import { S as q, u as w } from "../app-4f52ea4a.js";
10
+ import { S as l } from "../index-98298310.js";
11
+ import { S as q, u as w } from "../app-215a7e7d.js";
12
12
  import "react/jsx-runtime";
13
13
  import "react";
14
14
  import "./useStreamLayerApp.js";
package/lib/es/masters.js CHANGED
@@ -1,14 +1,14 @@
1
- import { jsx as a, jsxs as i, Fragment as g } from "react/jsx-runtime";
2
- import { useState as h, useMemo as E, useCallback as C, useEffect as L, useContext as w } from "react";
3
- import { s as r, Y as y, o as O, X as Q, d as R, x as F, u as M, v as q, h as b, e as G, i as H, j, f as N, S as D, a as B, b as P, p as T } from "../index-98996b43.js";
1
+ import { jsx as a, jsxs as c, Fragment as g } from "react/jsx-runtime";
2
+ import { useState as v, useMemo as E, useCallback as C, useEffect as L, useContext as O } from "react";
3
+ import { s as r, q as y, o as Q, Y as w, e as R, x as F, u as M, v as q, h as b, g as G, i as H, j as N, r as $, k as D, l as j, m as P, f as I, S as T, a as B, b as z, p as Y } from "../index-98298310.js";
4
4
  import "react-auth-code-input";
5
5
  import "react-phone-number-input";
6
6
  import "@connectrpc/connect";
7
7
  import "@connectrpc/connect-web";
8
8
  import "@streamlayer/sl-eslib/users/users_connect";
9
9
  import "react-countdown-circle-timer";
10
- import { QuestionType as z, FeatureType as A } from "@streamlayer/sdk-web-types";
11
- import { FeatureStatus as v } from "@streamlayer/sdk-web-interfaces";
10
+ import { QuestionType as K, FeatureType as x } from "@streamlayer/sdk-web-types";
11
+ import { FeatureStatus as h } from "@streamlayer/sdk-web-interfaces";
12
12
  import "@streamlayer/sdk-web-features";
13
13
  import "@streamlayer/sdk-web-api";
14
14
  import "@streamlayer/sdk-web-storage";
@@ -23,84 +23,67 @@ import "@streamlayer/sl-eslib/sports/events/events_connect";
23
23
  import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
24
24
  const _ = ({ feature: e, sdk: s, children: t, className: n }) => {
25
25
  const l = p(e.status), { slStreamId: o } = p(s.sdkStore);
26
- return o != null && o.loading ? /* @__PURE__ */ a("div", { className: n, children: "event is loading..." }) : o != null && o.data ? l !== v.Ready ? /* @__PURE__ */ a("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ a("div", { className: n, children: "event is forbidden..." });
26
+ return o != null && o.loading ? /* @__PURE__ */ a("div", { className: n, children: "event is loading..." }) : o != null && o.data ? l !== h.Ready ? /* @__PURE__ */ a("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ a("div", { className: n, children: "event is forbidden..." });
27
27
  };
28
- const Y = () => x, K = /* @__PURE__ */ r("div")({
29
- name: "i",
30
- class: "idhrx8x",
31
- propsAsIs: !1
32
- }), $ = /* @__PURE__ */ r("div")({
33
- name: "r",
34
- class: "r1k6v4ep",
35
- propsAsIs: !1
36
- }), x = /* @__PURE__ */ r("div")({
37
- name: "t",
38
- class: "t1v8kucd",
39
- propsAsIs: !1
40
- }), U = /* @__PURE__ */ r(Y())({
41
- name: "o",
42
- class: "o16yw7z1",
43
- propsAsIs: !0
44
- });
45
- const W = /* @__PURE__ */ r("div")({
28
+ const U = /* @__PURE__ */ r("div")({
46
29
  name: "n",
47
30
  class: "n1aopxp8",
48
31
  propsAsIs: !1
49
- }), X = ({
32
+ }), W = ({
50
33
  children: e,
51
34
  style: s,
52
35
  className: t
53
- }) => /* @__PURE__ */ a(W, {
36
+ }) => /* @__PURE__ */ a(U, {
54
37
  style: s,
55
38
  className: t,
56
39
  children: e
57
40
  });
58
- const J = () => y, V = () => y, Z = /* @__PURE__ */ r("div")({
41
+ const J = () => y, V = () => y, X = /* @__PURE__ */ r("div")({
59
42
  name: "a",
60
43
  class: "acysrl1",
61
44
  propsAsIs: !1
62
- }), ee = /* @__PURE__ */ r("div")({
45
+ }), Z = /* @__PURE__ */ r("div")({
63
46
  name: "l",
64
47
  class: "lo57cjm",
65
48
  propsAsIs: !1
66
- }), se = /* @__PURE__ */ r(J())({
49
+ }), ee = /* @__PURE__ */ r(J())({
67
50
  name: "p",
68
51
  class: "p14kwh4y",
69
52
  propsAsIs: !0
70
- }), ae = /* @__PURE__ */ r("span")({
53
+ }), se = /* @__PURE__ */ r("span")({
71
54
  name: "s",
72
55
  class: "sxun7sq",
73
56
  propsAsIs: !1
74
- }), te = /* @__PURE__ */ r("button")({
57
+ }), ae = /* @__PURE__ */ r("button")({
75
58
  name: "c",
76
59
  class: "c1i8ida8",
77
60
  propsAsIs: !1
78
- }), ne = /* @__PURE__ */ r(V())({
61
+ }), te = /* @__PURE__ */ r(V())({
79
62
  name: "g",
80
63
  class: "g1m0xfmw",
81
64
  propsAsIs: !0
82
- }), oe = ({ type: e, close: s }) => {
83
- const t = O[e];
84
- return /* @__PURE__ */ i(Z, { children: [
85
- /* @__PURE__ */ i(ee, { children: [
86
- (t == null ? void 0 : t.iconName) && /* @__PURE__ */ a(se, { name: t.iconName }),
87
- (t == null ? void 0 : t.label) && /* @__PURE__ */ a(ae, { children: t.label })
65
+ }), ne = ({ type: e, close: s }) => {
66
+ const t = Q[e];
67
+ return /* @__PURE__ */ c(X, { children: [
68
+ /* @__PURE__ */ c(Z, { children: [
69
+ (t == null ? void 0 : t.iconName) && /* @__PURE__ */ a(ee, { name: t.iconName }),
70
+ (t == null ? void 0 : t.label) && /* @__PURE__ */ a(se, { children: t.label })
88
71
  ] }),
89
- /* @__PURE__ */ a(te, { onClick: s, children: /* @__PURE__ */ a(ne, { name: "icon-cross" }) })
72
+ /* @__PURE__ */ a(ae, { onClick: s, children: /* @__PURE__ */ a(te, { name: "icon-cross" }) })
90
73
  ] });
91
74
  };
92
- const re = /* @__PURE__ */ r("div")({
75
+ const oe = /* @__PURE__ */ r("div")({
93
76
  name: "r",
94
77
  class: "ruyb9yw",
95
78
  propsAsIs: !1
96
- }), le = /* @__PURE__ */ r("img")({
79
+ }), re = /* @__PURE__ */ r("img")({
97
80
  name: "i",
98
81
  class: "imbcgl0",
99
82
  propsAsIs: !1
100
- }), ce = ({
83
+ }), le = ({
101
84
  sponsorLogo: e
102
- }) => e && /* @__PURE__ */ a(re, {
103
- children: /* @__PURE__ */ a(le, {
85
+ }) => e && /* @__PURE__ */ a(oe, {
86
+ children: /* @__PURE__ */ a(re, {
104
87
  alt: "sponsor-logo",
105
88
  src: e
106
89
  })
@@ -109,54 +92,54 @@ const ie = /* @__PURE__ */ r("div")({
109
92
  name: "x",
110
93
  class: "xk8r1eq",
111
94
  propsAsIs: !1
112
- }), de = ({
95
+ }), ce = ({
113
96
  openedQuestion: e,
114
97
  closeQuestion: s,
115
98
  vote: t
116
99
  }) => {
117
100
  var n;
118
- return /* @__PURE__ */ i(ie, {
119
- children: [/* @__PURE__ */ a(oe, {
101
+ return /* @__PURE__ */ c(ie, {
102
+ children: [/* @__PURE__ */ a(ne, {
120
103
  close: s,
121
- type: (e == null ? void 0 : e.type) || z.UNSET
122
- }), e && /* @__PURE__ */ a(Q, {
104
+ type: (e == null ? void 0 : e.type) || K.UNSET
105
+ }), e && /* @__PURE__ */ a(w, {
123
106
  vote: t,
124
107
  openedQuestion: e
125
- }), /* @__PURE__ */ a(ce, {
108
+ }), /* @__PURE__ */ a(le, {
126
109
  sponsorLogo: (n = e == null ? void 0 : e.sponsorship) == null ? void 0 : n.logo
127
110
  })]
128
111
  });
129
- }, pe = ({ leaderboardList: e }) => {
130
- const { data: s } = p(e.$store), [t, n] = h(void 0), l = (o) => {
131
- const c = s.find((d) => d.userId === o);
132
- n(c);
112
+ }, de = ({ leaderboardList: e }) => {
113
+ const { data: s } = p(e.$store), [t, n] = v(void 0), l = (o) => {
114
+ const i = s.find((d) => d.userId === o);
115
+ n(i);
133
116
  };
134
- return /* @__PURE__ */ i(g, { children: [
117
+ return /* @__PURE__ */ c(g, { children: [
135
118
  t && /* @__PURE__ */ a(R, { comeBack: () => l(null), ...t }),
136
119
  !t && /* @__PURE__ */ a(F, { fetchMore: e.fetchMore, items: s, openItemDetail: l })
137
120
  ] });
138
- }, ue = ({ store: e, openQuestion: s }) => {
121
+ }, pe = ({ store: e, openQuestion: s }) => {
139
122
  const t = p(e);
140
123
  return t != null && t.data ? /* @__PURE__ */ a(M, { openQuestion: s, questions: t.data }) : /* @__PURE__ */ a("div", { children: "wait questions..." });
141
- }, me = ({ store: e }) => {
124
+ }, ue = ({ store: e }) => {
142
125
  const { data: s } = p(e);
143
126
  return s != null && s.summary ? /* @__PURE__ */ a(q, { ...s.summary, ...s.percentage }) : /* @__PURE__ */ a("div", { children: "wait user..." });
144
- }, ve = ({ gamification: e }) => {
145
- const [s, t] = h(b.HOME);
146
- return /* @__PURE__ */ i(g, { children: [
147
- /* @__PURE__ */ i(U, { children: [
148
- /* @__PURE__ */ a(G, { activePage: s, toggleActivePage: t }),
149
- s === b.HOME && /* @__PURE__ */ a(me, { store: e.userSummary.getStore() })
127
+ }, me = ({ gamification: e }) => {
128
+ const [s, t] = v(b.HOME);
129
+ return /* @__PURE__ */ c(g, { children: [
130
+ /* @__PURE__ */ c(G, { children: [
131
+ /* @__PURE__ */ a(H, { activePage: s, toggleActivePage: t }),
132
+ s === b.HOME && /* @__PURE__ */ a(ue, { store: e.userSummary.getStore() })
150
133
  ] }),
151
- s === b.HOME && /* @__PURE__ */ a(x, { children: /* @__PURE__ */ a(ue, { openQuestion: e.openQuestion, store: e.questions.getStore() }) }),
152
- s === b.LEADERBOARD && /* @__PURE__ */ a(x, { style: { flex: "1 1 auto" }, children: /* @__PURE__ */ a(pe, { leaderboardList: e.leaderboardList }) })
134
+ s === b.HOME && /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(pe, { openQuestion: e.openQuestion, store: e.questions.getStore() }) }),
135
+ s === b.LEADERBOARD && /* @__PURE__ */ a(N, { style: { flex: "1 1 auto" }, children: /* @__PURE__ */ a(de, { leaderboardList: e.leaderboardList }) })
153
136
  ] });
154
137
  };
155
- const he = () => X, fe = /* @__PURE__ */ r(he())({
138
+ const he = () => W, ve = /* @__PURE__ */ r(he())({
156
139
  name: "c",
157
140
  class: "c1ph66cs",
158
141
  propsAsIs: !0
159
- }), ge = ({
142
+ }), fe = ({
160
143
  gamification: e,
161
144
  className: s
162
145
  }) => {
@@ -164,10 +147,10 @@ const he = () => X, fe = /* @__PURE__ */ r(he())({
164
147
  loading: t,
165
148
  data: n
166
149
  } = p(e.openedQuestion);
167
- return /* @__PURE__ */ i(g, {
168
- children: [(t || n) && /* @__PURE__ */ a(fe, {
150
+ return /* @__PURE__ */ c(g, {
151
+ children: [(t || n) && /* @__PURE__ */ a(ve, {
169
152
  className: s,
170
- children: /* @__PURE__ */ a(de, {
153
+ children: /* @__PURE__ */ a(ce, {
171
154
  closeQuestion: e.closeQuestion,
172
155
  vote: e.submitAnswer,
173
156
  openedQuestion: n
@@ -179,18 +162,18 @@ const he = () => X, fe = /* @__PURE__ */ r(he())({
179
162
  display: "flex",
180
163
  flexDirection: "column"
181
164
  },
182
- children: /* @__PURE__ */ a(ve, {
165
+ children: /* @__PURE__ */ a(me, {
183
166
  gamification: e
184
167
  })
185
168
  })]
186
169
  });
187
- }, ye = ({
170
+ }, ge = ({
188
171
  highlights: e,
189
172
  className: s
190
173
  }) => {
191
174
  const t = p(e.openedInsight);
192
- return /* @__PURE__ */ i(g, { children: [
193
- !t && e.insights && /* @__PURE__ */ a(H, { className: s, highlights: e, store: e.insights.getStore() }),
175
+ return /* @__PURE__ */ c(g, { children: [
176
+ !t && e.insights && /* @__PURE__ */ a(D, { className: s, highlights: e, store: e.insights.getStore() }),
194
177
  t && /* @__PURE__ */ a(
195
178
  j,
196
179
  {
@@ -201,34 +184,34 @@ const he = () => X, fe = /* @__PURE__ */ r(he())({
201
184
  }
202
185
  )
203
186
  ] });
204
- }, be = ({
187
+ }, ye = ({
205
188
  sdk: e,
206
189
  feature: s,
207
190
  className: t
208
- }) => E(() => s ? s.featureConfig.get().type === A.GAMES ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(ge, { className: t, gamification: s, sdk: e }) }) : s.featureConfig.get().type === A.HIGHLIGHTS ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(ye, { className: t, highlights: s, sdk: e }) }) : null : null, [e, s]);
209
- const ke = /* @__PURE__ */ r("button")({
191
+ }) => E(() => s ? s.featureConfig.get().type === x.GAMES ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(fe, { className: t, gamification: s, sdk: e }) }) : s.featureConfig.get().type === x.HIGHLIGHTS ? /* @__PURE__ */ a(_, { className: t, sdk: e, feature: s, children: /* @__PURE__ */ a(ge, { className: t, highlights: s, sdk: e }) }) : null : null, [e, s]);
192
+ const be = /* @__PURE__ */ r("button")({
210
193
  name: "e",
211
194
  class: "enu64b2",
212
195
  propsAsIs: !1
213
- }), Se = /* @__PURE__ */ r("span")({
196
+ }), ke = /* @__PURE__ */ r("span")({
214
197
  name: "t",
215
198
  class: "tw2meku",
216
199
  propsAsIs: !1
217
- }), Ae = /* @__PURE__ */ r("span")({
200
+ }), Se = /* @__PURE__ */ r("span")({
218
201
  name: "a",
219
202
  class: "aka8vam",
220
203
  propsAsIs: !1
221
- }), I = ({ disabled: e, active: s, onClick: t, label: n, icon: l }) => /* @__PURE__ */ a(ke, { onClick: t, disabled: e, "data-selected": s, children: /* @__PURE__ */ i(g, { children: [
222
- l && /* @__PURE__ */ a(Se, { children: l }),
223
- /* @__PURE__ */ a(Ae, { children: n })
204
+ }), A = ({ disabled: e, active: s, onClick: t, label: n, icon: l }) => /* @__PURE__ */ a(be, { onClick: t, disabled: e, "data-selected": s, children: /* @__PURE__ */ c(g, { children: [
205
+ l && /* @__PURE__ */ a(ke, { children: l }),
206
+ /* @__PURE__ */ a(Se, { children: n })
224
207
  ] }) });
225
208
  const $e = () => y, xe = /* @__PURE__ */ r($e())({
226
209
  name: "a",
227
210
  class: "a10lggiw",
228
211
  propsAsIs: !0
229
- }), f = "channels", Ie = (e) => {
212
+ }), f = "channels", Ae = (e) => {
230
213
  var s;
231
- return /* @__PURE__ */ a(I, {
214
+ return /* @__PURE__ */ a(A, {
232
215
  ...e,
233
216
  id: "channels",
234
217
  label: "Channels",
@@ -238,33 +221,33 @@ const $e = () => y, xe = /* @__PURE__ */ r($e())({
238
221
  })
239
222
  });
240
223
  };
241
- const Ne = () => y, _e = /* @__PURE__ */ r(Ne())({
224
+ const Ne = () => y, Ie = /* @__PURE__ */ r(Ne())({
242
225
  name: "d",
243
226
  class: "d1x5s8ie",
244
227
  propsAsIs: !0
245
- }), u = "featuredGroups", Le = (e) => {
228
+ }), u = "featuredGroups", _e = (e) => {
246
229
  var s;
247
- return /* @__PURE__ */ a(I, {
230
+ return /* @__PURE__ */ a(A, {
248
231
  ...e,
249
232
  label: "FG+",
250
233
  id: "featuredGroups",
251
- icon: /* @__PURE__ */ a(_e, {
234
+ icon: /* @__PURE__ */ a(Ie, {
252
235
  name: "icon-btn-feature-groups",
253
236
  "data-selected": (s = e.active) == null ? void 0 : s.toString()
254
237
  })
255
238
  });
256
239
  };
257
- const Ee = () => y, Ce = /* @__PURE__ */ r(Ee())({
240
+ const Le = () => y, Ee = /* @__PURE__ */ r(Le())({
258
241
  name: "n",
259
242
  class: "ntav86o",
260
243
  propsAsIs: !0
261
- }), k = "leaderboard", we = (e) => {
244
+ }), k = "leaderboard", Ce = (e) => {
262
245
  var s;
263
- return /* @__PURE__ */ a(I, {
246
+ return /* @__PURE__ */ a(A, {
264
247
  ...e,
265
248
  label: "Leader Board",
266
249
  id: "leaderboard",
267
- icon: /* @__PURE__ */ a(Ce, {
250
+ icon: /* @__PURE__ */ a(Ee, {
268
251
  name: "icon-btn-leaderboard",
269
252
  "data-selected": (s = e.active) == null ? void 0 : s.toString()
270
253
  })
@@ -281,14 +264,14 @@ const Oe = /* @__PURE__ */ r("div")({
281
264
  className: s,
282
265
  children: e
283
266
  });
284
- const Re = () => Qe, Fe = /* @__PURE__ */ r(Re())({
267
+ const we = () => Qe, Re = /* @__PURE__ */ r(we())({
285
268
  name: "n",
286
269
  class: "n9bnom",
287
270
  propsAsIs: !0
288
- }), Me = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: t, className: n }) => /* @__PURE__ */ i(Fe, { className: n, children: [
289
- /* @__PURE__ */ a(Ie, { active: e === f, onClick: () => s(f) }),
271
+ }), Fe = ({ activeOverlay: e, setActiveOverlay: s, sdkReady: t, className: n }) => /* @__PURE__ */ c(Re, { className: n, children: [
272
+ /* @__PURE__ */ a(Ae, { active: e === f, onClick: () => s(f) }),
290
273
  /* @__PURE__ */ a(
291
- Le,
274
+ _e,
292
275
  {
293
276
  active: e === u,
294
277
  disabled: !t,
@@ -298,16 +281,16 @@ const Re = () => Qe, Fe = /* @__PURE__ */ r(Re())({
298
281
  }
299
282
  ),
300
283
  /* @__PURE__ */ a(
301
- we,
284
+ Ce,
302
285
  {
303
286
  active: e === k,
304
287
  onClick: () => s(k)
305
288
  }
306
289
  )
307
- ] }), qe = (e) => {
308
- const [s, t] = h(!1), n = p(e.status) === "ready", [l, o] = h(u), c = C(
290
+ ] }), Me = (e) => {
291
+ const [s, t] = v(!1), n = p(e.status) === "ready", [l, o] = v(u), i = C(
309
292
  (d, m) => {
310
- o(m), m === u ? (d && e.createEventSession(d), e.openFeature(A.GAMES)) : e.closeFeature();
293
+ o(m), m === u ? (d && e.createEventSession(d), e.openFeature(x.GAMES)) : e.closeFeature();
311
294
  },
312
295
  [e]
313
296
  );
@@ -317,15 +300,15 @@ const Re = () => Qe, Fe = /* @__PURE__ */ r(Re())({
317
300
  sdkEnabled: s,
318
301
  sdkReady: n,
319
302
  activeOverlay: l,
320
- activateAndLoadOverlay: c,
303
+ activateAndLoadOverlay: i,
321
304
  enableSdk: (d) => {
322
305
  e.initializeApp().then(({ enabled: m, err: S }) => {
323
306
  if (t(!0), S) {
324
- c(d, f);
307
+ i(d, f);
325
308
  return;
326
309
  }
327
310
  if (m) {
328
- c(d, u);
311
+ i(d, u);
329
312
  return;
330
313
  }
331
314
  });
@@ -334,36 +317,36 @@ const Re = () => Qe, Fe = /* @__PURE__ */ r(Re())({
334
317
  t(!1), e.disableApp();
335
318
  }
336
319
  };
337
- }, Ge = (e) => {
338
- const s = p(e.getActiveFeature()), [t, n] = h(null);
320
+ }, qe = (e) => {
321
+ const s = p(e.getActiveFeature()), [t, n] = v(null);
339
322
  return L(() => {
340
323
  const l = e.getFeatures();
341
324
  if (s)
342
- for (const [o, c] of l)
343
- o === s ? c.status.get() === v.Suspended && (c.enable(), n(c)) : c.status.get() === v.Ready && c.disable();
325
+ for (const [o, i] of l)
326
+ o === s ? i.status.get() === h.Suspended && (i.enable(), n(i)) : i.status.get() === h.Ready && i.disable();
344
327
  else {
345
328
  for (const [, o] of l)
346
- o.status.get() === v.Ready && o.disable();
329
+ o.status.get() === h.Ready && o.disable();
347
330
  n(null);
348
331
  }
349
332
  return () => {
350
333
  for (const [, o] of l)
351
- o.status.get() === v.Ready && o.disable();
334
+ o.status.get() === h.Ready && o.disable();
352
335
  };
353
336
  }, [s, e]), [s, t];
354
- }, He = ({ sdk: e, className: s }) => {
355
- const [, t] = Ge(e);
356
- return /* @__PURE__ */ a(be, { className: s, feature: t, sdk: e });
357
- }, je = ({ sdk: e, overlays: s, children: t }) => {
358
- const { sdkEnabled: n, sdkReady: l, activeOverlay: o, activateAndLoadOverlay: c, enableSdk: d, disableSdk: m } = qe(e);
359
- return /* @__PURE__ */ i(K, { children: [
337
+ }, Ge = ({ sdk: e, className: s }) => {
338
+ const [, t] = qe(e);
339
+ return /* @__PURE__ */ a(ye, { className: s, feature: t, sdk: e });
340
+ }, He = ({ sdk: e, overlays: s, children: t }) => {
341
+ const { sdkEnabled: n, sdkReady: l, activeOverlay: o, activateAndLoadOverlay: i, enableSdk: d, disableSdk: m } = Me(e);
342
+ return /* @__PURE__ */ c(P, { children: [
360
343
  n && /* @__PURE__ */ a(
361
- Me,
344
+ Fe,
362
345
  {
363
346
  sdkReady: l,
364
347
  activeOverlay: o,
365
- className: N,
366
- setActiveOverlay: (S) => c("", S)
348
+ className: I,
349
+ setActiveOverlay: (S) => i("", S)
367
350
  }
368
351
  ),
369
352
  /* @__PURE__ */ a(
@@ -382,20 +365,20 @@ const Re = () => Qe, Fe = /* @__PURE__ */ r(Re())({
382
365
  children: s && o === k && s[o]
383
366
  }
384
367
  ),
385
- n && o === u && /* @__PURE__ */ a(He, { className: N, sdk: e })
368
+ n && o === u && /* @__PURE__ */ a(Ge, { className: I, sdk: e })
386
369
  ] });
387
- }, ds = ({
370
+ }, cs = ({
388
371
  sdkKey: e,
389
372
  plugins: s,
390
373
  children: t,
391
374
  production: n = !0
392
- }) => /* @__PURE__ */ a(D, { sdkKey: e, plugins: s, production: n, autoEnable: !1, children: t }), ps = ({ children: e, overlays: s }) => {
393
- const { sdk: t, status: n } = w(B);
394
- if (n === P.UNSET)
375
+ }) => /* @__PURE__ */ a(T, { sdkKey: e, plugins: s, production: n, autoEnable: !1, children: t }), ds = ({ children: e, overlays: s }) => {
376
+ const { sdk: t, status: n } = O(B);
377
+ if (n === z.UNSET)
395
378
  throw new Error("Wrap app in `StreamLayerProvider`");
396
- return t ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(je, { sdk: t, overlays: s, children: e }) }) }) : e({});
379
+ return t ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ a(Y, { children: /* @__PURE__ */ a(He, { sdk: t, overlays: s, children: e }) }) }) : e({});
397
380
  };
398
381
  export {
399
- ds as MastersStreamLayerProvider,
400
- ps as MastersStreamLayerSDKReact
382
+ cs as MastersStreamLayerProvider,
383
+ ds as MastersStreamLayerSDKReact
401
384
  };
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, f as c, c as u, p as d } from "../index-98996b43.js";
4
+ import { s, q as l, f as c, d as u, p as d } from "../index-98298310.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 as f } from "../app-4f52ea4a.js";
17
+ import { u as f } from "../app-215a7e7d.js";
18
18
  import "./useStreamLayerApp.js";
19
19
  import "@streamlayer/sdk-web";
20
20
  import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
@@ -59,10 +59,10 @@ const S = () => l, y = /* @__PURE__ */ s("div")({
59
59
  }, L = ({ sdk: r }) => {
60
60
  const { organizationSettings: i, streamSettings: e } = a(r.sdkStore), o = p(() => r.getFeature(n.GAMES), [r, i, e]);
61
61
  return o ? /* @__PURE__ */ t(j, { userSummary: o.userSummary }) : null;
62
- }, U = () => {
62
+ }, V = () => {
63
63
  const r = f();
64
64
  return r ? /* @__PURE__ */ t(L, { sdk: r }) : null;
65
65
  };
66
66
  export {
67
- U as StreamLayerSDKPoints
67
+ V as StreamLayerSDKPoints
68
68
  };