@streamlayer/react-ui 1.2.1 → 1.3.0

package/lib/app/app/Advertisement/index.d.ts

@@ -1,8 +1,9 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 export declare const AdvertisementUIWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export type StreamLayerSDKAdvertisementProps = {
     event?: string;
+    isMobileScreen?: boolean;
+    persistent?: boolean;
     sidebar?: 'left' | 'right';
     banner?: 'top' | 'bottom';
     layoutMode?: 'cover' | 'side-by-side';

package/lib/app/app/Advertisement/index.js

@@ -1,89 +1,101 @@
-import { jsx as s } from "react/jsx-runtime";
-import { styled as c } from "@linaria/react";
-import { useStore as m } from "@nanostores/react";
-import { useAnalyticsListener as f } from "../../../hooks/analytics.js";
-import { useEffect as u, useRef as v, useMemo as d } from "react";
-import { eventBus as p } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as A } from "@streamlayer/sdk-web-types";
-import { useAppApp as y } from "../useApp.js";
-import { AdvertisementUI as g } from "../../../ui/advertisement/index.js";
-const h = /* @__PURE__ */ c("div")({
+import { jsx as m } from "react/jsx-runtime";
+import { styled as u } from "@linaria/react";
+import { useStore as f } from "@nanostores/react";
+import { useAnalyticsListener as p } from "../../../hooks/analytics.js";
+import { useEffect as v, useRef as A, useMemo as y } from "react";
+import { eventBus as d } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as g, PromotionType as S } from "@streamlayer/sdk-web-types";
+import { useAppApp as b } from "../useApp.js";
+import { AdvertisementUI as h } from "../../../ui/advertisement/index.js";
+const L = /* @__PURE__ */ u("div")({
   name: "AdvertisementUIWrap",
   class: "aa6pjif",
   propsAsIs: !1
-}), S = (e) => {
-  const t = e.target;
-  t instanceof HTMLAnchorElement && t.target === "_blank" && t.getAttribute("data-analytics") === "web-link" && p.emit("poll", {
-    action: "navigated",
-    payload: {}
-  });
-}, L = ({
-  gamification: e,
-  layoutMode: t,
-  sidebar: r,
-  banner: i
+}), E = (t) => {
+  const e = t.target;
+  if (e instanceof HTMLAnchorElement && e.target === "_blank") {
+    const i = e.getAttribute("data-promo-id") || "", r = e.getAttribute("data-promo-type") || S.UNSET;
+    e.getAttribute("data-analytics") === "button" && d.emit("advertisement", {
+      action: "buttonSelect",
+      payload: {
+        advertisementId: i,
+        advertisementType: r
+      }
+    }), e.getAttribute("data-analytics") === "banner" && d.emit("advertisement", {
+      action: "bannerSelect",
+      payload: {
+        advertisementId: i,
+        advertisementType: r
+      }
+    });
+  }
+}, I = ({
+  gamification: t,
+  layoutMode: e,
+  sidebar: i,
+  banner: r,
+  isMobileScreen: c,
+  persistent: o
 }) => {
-  const o = v(null), a = m(e.advertisement.$list), n = d(
-    () => e.advertisement.getActiveAdvertisement(),
+  const a = A(null), s = f(t.advertisement.$list), n = y(
+    () => t.advertisement.getActiveAdvertisement(o),
     // fire getActiveNotification when notifications were updated
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a]
+    [s, o]
   );
-  return f(o, {
+  return p(a, {
     enabled: !!n,
     event: "click",
-    listener: S
-  }), n ? /* @__PURE__ */ s(h, {
-    ref: o,
+    listener: E
+  }), n ? /* @__PURE__ */ m(L, {
+    ref: a,
     style: {
-      height: !i && !r ? "auto" : "100%"
+      height: !r && !i ? "auto" : "100%"
     },
-    children: /* @__PURE__ */ s(g, {
-      sidebar: r,
-      banner: i,
+    className: c ? "mobile-view" : "",
+    children: /* @__PURE__ */ m(h, {
+      sidebar: i,
+      banner: r,
       advertisement: n,
-      layoutMode: t
+      layoutMode: e
     })
   }) : null;
-}, K = ({
-  sdk: e,
-  sidebar: t,
-  banner: r,
-  event: i,
-  layoutMode: o
+}, O = ({
+  sdk: t,
+  sidebar: e,
+  banner: i,
+  event: r,
+  layoutMode: c,
+  isMobileScreen: o,
+  persistent: a
 }) => {
   const {
-    deactivate: a
-  } = y(e);
-  u(() => {
-    i ? e.createEventSession(i) : a();
-  }, [i, a, e]);
-  const n = m(e.featuresList.getStore());
-  if (t && r)
-    return /* @__PURE__ */ s("div", {
+    deactivate: s
+  } = b(t);
+  v(() => {
+    r ? t.createEventSession(r) : s();
+  }, [r, s, t]);
+  const n = f(t.featuresList.getStore());
+  if (e && i)
+    return /* @__PURE__ */ m("div", {
       style: {
         color: "red"
       },
       children: "define either sidebar or banner, not both."
     });
-  if (!t && !r && o)
-    return /* @__PURE__ */ s("div", {
-      style: {
-        color: "red"
-      },
-      children: "layoutMode property unavailable for the overlay mode."
-    });
   if (!n)
     return null;
-  const l = e.getFeature(A.GAMES);
-  return l ? /* @__PURE__ */ s(L, {
+  const l = t.getFeature(g.GAMES);
+  return l ? /* @__PURE__ */ m(I, {
     gamification: l,
-    sidebar: t,
-    banner: r,
-    layoutMode: o
+    sidebar: e,
+    banner: i,
+    layoutMode: c,
+    isMobileScreen: o,
+    persistent: a
   }) : null;
 };
 export {
-  h as AdvertisementUIWrap,
-  K as StreamLayerSDKAdvertisement
+  L as AdvertisementUIWrap,
+  O as StreamLayerSDKAdvertisement
 };

package/lib/app/app/Features/FeatureProvider.d.ts

@@ -1,6 +1,5 @@
 import { Features } from '@streamlayer/sdk-web-features';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 /** Here we check data, render loaders, load data and perform some side effects for the active feature */
 export declare const FeatureProvider: React.FC<{
     feature: Features;

package/lib/app/app/Features/Gamification/Leaderboard.d.ts

@@ -1,7 +1,6 @@
 import { ScrollNodeRef } from '../../..';
 import { ScrollStore } from '../../../useSdkScroll';
 import { Gamification } from '@streamlayer/feature-gamification';
-
 export declare const Leaderboard: React.FC<{
     gamification: Gamification;
     scrollNode: ScrollNodeRef;

package/lib/app/app/Features/Gamification/Question.d.ts

@@ -1,5 +1,7 @@
 import { Gamification } from '@streamlayer/feature-gamification';
-
 export declare const Question: React.FC<{
     gamification: Gamification;
+    hideSponsor?: boolean;
+    className?: string;
+    hideHeader?: boolean;
 }>;

package/lib/app/app/Features/Gamification/Question.js

@@ -1,69 +1,73 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { styled as c } from "@linaria/react";
-import { useStore as u } from "@nanostores/react";
-import { useAppContext as m } from "../../useAppContext.js";
-import { QuestionType as p } from "@streamlayer/sdk-web-types";
-import { VoteHeader as f } from "../../../../ui/gamification/detail/header/index.js";
-import { Sponsor as b } from "../../../../ui/gamification/detail/sponsor/index.js";
-import { Vote as y, VoteSkeleton as V } from "../../../../ui/gamification/vote/index.js";
-import { InsightDetails as d } from "../../../../ui/gamification/vote/insight-details/index.js";
-import { TwitterDetails as h } from "../../../../ui/gamification/vote/twitter-details/index.js";
-const x = /* @__PURE__ */ c("div")({
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { styled as f } from "@linaria/react";
+import { useStore as m } from "@nanostores/react";
+import { useAppContext as b } from "../../useAppContext.js";
+import { QuestionType as y } from "@streamlayer/sdk-web-types";
+import { VoteHeader as V } from "../../../../ui/gamification/detail/header/index.js";
+import { Sponsor as d } from "../../../../ui/gamification/detail/sponsor/index.js";
+import { Vote as h, VoteSkeleton as x } from "../../../../ui/gamification/vote/index.js";
+import { InsightDetails as S } from "../../../../ui/gamification/vote/insight-details/index.js";
+import { TwitterDetails as g } from "../../../../ui/gamification/vote/twitter-details/index.js";
+const q = /* @__PURE__ */ f("div")({
   name: "QuestionContainer",
   class: "q14ckf9e",
   propsAsIs: !1
-}), S = ({
+}), v = ({
   openedQuestion: t
 }) => {
-  var e, s;
+  var s, i;
   const {
     sdk: o
-  } = m();
-  return ((e = t == null ? void 0 : t.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ r(d, {
+  } = b();
+  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ r(S, {
     ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
-  }) : ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "tweet" ? /* @__PURE__ */ r(h, {
+  }) : ((i = t == null ? void 0 : t.attributes) == null ? void 0 : i.attributes.case) === "tweet" ? /* @__PURE__ */ r(g, {
     ...t.attributes.attributes.value,
     controlVideo: o == null ? void 0 : o.controlVideoPlayer
   }) : null;
-}, g = ({
+}, D = ({
   extendedQuestion: t,
   vote: o,
-  close: e
+  close: s
 }) => {
   const {
-    loading: s,
-    data: i
+    loading: i,
+    data: e
   } = t;
-  return i ? /* @__PURE__ */ r(y, {
+  return e ? /* @__PURE__ */ r(h, {
     vote: o,
-    close: e,
-    openedQuestion: i,
-    isLoading: !!s
-  }) : /* @__PURE__ */ r(V, {});
-}, I = ({
-  gamification: t
+    close: s,
+    openedQuestion: e,
+    isLoading: !!i
+  }) : /* @__PURE__ */ r(x, {});
+}, E = ({
+  gamification: t,
+  hideSponsor: o,
+  className: s,
+  hideHeader: i
 }) => {
-  var i, n, l;
-  const o = u(t.openedQuestion.$store), e = u(t.openedQuestion.$extendedStore);
-  if (!o)
+  var u, a, c;
+  const e = m(t.openedQuestion.$store), n = m(t.openedQuestion.$extendedStore);
+  if (!e)
     return null;
-  const s = o.type;
-  return /* @__PURE__ */ a(x, {
-    children: [/* @__PURE__ */ r(f, {
+  const l = e.type;
+  return /* @__PURE__ */ p(q, {
+    className: s,
+    children: [!i && /* @__PURE__ */ r(V, {
       close: t.closeQuestion,
-      type: ((i = o.attributes) == null ? void 0 : i.type) || p.UNSET
-    }), s === "question" && /* @__PURE__ */ r(g, {
+      type: ((u = e.attributes) == null ? void 0 : u.type) || y.UNSET
+    }), l === "question" && /* @__PURE__ */ r(D, {
       vote: t.submitAnswer,
       close: t.closeQuestion,
-      extendedQuestion: e
-    }), s !== "question" && /* @__PURE__ */ r(S, {
-      openedQuestion: o
-    }), /* @__PURE__ */ r(b, {
-      sponsorLogo: (l = (n = e.data) == null ? void 0 : n.sponsorship) == null ? void 0 : l.logo
+      extendedQuestion: n
+    }), l !== "question" && /* @__PURE__ */ r(v, {
+      openedQuestion: e
+    }), !o && /* @__PURE__ */ r(d, {
+      sponsorLogo: (c = (a = n.data) == null ? void 0 : a.sponsorship) == null ? void 0 : c.logo
     })]
   });
 };
 export {
-  I as Question
+  E as Question
 };

package/lib/app/app/Features/Gamification/QuestionsList.d.ts

@@ -1,5 +1,4 @@
 import { Gamification } from '@streamlayer/feature-gamification';
-
 export declare const QuestionsList: React.FC<{
     store: ReturnType<Exclude<Gamification['feedList'], undefined>['getStore']>;
     openQuestion: (questionId: string) => void;

package/lib/app/app/Features/Gamification/Tabs.d.ts

@@ -2,7 +2,6 @@ import { AppNodeRef, ScrollNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { ScrollStore } from '../../../useSdkScroll';
 import { Gamification } from '@streamlayer/feature-gamification';
-
 export declare const Tabs: React.FC<{
     appNode: AppNodeRef;
     gamification: Gamification;

package/lib/app/app/Features/Gamification/UserSummary.d.ts

@@ -1,5 +1,4 @@
 import { Gamification } from '@streamlayer/feature-gamification';
-
 export declare const UserSummary: React.FC<{
     userSummary: Exclude<Gamification['userSummary'], undefined>;
 }>;

package/lib/app/app/Features/Gamification/gamification-feature.d.ts

@@ -1,3 +1,2 @@
 import { GamificationOverlay } from './';
-
 export default GamificationOverlay;

package/lib/app/app/Features/Gamification/index.d.ts

@@ -2,7 +2,6 @@ import { AppNodeRef, ScrollNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { ScrollStore } from '../../../useSdkScroll';
 import { Gamification as GamificationClass } from '@streamlayer/feature-gamification';
-
 export declare const GamificationOverlay: React.FC<{
     gamification: GamificationClass;
     className?: string;

package/lib/app/app/Features/index.d.ts

@@ -3,7 +3,6 @@ import { ResponsiveStore } from '../../useSdkResponsive';
 import { ScrollStore } from '../../useSdkScroll';
 import { Features } from '@streamlayer/sdk-web-features';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 /** render feature by type */
 export declare const ActiveFeature: React.FC<{
     sdk: StreamLayerSDK;

package/lib/app/app/Insight/index.d.ts

@@ -0,0 +1,18 @@
+import { Gamification } from '@streamlayer/feature-gamification';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+export declare const QuestionWrap: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    gamification: Gamification;
+    hideSponsor?: boolean;
+    className?: string;
+    hideHeader?: boolean;
+}>;
+export type StreamLayerSDKInsightProps = {
+    event?: string;
+    hideHeader?: boolean;
+    persistent?: boolean;
+};
+export declare const StreamLayerSDKInsight: React.FC<StreamLayerSDKInsightProps & {
+    sdk: StreamLayerSDK;
+}>;

package/lib/app/app/Insight/index.js

@@ -0,0 +1,62 @@
+import { jsx as p } from "react/jsx-runtime";
+import { styled as S } from "@linaria/react";
+import { useStore as m } from "@nanostores/react";
+import { useEffect as c } from "react";
+import { FeatureType as h, QuestionStatus as l } from "@streamlayer/sdk-web-types";
+import { Question as d } from "../Features/Gamification/Question.js";
+import { useAppApp as Q } from "../useApp.js";
+import { ShowIn as I } from "../../../ui/show-in/index.js";
+const a = () => d, y = /* @__PURE__ */ S(a())({
+  name: "QuestionWrap",
+  class: "q10hhsxv",
+  propsAsIs: !0
+}), A = ({
+  gamification: e,
+  persistent: t,
+  hideHeader: n
+}) => {
+  const i = m(e.openedQuestion.$store);
+  return c(() => e.feedList.getStore().subscribe(({
+    data: o
+  }) => {
+    if (o) {
+      const s = o, r = s == null ? void 0 : s.find(({
+        type: f,
+        attributes: u
+      }) => f === "insight" && (u == null ? void 0 : u.status) === l.ACTIVE);
+      r && (!t || e.isOpenedQuestion(r.id) || e.openQuestion(r.id, r));
+    }
+  }), [e, t]), i ? /* @__PURE__ */ p(I, {
+    style: {
+      height: "100%"
+    },
+    children: /* @__PURE__ */ p(y, {
+      hideHeader: n,
+      gamification: e,
+      hideSponsor: !0
+    })
+  }) : null;
+}, F = ({
+  sdk: e,
+  event: t,
+  persistent: n,
+  hideHeader: i
+}) => {
+  const {
+    deactivate: o
+  } = Q(e);
+  if (c(() => {
+    t ? e.createEventSession(t) : o();
+  }, [t, o, e]), !m(e.featuresList.getStore()))
+    return null;
+  const r = e.getFeature(h.GAMES);
+  return r ? /* @__PURE__ */ p(A, {
+    persistent: n,
+    hideHeader: i,
+    gamification: r
+  }) : null;
+};
+export {
+  y as QuestionWrap,
+  F as StreamLayerSDKInsight
+};

package/lib/app/app/Navigation/index.d.ts

@@ -1,5 +1,4 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 export declare const SDKNavigation: import('react').ForwardRefExoticComponent<{
     sdk: StreamLayerSDK;
     className?: string;

package/lib/app/app/Navigation/index.js

@@ -1,61 +1,69 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { styled as u } from "@linaria/react";
-import { useStore as n } from "@nanostores/react";
-import { forwardRef as y, useMemo as p } from "react";
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { styled as g } from "@linaria/react";
+import { useStore as l } from "@nanostores/react";
+import { forwardRef as h, useMemo as m } from "react";
 import { AvailableFeatures as S } from "@streamlayer/sdk-web-features";
-import { FeatureType as g } from "@streamlayer/sdk-web-types";
-import { SvgIcon as h } from "../../../ui/icons/index.js";
-import { Button as s } from "../../../ui/navigation/button/index.js";
-import { Navigation as C, NavigationItems as F } from "../../../ui/navigation/masters.js";
-const x = () => h, A = /* @__PURE__ */ u(x())({
+import { FeatureType as d } from "@streamlayer/sdk-web-types";
+import { SvgIcon as F } from "../../../ui/icons/index.js";
+import { Button as n } from "../../../ui/navigation/button/index.js";
+import { Navigation as A, NavigationItems as v } from "../../../ui/navigation/masters.js";
+const C = () => F, x = /* @__PURE__ */ g(C())({
   name: "ButtonIcon",
   class: "b11wpe79",
   propsAsIs: !0
-}), K = y(({
-  sdk: e,
-  className: l
-}, m) => {
-  const r = n(e.sdkStore.organizationSettings), t = n(e.sdkStore.streamSettings), a = n(e.getActiveFeature()), c = p(() => {
-    const o = (t == null ? void 0 : t.data) || (r == null ? void 0 : r.data);
+}), K = h(({
+  sdk: i,
+  className: f
+}, u) => {
+  const t = l(i.sdkStore.organizationSettings), r = l(i.sdkStore.streamSettings), a = l(i.getActiveFeature()), p = m(() => {
+    const o = (r == null ? void 0 : r.data) || (t == null ? void 0 : t.data);
     return o != null && o.overlays ? o.overlays : [];
-  }, [r, t]), d = p(() => [...c.filter(({
-    enableSdkButton: o
-  }) => o).map((o) => ({
+  }, [t, r]), s = m(() => [...p.filter(({
+    enableSdkButton: o,
+    type: c
+  }) => c === d.GAMES || o).map((o) => ({
     id: o.type,
-    onClick: () => e.openFeature(o.type),
+    onClick: () => i.openFeature(o.type),
     disabled: !(o.type in S),
     label: o.name,
-    icon: /* @__PURE__ */ i("img", {
+    icon: /* @__PURE__ */ e("img", {
       src: o.icon,
       alt: ""
     }),
     /** multiplied by 10 to add the ability to insert custom buttons between our buttons */
     position: o.position * 10
-  }))].sort((o, v) => o.position - v.position), [c, e]);
-  return /* @__PURE__ */ f(C, {
-    className: l,
-    children: [/* @__PURE__ */ i(F, {
-      children: [/* @__PURE__ */ i(s, {
+  }))].sort((o, c) => o.position - c.position), [p, i]);
+  return /* @__PURE__ */ y(A, {
+    className: f,
+    children: [s.length !== 0 && /* @__PURE__ */ e(v, {
+      children: [/* @__PURE__ */ e(n, {
         id: "Channels",
-        onClick: () => e.closeFeature(),
+        onClick: () => i.closeFeature(),
         label: "Channels",
         active: a === 0
-      }, "Channels"), ...d.map((o) => o.id === g.GAMES ? /* @__PURE__ */ i(s, {
+      }, "Channels"), ...s.map((o) => o.id === d.GAMES ? /* @__PURE__ */ e(n, {
         ...o,
         active: o.id === a,
         label: "StreamLayer +",
         id: "featuredGroups",
-        icon: /* @__PURE__ */ i(A, {
+        icon: /* @__PURE__ */ e(x, {
           name: "icon-btn-feature-groups",
           "data-selected": o.id === a
         })
-      }, o.id) : /* @__PURE__ */ i(s, {
+      }, o.id) : /* @__PURE__ */ e(n, {
         ...o,
         icon: void 0,
         active: o.id === a
       }, o.id))]
-    }), /* @__PURE__ */ i("div", {
-      ref: m
+    }), !s.length && /* @__PURE__ */ e(v, {
+      children: [/* @__PURE__ */ e(n, {
+        id: "empty",
+        label: "No Features...",
+        active: !1,
+        disabled: !0
+      }, "empty")]
+    }), /* @__PURE__ */ e("div", {
+      ref: u
     })]
   });
 });

package/lib/app/app/Notifications/Onboarding/Notification/index.d.ts

@@ -1,6 +1,5 @@
 import { Notification } from '@streamlayer/sdk-web-notifications';
 import { GameSettings } from '@streamlayer/sdk-web-types';
-
 export declare const Onboarding: React.FC<{
     close: Notification['close'];
     action: Notification['action'];

package/lib/app/app/Notifications/Onboarding/index.d.ts

@@ -2,7 +2,6 @@ import { AppNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { Notification } from '@streamlayer/sdk-web-notifications';
-
 export declare const Onboarding: React.FC<{
     sdk: StreamLayerSDK;
     notification: Notification;

package/lib/app/app/Notifications/index.d.ts

@@ -2,7 +2,6 @@ import { AppNodeRef, ScrollNodeRef, HeaderNodeRef } from '../..';
 import { ResponsiveStore } from '../../useSdkResponsive';
 import { ScrollStore } from '../../useSdkScroll';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 export declare const SDKNotifications: React.FC<{
     sdk: StreamLayerSDK;
     scrollNode: ScrollNodeRef;

package/lib/app/app/Notifications/styles.d.ts

@@ -3,7 +3,7 @@ export declare const InnerContainer: import('@linaria/react').StyledComponent<im
 export declare const HiddenContainer: {
     __wyw_meta: unknown;
 } & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import('react').ElementType;
+    as?: React.ElementType;
 }>;
 export declare const NotificationRefreshing: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Pill: any;

package/lib/app/app/Points/index.d.ts

@@ -1,5 +1,4 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 export declare const StreamLayerSDKPoints: React.FC<{
     sdk: StreamLayerSDK;
 }>;

package/lib/app/app/index.d.ts

@@ -1,5 +1,4 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-
 export type AppAppChildrenProps = {
     activateEventWithId: (event: string) => void;
     deactivate: () => void;

package/lib/app/app/story/index.d.ts

@@ -1,10 +1,2 @@
-export declare const AppStory: React.FC<{
-    hideSdk?: boolean;
-    hideLogin?: boolean;
-    hidePoints?: boolean;
-    settings?: boolean;
-    promotionId?: string;
-    sidebar: 'left' | 'right';
-    banner: 'top' | 'bottom';
-    layoutMode: 'cover' | 'side-by-side';
-}>;
+import { DebugProps } from '../../../utils/debug';
+export declare const AppStory: React.FC<DebugProps>;