@streamlayer/react 0.27.1 → 0.28.0

package/lib/app-c9828ece.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("./index-89c19a6e.cjs"),s=require("react"),n=()=>null,i=()=>{const{sdk:t}=s.useContext(r.StreamLayerContext);return t},S=()=>{const{sdk:t,status:a}=s.useContext(r.StreamLayerContext);if(a===r.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===r.StreamLayerStatus.CONNECTED?e.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?e.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(r.p,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;

package/lib/app-e4b43a5c.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { a as s, b as a, p as i } from "./index-0d23b24e.js";
+import { useContext as n } from "react";
+const o = () => null, d = () => {
+  const { sdk: e } = n(s);
+  return e;
+}, l = () => {
+  const { sdk: e, status: t } = n(s);
+  if (t === a.UNSET)
+    throw new Error("Wrap app in `StreamLayerProvider`");
+  return t === a.CONNECTED ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "wait" }) : e === null ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(o, { sdk: e }) }) });
+};
+export {
+  l as S,
+  d 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-bc994186.cjs");require("react/jsx-runtime");require("../index-e9cf1c5b.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("../app-c9828ece.cjs");require("react/jsx-runtime");require("../index-89c19a6e.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const o=({token:e,schema:r})=>{const i=u.useStreamLayer();return t.useEffect(()=>{e&&r&&i&&i.authorizationBypass(r,e)},[e,r,i]),null};exports.StreamLayerLogin=o;

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("../index-e9cf1c5b.cjs"),e=require("../app-bc994186.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;
+"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-89c19a6e.cjs"),e=require("../app-c9828ece.cjs");require("react/jsx-runtime");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-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 a=require("react/jsx-runtime"),o=require("react"),l=require("../index-e9cf1c5b.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 j=require("@streamlayer/sdk-web-types"),m=require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");const y=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 h=({feature:e,sdk:s,children:t,className:r})=>{const i=y.useStore(e.status),{slStreamId:n}=y.useStore(s.sdkStore);return n!=null&&n.loading?a.jsx("div",{className:r,children:"event is loading..."}):n!=null&&n.data?i!==m.FeatureStatus.Ready?a.jsx("div",{className:r,children:"wait feature..."}):t:a.jsx("div",{className:r,children:"event is forbidden..."})},k=o.lazy(()=>Promise.resolve().then(()=>require("../index-3e88fb0c.cjs"))),q=({sdk:e,feature:s,className:t})=>{const r=o.useMemo(()=>s&&s.featureConfig.get().type===j.FeatureType.GAMES?a.jsx(h,{className:t,sdk:e,feature:s,children:a.jsx(k,{className:t,gamification:s,sdk:e})}):null,[e,s,t]);return a.jsx(o.Suspense,{fallback:a.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:r})};const _=l.styled_default("button")({name:"e",class:"enu64b2",propsAsIs:!1}),A=l.styled_default("span")({name:"t",class:"tw2meku",propsAsIs:!1}),N=l.styled_default("span")({name:"a",class:"aka8vam",propsAsIs:!1}),b=({disabled:e,active:s,onClick:t,label:r,icon:i})=>a.jsx(_,{onClick:t,disabled:e,"data-selected":s,children:a.jsxs(a.Fragment,{children:[i&&a.jsx(A,{children:i}),a.jsx(N,{children:r})]})});const F=()=>l.q,L=l.styled_default(F())({name:"a",class:"a10lggiw",propsAsIs:!0}),S="channels",C=e=>{var s;return a.jsx(b,{...e,id:"channels",label:"Channels",icon:a.jsx(L,{name:"icon-btn-channels","data-selected":(s=e.active)==null?void 0:s.toString()})})};const $=()=>l.q,I=l.styled_default($())({name:"d",class:"d1x5s8ie",propsAsIs:!0}),f="featuredGroups",R=e=>{var s;return a.jsx(b,{...e,label:"FG+",id:"featuredGroups",icon:a.jsx(I,{name:"icon-btn-feature-groups","data-selected":(s=e.active)==null?void 0:s.toString()})})};const E=()=>l.q,O=l.styled_default(E())({name:"n",class:"ntav86o",propsAsIs:!0}),x="leaderboard",M=e=>{var s;return a.jsx(b,{...e,label:"Leader Board",id:"leaderboard",icon:a.jsx(O,{name:"icon-btn-leaderboard","data-selected":(s=e.active)==null?void 0:s.toString()})})};const w=l.styled_default("div")({name:"n",class:"n1rlvhvz",propsAsIs:!1}),G=({children:e,className:s})=>a.jsx(w,{className:s,children:e});const P=()=>G,T=l.styled_default(P())({name:"n",class:"n9bnom",propsAsIs:!0}),z=({activeOverlay:e,setActiveOverlay:s,sdkReady:t,className:r})=>a.jsxs(T,{className:r,children:[a.jsx(C,{active:e===S,onClick:()=>s(S)}),a.jsx(R,{active:e===f,disabled:!t,onClick:()=>{s(f)}}),a.jsx(M,{active:e===x,onClick:()=>s(x)})]}),D=e=>{const[s,t]=o.useState(!1),r=y.useStore(e.status),{data:i}=y.useStore(e.getUserStore()),n=r==="ready",[d,c]=o.useState(f),p=o.useCallback((u,v)=>{c(v),v===f?(u&&e.createEventSession(u),e.openFeature(j.FeatureType.GAMES)):e.closeFeature()},[e]);return o.useEffect(()=>{!n&&d===f&&(c(S),e.closeFeature())},[n,d,e]),{sdkEnabled:s,sdkReady:n,activeOverlay:d,activateAndLoadOverlay:p,enableSdk:u=>{e.initializeApp().then(({enabled:v,err:g})=>{if(t(!0),g){p(u,S);return}if(v){p(u,f);return}})},disableSdk:()=>{t(!1),e.disableApp()},isLogged:!!i}},K=e=>{const s=y.useStore(e.getActiveFeature()),t=y.useStore(e.streamStore()),[r,i]=o.useState(null);return o.useEffect(()=>{const n=e.getFeatures();if(s)for(const[d,c]of n)d===s?c.status.get()===m.FeatureStatus.Suspended&&(c.enable(),i(c)):c.status.get()===m.FeatureStatus.Ready&&c.disable();else{for(const[,d]of n)d.status.get()===m.FeatureStatus.Ready&&d.disable();i(null)}return()=>{for(const[,d]of n)d.status.get()===m.FeatureStatus.Ready&&d.disable()}},[s,e,t]),[s,r]},U=({sdk:e,className:s})=>{const[,t]=K(e);return a.jsx(q,{className:s,feature:t,sdk:e})},W=({sdk:e,overlays:s,children:t})=>{const{sdkEnabled:r,sdkReady:i,activeOverlay:n,activateAndLoadOverlay:d,enableSdk:c,disableSdk:p,isLogged:u}=D(e);return a.jsxs(l.i,{children:[r&&a.jsx(z,{sdkReady:i,activeOverlay:n,className:l.f,setActiveOverlay:v=>d("",v)}),a.jsx(l.r,{"data-nav":r.toString(),style:{display:!r||n===S?"block":"none"},children:t&&t({enableSdk:c,disableSdk:p})}),a.jsx(l.r,{"data-nav":r.toString(),style:{display:n===x?"block":"none"},children:s&&n===x&&s[n]}),u&&r&&n===f&&a.jsx(U,{className:l.f,sdk:e}),!u&&r&&n===f&&a.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})},B=({sdkKey:e,plugins:s,children:t,production:r=!0})=>a.jsx(l.StreamLayerProvider,{sdkKey:e,plugins:s,production:r,autoEnable:!1,children:t}),Y=({children:e,overlays:s})=>{const{sdk:t,status:r}=o.useContext(l.StreamLayerContext);if(r===l.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return t?a.jsx("div",{className:"StreamLayerSDK",children:a.jsx(l.p,{children:a.jsx(W,{sdk:t,overlays:s,children:e})})}):e({})};exports.MastersStreamLayerProvider=B;exports.MastersStreamLayerSDKReact=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../index-89c19a6e.cjs");const e=require("../masters-e1de41e7.cjs");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-types");require("@nanostores/react");require("@streamlayer/sdk-web-interfaces");require("../index-3a549ff3.cjs");require("@streamlayer/sdk-web-notifications");exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;

package/lib/cjs/points.js

@@ -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-e9cf1c5b.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-bc994186.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@streamlayer/sdk-web-types"),i=require("../index-89c19a6e.cjs"),c=require("../common-dc2f2d4f.cjs"),t=require("../index-3a549ff3.cjs"),u=require("react"),o=require("@nanostores/react"),d=require("../app-c9828ece.cjs");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const m=()=>t.q,p=t.styled_default("div")({name:"l",class:"l4qld3l",propsAsIs:!1}),y=t.styled_default("div")({name:"a",class:"ainhtok",propsAsIs:!1}),f=t.styled_default(m())({name:"x",class:"xk8yd5t",propsAsIs:!0}),x=t.styled_default("div")({name:"h",class:"h6rf9gb",propsAsIs:!1}),S=t.styled_default("div")({name:"c",class:"c18f5pxx",propsAsIs:!1}),j=t.styled_default("div")({name:"m",class:"m1jwsyj1",propsAsIs:!1}),h=({points:s})=>e.jsxs(p,{className:i.f,children:[e.jsx(y,{children:e.jsx(f,{name:"icon-trophy"})}),e.jsxs(x,{children:[e.jsx(S,{children:"Total points"}),e.jsx(j,{children:c.a(s)})]})]}),q=({userSummary:s})=>{var a,r;const n=o.useStore(s.getStore());return((r=(a=n.data)==null?void 0:a.summary)==null?void 0:r.points)===void 0?null:e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(i.p,{children:e.jsx(h,{points:n.data.summary.points})})})},g=({sdk:s})=>{const{organizationSettings:n,streamSettings:a}=o.useStore(s.sdkStore),r=u.useMemo(()=>s.getFeature(l.FeatureType.GAMES),[s,n,a]);return r?e.jsx(q,{userSummary:r.userSummary}):null},v=()=>{const s=d.useStreamLayer();return s?e.jsx(g,{sdk:s}):null};exports.StreamLayerSDKPoints=v;

package/lib/common-0311b835.js

@@ -0,0 +1,5 @@
+const p = (e) => e.split(/\s+/).map((o) => o[0]).join("").toUpperCase(), t = (e) => e ? e.toLocaleString("en-US") : "0";
+export {
+  t as a,
+  p as e
+};

package/lib/common-dc2f2d4f.cjs

@@ -0,0 +1 @@
+"use strict";const t=e=>e.split(/\s+/).map(s=>s[0]).join("").toUpperCase(),a=e=>e?e.toLocaleString("en-US"):"0";exports.a=a;exports.e=t;

package/lib/es/auth.js

@@ -1,33 +1,15 @@
 import { useEffect as i } from "react";
-import { u as m } from "../app-15ce925d.js";
+import { u as m } from "../app-e4b43a5c.js";
 import "react/jsx-runtime";
-import "../index-ad42babc.js";
+import "../index-0d23b24e.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 "@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 n = ({ token: r, schema: o }) => {
   const t = m();
   return i(() => {
     r && o && t && t.authorizationBypass(o, r);
   }, [r, o, t]), null;
 };
 export {
-  C as StreamLayerLogin
+  n as StreamLayerLogin
 };

package/lib/es/index.js

@@ -7,26 +7,14 @@ import "@streamlayer/sdk-web-features";
 import "@streamlayer/sdk-web-interfaces";
 import "@streamlayer/sdk-web-notifications";
 import "@streamlayer/feature-gamification";
-import { S as l } from "../index-ad42babc.js";
-import { S as q, u as w } from "../app-15ce925d.js";
+import { S as c } from "../index-0d23b24e.js";
+import { S as v, u as D } from "../app-e4b43a5c.js";
 import "react/jsx-runtime";
 import "react";
 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 "@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,
-  w as useStreamLayer
+  c as StreamLayerProvider,
+  v as StreamLayerSDKReact,
+  D as useStreamLayer
 };

package/lib/es/masters.js

@@ -1,235 +1,15 @@
-import { jsx as s, jsxs as S, Fragment as L } from "react/jsx-runtime";
-import { lazy as I, useMemo as _, Suspense as F, useState as h, useCallback as E, useEffect as x, useContext as R } from "react";
-import { s as u, q as g, l as O, f as A, r as N, S as w, a as G, b as j, p as M } from "../index-ad42babc.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 { FeatureType as $ } from "@streamlayer/sdk-web-types";
-import { FeatureStatus as f } from "@streamlayer/sdk-web-interfaces";
-import "@streamlayer/sdk-web-features";
-import "@streamlayer/sdk-web-api";
-import "@streamlayer/sdk-web-storage";
-import { useStore as p } from "@nanostores/react";
-import "@streamlayer/sdk-web-notifications";
+import "react/jsx-runtime";
+import "../index-0d23b24e.js";
+import { M as L, b } from "../masters-56975aec.js";
+import "react";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
-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";
-const z = ({ feature: e, sdk: a, children: t, className: n }) => {
-  const o = p(e.status), { slStreamId: r } = p(a.sdkStore);
-  return r != null && r.loading ? /* @__PURE__ */ s("div", { className: n, children: "event is loading..." }) : r != null && r.data ? o !== f.Ready ? /* @__PURE__ */ s("div", { className: n, children: "wait feature..." }) : t : /* @__PURE__ */ s("div", { className: n, children: "event is forbidden..." });
-}, P = I(() => import("../index-0f29ff3a.js")), T = ({
-  sdk: e,
-  feature: a,
-  className: t
-}) => {
-  const n = _(() => a && a.featureConfig.get().type === $.GAMES ? /* @__PURE__ */ s(z, { className: t, sdk: e, feature: a, children: /* @__PURE__ */ s(P, { className: t, gamification: a, sdk: e }) }) : null, [e, a, t]);
-  return /* @__PURE__ */ s(
-    F,
-    {
-      fallback: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "page loading..." }),
-      children: n
-    }
-  );
-};
-const U = /* @__PURE__ */ u("button")({
-  name: "e",
-  class: "enu64b2",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ u("span")({
-  name: "t",
-  class: "tw2meku",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ u("span")({
-  name: "a",
-  class: "aka8vam",
-  propsAsIs: !1
-}), k = ({ disabled: e, active: a, onClick: t, label: n, icon: o }) => /* @__PURE__ */ s(U, { onClick: t, disabled: e, "data-selected": a, children: /* @__PURE__ */ S(L, { children: [
-  o && /* @__PURE__ */ s(q, { children: o }),
-  /* @__PURE__ */ s(B, { children: n })
-] }) });
-const D = () => g, K = /* @__PURE__ */ u(D())({
-  name: "a",
-  class: "a10lggiw",
-  propsAsIs: !0
-}), y = "channels", W = (e) => {
-  var a;
-  return /* @__PURE__ */ s(k, {
-    ...e,
-    id: "channels",
-    label: "Channels",
-    icon: /* @__PURE__ */ s(K, {
-      name: "icon-btn-channels",
-      "data-selected": (a = e.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const Y = () => g, H = /* @__PURE__ */ u(Y())({
-  name: "d",
-  class: "d1x5s8ie",
-  propsAsIs: !0
-}), c = "featuredGroups", J = (e) => {
-  var a;
-  return /* @__PURE__ */ s(k, {
-    ...e,
-    label: "FG+",
-    id: "featuredGroups",
-    icon: /* @__PURE__ */ s(H, {
-      name: "icon-btn-feature-groups",
-      "data-selected": (a = e.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const Q = () => g, V = /* @__PURE__ */ u(Q())({
-  name: "n",
-  class: "ntav86o",
-  propsAsIs: !0
-}), b = "leaderboard", X = (e) => {
-  var a;
-  return /* @__PURE__ */ s(k, {
-    ...e,
-    label: "Leader Board",
-    id: "leaderboard",
-    icon: /* @__PURE__ */ s(V, {
-      name: "icon-btn-leaderboard",
-      "data-selected": (a = e.active) == null ? void 0 : a.toString()
-    })
-  });
-};
-const Z = /* @__PURE__ */ u("div")({
-  name: "n",
-  class: "n1rlvhvz",
-  propsAsIs: !1
-}), ee = ({
-  children: e,
-  className: a
-}) => /* @__PURE__ */ s(Z, {
-  className: a,
-  children: e
-});
-const ae = () => ee, se = /* @__PURE__ */ u(ae())({
-  name: "n",
-  class: "n9bnom",
-  propsAsIs: !0
-}), te = ({ activeOverlay: e, setActiveOverlay: a, sdkReady: t, className: n }) => /* @__PURE__ */ S(se, { className: n, children: [
-  /* @__PURE__ */ s(W, { active: e === y, onClick: () => a(y) }),
-  /* @__PURE__ */ s(
-    J,
-    {
-      active: e === c,
-      disabled: !t,
-      onClick: () => {
-        a(c);
-      }
-    }
-  ),
-  /* @__PURE__ */ s(
-    X,
-    {
-      active: e === b,
-      onClick: () => a(b)
-    }
-  )
-] }), ne = (e) => {
-  const [a, t] = h(!1), n = p(e.status), { data: o } = p(e.getUserStore()), r = n === "ready", [l, i] = h(c), v = E(
-    (d, m) => {
-      i(m), m === c ? (d && e.createEventSession(d), e.openFeature($.GAMES)) : e.closeFeature();
-    },
-    [e]
-  );
-  return x(() => {
-    !r && l === c && (i(y), e.closeFeature());
-  }, [r, l, e]), {
-    sdkEnabled: a,
-    sdkReady: r,
-    activeOverlay: l,
-    activateAndLoadOverlay: v,
-    enableSdk: (d) => {
-      e.initializeApp().then(({ enabled: m, err: C }) => {
-        if (t(!0), C) {
-          v(d, y);
-          return;
-        }
-        if (m) {
-          v(d, c);
-          return;
-        }
-      });
-    },
-    disableSdk: () => {
-      t(!1), e.disableApp();
-    },
-    isLogged: !!o
-  };
-}, re = (e) => {
-  const a = p(e.getActiveFeature()), t = p(e.streamStore()), [n, o] = h(null);
-  return x(() => {
-    const r = e.getFeatures();
-    if (a)
-      for (const [l, i] of r)
-        l === a ? i.status.get() === f.Suspended && (i.enable(), o(i)) : i.status.get() === f.Ready && i.disable();
-    else {
-      for (const [, l] of r)
-        l.status.get() === f.Ready && l.disable();
-      o(null);
-    }
-    return () => {
-      for (const [, l] of r)
-        l.status.get() === f.Ready && l.disable();
-    };
-  }, [a, e, t]), [a, n];
-}, le = ({ sdk: e, className: a }) => {
-  const [, t] = re(e);
-  return /* @__PURE__ */ s(T, { className: a, feature: t, sdk: e });
-}, oe = ({ sdk: e, overlays: a, children: t }) => {
-  const { sdkEnabled: n, sdkReady: o, activeOverlay: r, activateAndLoadOverlay: l, enableSdk: i, disableSdk: v, isLogged: d } = ne(e);
-  return /* @__PURE__ */ S(O, { children: [
-    n && /* @__PURE__ */ s(
-      te,
-      {
-        sdkReady: o,
-        activeOverlay: r,
-        className: A,
-        setActiveOverlay: (m) => l("", m)
-      }
-    ),
-    /* @__PURE__ */ s(
-      N,
-      {
-        "data-nav": n.toString(),
-        style: { display: !n || r === y ? "block" : "none" },
-        children: t && t({ enableSdk: i, disableSdk: v })
-      }
-    ),
-    /* @__PURE__ */ s(
-      N,
-      {
-        "data-nav": n.toString(),
-        style: { display: r === b ? "block" : "none" },
-        children: a && r === b && a[r]
-      }
-    ),
-    d && n && r === c && /* @__PURE__ */ s(le, { className: A, sdk: e }),
-    !d && n && r === c && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%" }, children: "You are not logged in." })
-  ] });
-}, Ee = ({
-  sdkKey: e,
-  plugins: a,
-  children: t,
-  production: n = !0
-}) => /* @__PURE__ */ s(w, { sdkKey: e, plugins: a, production: n, autoEnable: !1, children: t }), Re = ({ children: e, overlays: a }) => {
-  const { sdk: t, status: n } = R(G);
-  if (n === j.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s(oe, { sdk: t, overlays: a, children: e }) }) }) : e({});
-};
+import "@streamlayer/sdk-web-types";
+import "@nanostores/react";
+import "@streamlayer/sdk-web-interfaces";
+import "../index-ed9cc1f5.js";
+import "@streamlayer/sdk-web-notifications";
 export {
-  Ee as MastersStreamLayerProvider,
-  Re as MastersStreamLayerSDKReact
+  L as MastersStreamLayerProvider,
+  b as MastersStreamLayerSDKReact
 };

package/lib/es/points.js

@@ -1,68 +1,54 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { FeatureType as n } from "@streamlayer/sdk-web-types";
-import { useMemo as p } from "react";
-import { s, q as l, f as c, c as u, p as d } from "../index-ad42babc.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-interfaces";
-import "@streamlayer/sdk-web-features";
-import "@streamlayer/sdk-web-api";
-import "@streamlayer/sdk-web-storage";
-import { useStore as a } from "@nanostores/react";
-import "@streamlayer/sdk-web-notifications";
-import { u as f } from "../app-15ce925d.js";
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { FeatureType as m } from "@streamlayer/sdk-web-types";
+import { f as l, p } from "../index-0d23b24e.js";
+import { a as c } from "../common-0311b835.js";
+import { s as t, q as u } from "../index-ed9cc1f5.js";
+import { useMemo as d } from "react";
+import { useStore as i } from "@nanostores/react";
+import { u as f } from "../app-e4b43a5c.js";
 import "./useStreamLayerApp.js";
 import "@streamlayer/sdk-web";
-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";
-const S = () => l, y = /* @__PURE__ */ s("div")({
+const S = () => u, y = /* @__PURE__ */ t("div")({
   name: "l",
   class: "l4qld3l",
   propsAsIs: !1
-}), h = /* @__PURE__ */ s("div")({
+}), h = /* @__PURE__ */ t("div")({
   name: "a",
   class: "ainhtok",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s(S())({
+}), v = /* @__PURE__ */ t(S())({
   name: "x",
   class: "xk8yd5t",
   propsAsIs: !0
-}), x = /* @__PURE__ */ s("div")({
+}), x = /* @__PURE__ */ t("div")({
   name: "h",
   class: "h6rf9gb",
   propsAsIs: !1
-}), g = /* @__PURE__ */ s("div")({
+}), g = /* @__PURE__ */ t("div")({
   name: "c",
   class: "c18f5pxx",
   propsAsIs: !1
-}), A = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ t("div")({
   name: "m",
   class: "m1jwsyj1",
   propsAsIs: !1
-}), I = ({ points: r }) => /* @__PURE__ */ m(y, { className: c, children: [
-  /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(v, { name: "icon-trophy" }) }),
-  /* @__PURE__ */ m(x, { children: [
-    /* @__PURE__ */ t(g, { children: "Total points" }),
-    /* @__PURE__ */ t(A, { children: u(r) })
+}), I = ({ points: s }) => /* @__PURE__ */ n(y, { className: l, children: [
+  /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(v, { name: "icon-trophy" }) }),
+  /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ r(g, { children: "Total points" }),
+    /* @__PURE__ */ r(A, { children: c(s) })
   ] })
-] }), j = ({ userSummary: r }) => {
-  var e, o;
-  const i = a(r.getStore());
-  return ((o = (e = i.data) == null ? void 0 : e.summary) == null ? void 0 : o.points) === void 0 ? null : /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(I, { points: i.data.summary.points }) }) });
-}, L = ({ sdk: r }) => {
-  const { organizationSettings: i, streamSettings: e } = a(r.sdkStore), o = p(() => r.getFeature(n.GAMES), [r, i, e]);
-  return o ? /* @__PURE__ */ t(j, { userSummary: o.userSummary }) : null;
-}, V = () => {
-  const r = f();
-  return r ? /* @__PURE__ */ t(L, { sdk: r }) : null;
+] }), j = ({ userSummary: s }) => {
+  var a, e;
+  const o = i(s.getStore());
+  return ((e = (a = o.data) == null ? void 0 : a.summary) == null ? void 0 : e.points) === void 0 ? null : /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(I, { points: o.data.summary.points }) }) });
+}, L = ({ sdk: s }) => {
+  const { organizationSettings: o, streamSettings: a } = i(s.sdkStore), e = d(() => s.getFeature(m.GAMES), [s, o, a]);
+  return e ? /* @__PURE__ */ r(j, { userSummary: e.userSummary }) : null;
+}, M = () => {
+  const s = f();
+  return s ? /* @__PURE__ */ r(L, { sdk: s }) : null;
 };
 export {
-  V as StreamLayerSDKPoints
+  M as StreamLayerSDKPoints
 };