@streamlayer/react-ui 1.10.0 → 1.11.0

package/lib/app/app/story/index.js

@@ -1,14 +1,14 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import { styled as t } from "@linaria/react";
 import { useEffect as i } from "react";
-import { StreamLayerProvider as l, useStreamLayer as p } from "@streamlayer/react";
+import { StreamLayerProvider as l, useStreamLayer as p, StreamLayerSDKEvent as m } from "@streamlayer/react";
 import { App as c } from "../index.js";
-import { StreamLayerThemeProvider as m } from "../../../ui/theme/index.js";
-import { useStreamLayerDebug as f } from "../../../utils/debug/index.js";
-import { Video as u } from "./video.js";
-const s = () => {
+import { StreamLayerThemeProvider as f } from "../../../ui/theme/index.js";
+import { useStreamLayerDebug as u } from "../../../utils/debug/index.js";
+import { Video as y } from "./video.js";
+const a = () => {
   console.log("deep link handled cb");
-}, y = () => {
+}, h = () => {
   console.log("video player handled cb");
 }, v = ({
   event: o
@@ -16,44 +16,47 @@ const s = () => {
   const e = p();
   return i(() => {
     e && e.openFeature(12);
-  }, [e]), e ? /* @__PURE__ */ r(m, {
-    children: /* @__PURE__ */ r(c, {
+  }, [e, o]), e ? /* @__PURE__ */ s(f, {
+    children: [/* @__PURE__ */ r(m, {
+      event: o
+    }), /* @__PURE__ */ r(c, {
       sdk: e,
       event: o,
-      onDeepLinkHandled: s
-    })
+      onDeepLinkHandled: a
+    })]
   }) : null;
-}, h = /* @__PURE__ */ t("div")({
+}, A = /* @__PURE__ */ t("div")({
   name: "Container",
   class: "c1a4qh28",
   propsAsIs: !1
-}), k = /* @__PURE__ */ t("div")({
+}), S = /* @__PURE__ */ t("div")({
   name: "Body",
   class: "b9h8kuk",
   propsAsIs: !1
-}), A = /* @__PURE__ */ t("div")({
+}), k = /* @__PURE__ */ t("div")({
   name: "AppContainer",
   class: "a1wkro2j",
   propsAsIs: !1
-}), D = ({
+}), j = ({
   sdkKey: o,
   eventId: e,
-  production: a
+  production: d
 }) => {
-  const n = f({
+  const n = u({
     sdkKey: o,
     eventId: e,
-    production: a
+    production: d
   });
   return /* @__PURE__ */ r(l, {
     sdkKey: n.sdkKey,
     production: n.env === "production",
     autoEnable: !0,
-    onDeepLinkHandled: s,
-    videoPlayerController: y,
-    children: /* @__PURE__ */ d(k, {
-      children: [/* @__PURE__ */ r(u, {}), /* @__PURE__ */ r(h, {
-        children: /* @__PURE__ */ r(A, {
+    onDeepLinkHandled: a,
+    videoPlayerController: h,
+    withAd: !1,
+    children: /* @__PURE__ */ s(S, {
+      children: [/* @__PURE__ */ r(y, {}), /* @__PURE__ */ r(A, {
+        children: /* @__PURE__ */ r(k, {
           className: "StreamLayerSDK",
           children: /* @__PURE__ */ r(v, {
             event: n.event
@@ -64,5 +67,5 @@ const s = () => {
   });
 };
 export {
-  D as AppStory
+  j as AppStory
 };

package/lib/app/app/useApp.d.ts

@@ -1,5 +1,7 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { FeatureType } from '@streamlayer/sdk-web-types';
 export declare const useAppApp: (sdk: StreamLayerSDK) => {
     sdkReady: boolean;
+    activeFeature: FeatureType | undefined;
     isLogged: boolean;
 };

package/lib/app/app/useApp.js

@@ -1,15 +1,16 @@
-import { useStore as r } from "@nanostores/react";
+import { useStore as o } from "@nanostores/react";
 import { useEffect as S } from "react";
-import { FeatureType as o } from "@streamlayer/sdk-web-types";
+import { FeatureType as s } from "@streamlayer/sdk-web-types";
 const A = (e) => {
-  const u = r(e.status), a = r(e.sdkStore.slStreamId), c = r(e.userId()), s = r(e.getActiveFeature()), n = u === "ready" && !!a.data;
+  const u = o(e.status), a = o(e.sdkStore.slStreamId), c = o(e.userId()), r = o(e.getActiveFeature()), n = u === "ready" && !!a.data;
   return S(() => {
-    const t = e.getFeature(o.GAMES);
-    t && s !== o.GAMES && (t.closeQuestion(), t.closeUser()), t == null || t.openedQuestionId.subscribe((p) => {
-      p && s !== o.GAMES && e.openFeature(o.GAMES);
+    const t = e.getFeature(s.GAMES);
+    t && r !== s.GAMES && (t.closeQuestion(), t.closeUser()), t == null || t.openedQuestionId.subscribe((p) => {
+      p && r !== s.GAMES && e.openFeature(s.GAMES);
     });
-  }, [s, e]), {
+  }, [r, e]), {
     sdkReady: n,
+    activeFeature: r,
     isLogged: !!c
   };
 };

package/lib/app/app/useAppContext.d.ts

@@ -1,7 +1,9 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 export declare const AppContext: import('react').Context<{
     sdk: StreamLayerSDK | null;
+    topNavigation?: boolean;
 }>;
 export declare const useAppContext: () => {
     sdk: StreamLayerSDK | null;
+    topNavigation?: boolean;
 };

package/lib/app/app/useAppContext.js

@@ -1,8 +1,9 @@
-import { createContext as t, useContext as e } from "react";
-const o = t({
-  sdk: null
-}), p = () => e(o);
+import { createContext as t, useContext as o } from "react";
+const e = t({
+  sdk: null,
+  topNavigation: !1
+}), p = () => o(e);
 export {
-  o as AppContext,
+  e as AppContext,
   p as useAppContext
 };