@streamlayer/react 0.27.1 → 0.27.2
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.
- package/lib/{app-bc994186.cjs → app-8f6a0c0b.cjs} +1 -1
- package/lib/{app-15ce925d.js → app-ce9ea1e1.js} +1 -1
- package/lib/cjs/auth.js +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/masters.js +1 -1
- package/lib/cjs/points.js +1 -1
- package/lib/es/auth.js +2 -2
- package/lib/es/index.js +2 -2
- package/lib/es/masters.js +2 -2
- package/lib/es/points.js +2 -2
- package/lib/{index-e9cf1c5b.cjs → index-6ab0a925.cjs} +4 -4
- package/lib/index-b7b4d84f.js +228 -0
- package/lib/{index-ad42babc.js → index-ed4f12f6.js} +929 -841
- package/lib/index-f77b7ac2.cjs +1 -0
- package/lib/style.css +1 -1
- package/package.json +11 -11
- package/lib/index-0f29ff3a.js +0 -245
- package/lib/index-3e88fb0c.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),i=require("react"),e=require("./index-
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),i=require("react"),e=require("./index-6ab0a925.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.yr,{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,
|
|
3
|
+
import { a as m, b as a, p as o, y as s } from "./index-ed4f12f6.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-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),q=require("../app-8f6a0c0b.cjs");require("react/jsx-runtime");require("../index-6ab0a925.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-
|
|
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-6ab0a925.cjs"),e=require("../app-8f6a0c0b.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),l=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),l=require("../index-6ab0a925.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-f77b7ac2.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;
|
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-
|
|
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-6ab0a925.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-8f6a0c0b.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-
|
|
2
|
+
import { u as m } from "../app-ce9ea1e1.js";
|
|
3
3
|
import "react/jsx-runtime";
|
|
4
|
-
import "../index-
|
|
4
|
+
import "../index-ed4f12f6.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-
|
|
11
|
-
import { S as q, u as w } from "../app-
|
|
10
|
+
import { S as l } from "../index-ed4f12f6.js";
|
|
11
|
+
import { S as q, u as w } from "../app-ce9ea1e1.js";
|
|
12
12
|
import "react/jsx-runtime";
|
|
13
13
|
import "react";
|
|
14
14
|
import "./useStreamLayerApp.js";
|
package/lib/es/masters.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as s, jsxs as S, Fragment as L } from "react/jsx-runtime";
|
|
2
2
|
import { lazy as I, useMemo as _, Suspense as F, useState as h, useCallback as E, useEffect as x, useContext as R } from "react";
|
|
3
|
-
import { s as u, q as g,
|
|
3
|
+
import { s as u, q as g, i as O, f as A, r as N, S as w, a as G, b as j, p as M } from "../index-ed4f12f6.js";
|
|
4
4
|
import "react-auth-code-input";
|
|
5
5
|
import "react-phone-number-input";
|
|
6
6
|
import "@connectrpc/connect";
|
|
@@ -24,7 +24,7 @@ import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
|
|
|
24
24
|
const z = ({ feature: e, sdk: a, children: t, className: n }) => {
|
|
25
25
|
const o = p(e.status), { slStreamId: r } = p(a.sdkStore);
|
|
26
26
|
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..." });
|
|
27
|
-
}, P = I(() => import("../index-
|
|
27
|
+
}, P = I(() => import("../index-b7b4d84f.js")), T = ({
|
|
28
28
|
sdk: e,
|
|
29
29
|
feature: a,
|
|
30
30
|
className: t
|
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, q as l, f as c, c as u, p as d } from "../index-
|
|
4
|
+
import { s, q as l, f as c, c as u, p as d } from "../index-ed4f12f6.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-
|
|
17
|
+
import { u as f } from "../app-ce9ea1e1.js";
|
|
18
18
|
import "./useStreamLayerApp.js";
|
|
19
19
|
import "@streamlayer/sdk-web";
|
|
20
20
|
import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
|