@streamlayer/react-ui 1.10.0 → 1.11.1

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
 };

package/lib/app/login/index.js

@@ -1,36 +1,36 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useState as a } from "react";
 import w from "react-auth-code-input";
 import P, { isValidPhoneNumber as F, formatPhoneNumberIntl as v } from "react-phone-number-input";
 import { Timer as D } from "../../ui/timer/index.js";
-import { requestLoginCode as I, register as k, login as S } from "../../utils/login.js";
+import { requestLoginCode as I, register as S, login as k } from "../../utils/login.js";
 import { Panel as q, Form as m, FormTitle as p, FormDescription as d, FormInputContainer as x, FormSubmit as s, Digits as E } from "./styles.js";
 const z = ({ login: h, anonymousLogin: u, host: c }) => {
   const [o, g] = a(""), [i, b] = a(""), [l, f] = a(""), y = async (t) => {
     t.preventDefault();
     try {
-      const n = o.replaceAll("+", "");
+      const r = o.replaceAll("+", "");
       try {
-        await I(c, n);
+        await I(c, r);
       } catch {
-        await k(c, n);
+        await S(c, r);
       }
-      b(n);
-    } catch (n) {
-      window.alert(n);
+      b(r);
+    } catch (r) {
+      window.alert(r);
     }
   }, C = async (t) => {
     if (t.preventDefault(), i && l)
       try {
-        const n = await S(c, i, l);
-        n && h ? await h(n) : console.log("token", n);
-      } catch (n) {
-        window.alert(n);
+        const r = await k(c, i, l);
+        r && h && await h(r);
+      } catch (r) {
+        window.alert(r);
       }
   };
-  return /* @__PURE__ */ r(q, { children: [
-    !i && /* @__PURE__ */ r("div", { children: [
-      /* @__PURE__ */ r(m, { onSubmit: y, children: [
+  return /* @__PURE__ */ n(q, { children: [
+    !i && /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ n(m, { onSubmit: y, children: [
         /* @__PURE__ */ e(p, { children: "Enter your phone number" }),
         /* @__PURE__ */ e(d, { children: "Enter your phone up for number to log in or sign an account." }),
         /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(P, { value: o, onChange: (t) => g(`${t}`) }) }),
@@ -38,9 +38,9 @@ const z = ({ login: h, anonymousLogin: u, host: c }) => {
       ] }),
       u && /* @__PURE__ */ e(s, { style: { display: "block", margin: "auto" }, onClick: u, children: "anonymous login" })
     ] }),
-    i && /* @__PURE__ */ r(m, { onSubmit: C, children: [
+    i && /* @__PURE__ */ n(m, { onSubmit: C, children: [
       /* @__PURE__ */ e(p, { children: "Enter Verification Code" }),
-      /* @__PURE__ */ r(d, { children: [
+      /* @__PURE__ */ n(d, { children: [
         "Please enter the verification code ",
         /* @__PURE__ */ e("br", {}),
         "sent to ",
@@ -48,7 +48,7 @@ const z = ({ login: h, anonymousLogin: u, host: c }) => {
       ] }),
       /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(w, { autoFocus: !0, allowedCharacters: "numeric", length: 4, onChange: f }) }),
       /* @__PURE__ */ e(s, { disabled: l.length !== 4, type: "submit", children: "login" }),
-      /* @__PURE__ */ r(d, { children: [
+      /* @__PURE__ */ n(d, { children: [
         "Didn't get 59 the code? ",
         /* @__PURE__ */ e("br", {}),
         "Resend Code in",