@streamlayer/react 0.25.1 → 0.26.1

package/lib/app/masters.d.ts

@@ -1,7 +1,18 @@
 /// <reference types="react" />
-import { MastersAppProps } from '@streamlayer/react-ui/masters';
 import { StreamLayerProps } from './provider';
 export declare const MastersStreamLayerProvider: React.FC<StreamLayerProps & {
     children: React.ReactNode;
 }>;
+type Overlays = {
+    leaderboard: React.ReactNode;
+};
+type MastersAppChildrenProps = {
+    enableSdk: (event: string) => void;
+    disableSdk: () => void;
+};
+type MastersAppProps = {
+    overlays?: Overlays;
+    children: (methods: MastersAppChildrenProps) => React.ReactNode;
+};
 export declare const MastersStreamLayerSDKReact: React.FC<MastersAppProps>;
+export {};

package/lib/app-037724c5.cjs

@@ -0,0 +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;

package/lib/app-215a7e7d.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { a as m, b as a, p as o, c as s } from "./index-98298310.js";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "react-countdown-circle-timer";
+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";
+const E = () => {
+  const { sdk: t } = i(m);
+  return t;
+}, K = () => {
+  const { sdk: t, status: e } = i(m);
+  if (e === a.UNSET)
+    throw new Error("Wrap app in `StreamLayerProvider`");
+  return e === a.CONNECTED ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "wait" }) : t === null ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(s, { sdk: t }) }) });
+};
+export {
+  K as S,
+  E as u
+};

package/lib/cjs/auth.js

@@ -1 +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;
+"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

@@ -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-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;
+"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;

package/lib/cjs/masters.js

@@ -1 +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;
+"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

@@ -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-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;
+"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

@@ -1,27 +1,27 @@
 import { useEffect as i } from "react";
-import { u as m } from "../app-43e52907.js";
+import { u as m } from "../app-215a7e7d.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 "../index-98298310.js";
+import "./useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
 import "@streamlayer/sdk-web-interfaces";
+import "@streamlayer/sdk-web-types";
 import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-api";
 import "@streamlayer/sdk-web-storage";
 import "@nanostores/react";
 import "@streamlayer/sdk-web-notifications";
+import "react-countdown-circle-timer";
 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";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
 const C = ({ token: r, schema: o }) => {
   const t = m();
   return i(() => {

package/lib/es/index.js

@@ -7,24 +7,24 @@ import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "@streamlayer/feature-gamification";
-import { S as l } from "../provider-a6b36c89.js";
-import { S as q, u as w } from "../app-43e52907.js";
+import { S as l } from "../index-98298310.js";
+import { S as q, u as w } from "../app-215a7e7d.js";
 import "react/jsx-runtime";
 import "react";
-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 "./useStreamLayerApp.js";
+import "@streamlayer/sdk-web";
 import "@nanostores/react";
+import "react-countdown-circle-timer";
 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";
+import "@streamlayer/sl-eslib/users/users_connect";
+import "react-auth-code-input";
+import "react-phone-number-input";
+import "@connectrpc/connect";
+import "@connectrpc/connect-web";
 export {
   l as StreamLayerProvider,
   q as StreamLayerSDKReact,