@streamlayer/react-ui 0.72.0 → 0.74.0

package/lib/ui/app/useMastersApp.js

@@ -1,9 +1,9 @@
 import { useStore as m } from "@nanostores/react";
-import { useRef as y, useState as d, useCallback as F, useEffect as A } from "react";
-import { FeatureType as z } from "@streamlayer/sdk-web-types";
+import { useRef as y, useState as v, useCallback as F, useEffect as d } from "react";
+import { FeatureType as I } from "@streamlayer/sdk-web-types";
 import "react/jsx-runtime";
 import { ChannelsButtonId as c } from "../navigation/button/Channels.js";
-import { FeaturedGroupsButtonId as n } from "../navigation/button/FeaturedGroups.js";
+import { FeaturedGroupsButtonId as a } from "../navigation/button/FeaturedGroups.js";
 import "@linaria/react";
 import "../icons/index.js";
 import "../navigation/button/styles.js";
@@ -11,26 +11,26 @@ import "../../LeaderBoard_16p26hz-4ed993c7.js";
 import "../../index_4nhkck-4ed993c7.js";
 import "../../masters_k70xsy-4ed993c7.js";
 import "../navigation/button/index.js";
-const q = (e) => {
-  const a = y(""), [l, f] = d(!1), S = m(e.status), r = m(e.userId()), i = S === "ready", [s, u] = d(n), p = F(
+const j = (e) => {
+  const n = y(""), [f, l] = v(!1), A = m(e.status), r = m(e.userId()), i = A === "ready", [s, u] = v(a), p = F(
     (t, o) => {
-      u(o), o === n ? (t && e.createEventSession(t), e.openFeature(z.GAMES)) : e.closeFeature();
+      u(o), o === a ? (t && e.createEventSession(t), e.openFeature(I.GAMES)) : e.closeFeature();
     },
     [e]
   );
-  A(() => {
-    !i && s === n && (u(c), e.closeFeature());
+  d(() => {
+    !i && s === a && (u(c), e.closeFeature());
   }, [i, s, e]);
-  const b = (t) => {
-    a.current = t, e.initializeApp().then(({ enabled: o, err: E }) => {
-      if (f(!0), E) {
+  const E = (t) => {
+    n.current = t, e.initializeApp().then(({ enabled: o, err: b }) => {
+      if (l(!0), b) {
         p(t, c);
         return;
       }
       if (o) {
         e.isUserAuthorized().then((h) => {
           if (h) {
-            p(t, n);
+            p(t, a);
             return;
           } else
             e.disableApp();
@@ -38,27 +38,27 @@ const q = (e) => {
         return;
       }
     });
-  }, v = () => {
-    f(!1), e.disableApp();
+  }, S = () => {
+    l(!1), e.disableApp();
   };
-  return A(() => {
+  return d(() => {
     if (!r) {
       i && (u(c), e.disableApp());
       return;
     }
-    r && a.current && l && e.initializeApp().then(() => {
-      e.createEventSession(a.current);
+    r && n.current && f && e.initializeApp().then(() => {
+      e.createEventSession(n.current);
     });
   }, [r]), {
-    sdkEnabled: l,
+    sdkEnabled: f,
     sdkReady: i,
     activeOverlay: s,
     activateAndLoadOverlay: p,
-    enableSdk: b,
-    disableSdk: v,
+    activateEventWithId: E,
+    deactivate: S,
     isLogged: !!r
   };
 };
 export {
-  q as useMastersApp
+  j as useMastersApp
 };

package/lib/ui/gamification/detail/sponsor/index.js

@@ -1,21 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import { styled as p } from "@linaria/react";
-const r = /* @__PURE__ */ p("div")({
+import { jsx as o } from "react/jsx-runtime";
+import { styled as s } from "@linaria/react";
+import { SvgIcon as r } from "../../../icons/index.js";
+import "react";
+const p = /* @__PURE__ */ s("div")({
   name: "SponsorLogoWrap",
   class: "s8p5v5z",
   propsAsIs: !1
-}), n = /* @__PURE__ */ p("img")({
+}), n = () => r, t = /* @__PURE__ */ s(n())({
   name: "SponsorLogo",
   class: "s755yti",
-  propsAsIs: !1
-}), c = ({
-  sponsorLogo: o
-}) => o && /* @__PURE__ */ s(r, {
-  children: /* @__PURE__ */ s(n, {
-    alt: "sponsor-logo",
-    src: o
+  propsAsIs: !0
+}), i = () => /* @__PURE__ */ o(p, {
+  children: /* @__PURE__ */ o(t, {
+    name: "mastersLogo"
   })
 });
 export {
-  c as Sponsor
+  i as Sponsor
 };

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/styles.js

@@ -10,7 +10,7 @@ const l = /* @__PURE__ */ s("div")({
   name: "IconContainer",
   class: "i1w4fsni",
   propsAsIs: !1
-}), o = () => n, r = /* @__PURE__ */ s(o())({
+}), a = () => n, r = /* @__PURE__ */ s(a())({
   name: "InviteGameIcon",
   class: "i19m85r1",
   propsAsIs: !0
@@ -26,15 +26,15 @@ const l = /* @__PURE__ */ s("div")({
   name: "Subtext",
   class: "s1lhlj9j",
   propsAsIs: !1
-}), L = /* @__PURE__ */ s("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), L = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("span")({
+}), d = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
@@ -42,7 +42,7 @@ const l = /* @__PURE__ */ s("div")({
   name: "LinkAddress",
   class: "lvi87q4",
   propsAsIs: !1
-}), a = () => n, v = /* @__PURE__ */ s(a())({
+}), o = () => n, v = /* @__PURE__ */ s(o())({
   name: "LinkIcon",
   class: "l1pqlvw3",
   propsAsIs: !0
@@ -66,10 +66,10 @@ export {
   p as IconContainer,
   r as InviteGameIcon,
   A as LinkAddress,
-  L as LinkContainer,
+  f as LinkContainer,
   v as LinkIcon,
-  d as LinkInfo,
-  f as LinkTitle,
+  L as LinkInfo,
+  d as LinkTitle,
   S as SocialLink,
   b as SocialLinkLabel,
   C as SocialLinksContainer,

package/lib/ui/icons/index.d.ts

@@ -45,6 +45,7 @@ export declare const icons: {
     selected: any;
     circleClose: any;
     incorrectVoted: any;
+    mastersLogo: any;
 };
 export declare const Icon: React.FC<{
     name: keyof typeof icons;