@streamlayer/react-ui 1.9.0 → 1.10.0

package/lib/app/app/story/insight/video.d.ts

@@ -1,4 +1,5 @@
 export declare const Video: React.FC<{
     insightId?: string;
+    skipAutoClose?: boolean;
     layoutMode?: 'side-by-side' | 'cover';
 }>;

package/lib/app/app/story/insight/video.js

@@ -1,15 +1,15 @@
-import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
-import { useRef as h } from "react";
+import { jsxs as i, Fragment as h, jsx as e } from "react/jsx-runtime";
+import { useRef as c } from "react";
 import { useStreamLayer as l } from "@streamlayer/react";
-import { StreamLayerSDKInsight as i } from "../../Insight/index.js";
-import { StreamLayerThemeProvider as n } from "../../../../ui/theme/index.js";
-import { VideoFrame as c, customTheme as s, VideoPlayerWrap as p, InsightContainerMobile as u, InsightContainerOverlay as f, InsightContainerLBar as g } from "./styles.js";
-const x = ({ insightId: t, layoutMode: a }) => {
-  const r = l(), m = h(null);
-  return /* @__PURE__ */ o(d, { children: [
-    /* @__PURE__ */ o(c, { ref: m, "data-testid": "video-frame", children: [
-      /* @__PURE__ */ e(a === "cover" ? f : g, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) }),
-      /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
+import { StreamLayerSDKInsight as n } from "../../Insight/index.js";
+import { StreamLayerThemeProvider as s } from "../../../../ui/theme/index.js";
+import { VideoFrame as p, customTheme as a, VideoPlayerWrap as u, InsightContainerMobile as f, InsightContainerOverlay as g, InsightContainerLBar as v } from "./styles.js";
+const F = ({ insightId: t, layoutMode: m, skipAutoClose: o }) => {
+  const r = l(), d = c(null);
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ i(p, { ref: d, "data-testid": "video-frame", children: [
+      /* @__PURE__ */ e(m === "cover" ? g : v, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { skipAutoClose: o, sdk: r, insightId: t, persistent: !0 }) }) }),
+      /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: "divAnchor", children: /* @__PURE__ */ e(
         "video",
         {
           src: "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
@@ -22,9 +22,9 @@ const x = ({ insightId: t, layoutMode: a }) => {
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ e(u, { children: r && /* @__PURE__ */ e(n, { customTheme: s, children: /* @__PURE__ */ e(i, { sdk: r, insightId: t, persistent: !0 }) }) })
+    /* @__PURE__ */ e(f, { children: r && /* @__PURE__ */ e(s, { customTheme: a, children: /* @__PURE__ */ e(n, { skipAutoClose: o, sdk: r, insightId: t, persistent: !0 }) }) })
   ] });
 };
 export {
-  x as Video
+  F as Video
 };

package/lib/app/app/story/promotion/content.d.ts

@@ -1 +1,3 @@
-export declare const Content: React.FC;
+export declare const Content: React.FC<{
+    skipAutoClose?: boolean;
+}>;

package/lib/app/app/story/promotion/content.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { styled as r } from "@linaria/react";
-import { useStreamLayer as m } from "@streamlayer/react";
-import { StreamLayerSDKAdvertisement as o } from "../../Advertisement/index.js";
-import { theme as i } from "../../../../ui/theme/theme.js";
-const a = /* @__PURE__ */ r("div")({
+import { useStreamLayer as o } from "@streamlayer/react";
+import { StreamLayerSDKAdvertisement as i } from "../../Advertisement/index.js";
+import { theme as a } from "../../../../ui/theme/theme.js";
+const d = /* @__PURE__ */ r("div")({
   name: "Container",
   class: "c1g3vhjc",
   propsAsIs: !1
@@ -11,14 +11,17 @@ const a = /* @__PURE__ */ r("div")({
   name: "Div",
   class: "d1626h38",
   propsAsIs: !1
-}), c = () => {
-  const s = m();
-  return s ? /* @__PURE__ */ e(a, {
-    className: i,
+}), h = ({
+  skipAutoClose: m
+}) => {
+  const s = o();
+  return s ? /* @__PURE__ */ e(d, {
+    className: a,
     "data-testid": "overlay",
     children: [/* @__PURE__ */ e(n, {
       children: ["Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. ", /* @__PURE__ */ t("br", {}), "-------------"]
-    }), /* @__PURE__ */ t(o, {
+    }), /* @__PURE__ */ t(i, {
+      skipAutoClose: m,
       sdk: s,
       persistent: !0
     }), /* @__PURE__ */ e(n, {
@@ -27,5 +30,5 @@ const a = /* @__PURE__ */ r("div")({
   }) : null;
 };
 export {
-  c as Content
+  h as Content
 };

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

@@ -4,6 +4,7 @@ export declare const PromotionStory: React.FC<{
     sdkKey?: string;
     eventId?: string;
     production?: boolean;
+    skipAutoClose?: boolean;
     sidebar: 'left' | 'right';
     banner: 'top' | 'bottom';
 }>;

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

@@ -1,53 +1,57 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { styled as r } from "@linaria/react";
-import { StreamLayerProvider as l } from "@streamlayer/react";
-import { useStreamLayerDebug as y } from "../../../../utils/debug/index.js";
-import { Content as u } from "./content.js";
-import { Video as v } from "./video.js";
-const b = /* @__PURE__ */ r("div")({
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { styled as t } from "@linaria/react";
+import { StreamLayerProvider as y } from "@streamlayer/react";
+import { useStreamLayerDebug as v } from "../../../../utils/debug/index.js";
+import { Content as b } from "./content.js";
+import { Video as f } from "./video.js";
+const u = /* @__PURE__ */ t("div")({
   name: "Body",
   class: "bqh4lcc",
   propsAsIs: !1
-}), f = /* @__PURE__ */ r("div")({
+}), h = /* @__PURE__ */ t("div")({
   name: "Main",
   class: "mgga81b",
   propsAsIs: !1
-}), j = ({
-  isMobileScreen: t,
+}), B = ({
+  isMobileScreen: n,
   promotionId: s,
-  sdkKey: n,
-  eventId: i,
-  sidebar: d,
-  production: a,
-  banner: m,
-  layoutMode: c = "side-by-side"
+  sdkKey: i,
+  eventId: d,
+  sidebar: a,
+  skipAutoClose: r,
+  production: m,
+  banner: c,
+  layoutMode: p = "side-by-side"
 }) => {
-  const o = y({
-    sdkKey: n,
-    eventId: i,
-    production: a
+  const o = v({
+    sdkKey: i,
+    eventId: d,
+    production: m
   });
-  return /* @__PURE__ */ e(f, {
-    children: /* @__PURE__ */ p(l, {
+  return /* @__PURE__ */ e(h, {
+    children: /* @__PURE__ */ l(y, {
       sdkKey: o.sdkKey,
       event: o.event,
       production: o.env === "production",
       autoEnable: !0,
-      children: [/* @__PURE__ */ e(b, {
-        children: /* @__PURE__ */ e(v, {
+      children: [/* @__PURE__ */ e(u, {
+        children: /* @__PURE__ */ e(f, {
           event: o.event,
-          banner: m,
-          sidebar: d,
-          layoutMode: c,
+          banner: c,
+          sidebar: a,
+          layoutMode: p,
           promotionId: s,
-          isMobileScreen: t
+          skipAutoClose: r,
+          isMobileScreen: n
         })
       }), /* @__PURE__ */ e("h3", {
         children: "Overlay View (should appear between two text blocks)"
-      }), /* @__PURE__ */ e(u, {})]
+      }), /* @__PURE__ */ e(b, {
+        skipAutoClose: r
+      })]
     })
   });
 };
 export {
-  j as PromotionStory
+  B as PromotionStory
 };

package/lib/app/app/story/promotion/video.d.ts

@@ -3,6 +3,7 @@ export declare const Video: React.FC<{
     banner: 'top' | 'bottom';
     layoutMode: 'cover' | 'side-by-side';
     isMobileScreen?: boolean;
+    skipAutoClose?: boolean;
     event?: string;
     promotionId?: string;
 }>;

package/lib/app/app/story/promotion/video.js

@@ -1,19 +1,19 @@
-import { jsxs as n, Fragment as v, jsx as r } from "react/jsx-runtime";
-import { useRef as g, useState as V, useCallback as y, useEffect as w } from "react";
-import { useStreamLayer as x } from "@streamlayer/react";
-import { StreamLayerSDKAdvertisement as m } from "../../Advertisement/index.js";
-import { StreamLayerThemeProvider as c } from "../../../../ui/theme/index.js";
-import { PromoButton as P, VideoFrame as A, AdvSidebar as C, VideoPlayerWrap as b, AdvBanner as F, AdvContent as S } from "./styles.js";
-const D = ({ isMobileScreen: o, sidebar: s, banner: h, event: a, promotionId: l, layoutMode: t }) => {
-  const e = x(), p = g(null), [u, f] = V(!0), d = y(({ muted: i }) => {
-    f(i);
+import { jsxs as n, Fragment as g, jsx as r } from "react/jsx-runtime";
+import { useRef as V, useState as y, useCallback as w, useEffect as x } from "react";
+import { useStreamLayer as P } from "@streamlayer/react";
+import { StreamLayerSDKAdvertisement as c } from "../../Advertisement/index.js";
+import { StreamLayerThemeProvider as h } from "../../../../ui/theme/index.js";
+import { PromoButton as b, VideoFrame as F, AdvSidebar as S, VideoPlayerWrap as A, AdvBanner as B, AdvContent as C } from "./styles.js";
+const E = ({ isMobileScreen: o, skipAutoClose: a, sidebar: s, banner: p, event: d, promotionId: l, layoutMode: t }) => {
+  const e = P(), u = V(null), [f, v] = y(!0), m = w(({ muted: i }) => {
+    v(i);
   }, []);
-  return w(() => (e == null || e.addVideoPlayerController(d), () => {
-    e == null || e.removeVideoPlayerController(d);
-  }), [e, d]), /* @__PURE__ */ n(v, { children: [
-    l && /* @__PURE__ */ n(P, { onClick: () => {
+  return x(() => (e == null || e.addVideoPlayerController(m), () => {
+    e == null || e.removeVideoPlayerController(m);
+  }), [e, m]), /* @__PURE__ */ n(g, { children: [
+    l && /* @__PURE__ */ n(b, { onClick: () => {
       var i;
-      (i = p.current) == null || i.scrollIntoView({ behavior: "smooth" }), setTimeout(() => {
+      (i = u.current) == null || i.scrollIntoView({ behavior: "smooth" }), setTimeout(() => {
         e == null || e.getFeature(12).background.advertisement.show(l);
       }, 200);
     }, children: [
@@ -22,34 +22,35 @@ const D = ({ isMobileScreen: o, sidebar: s, banner: h, event: a, promotionId: l,
     ] }),
     /* @__PURE__ */ r("h3", { children: "Sidebar On Video View and Banner" }),
     /* @__PURE__ */ r("p", { children: "On desktop, the width limit is 344px, and for mobile screens, it is 300px as designed." }),
-    /* @__PURE__ */ n(A, { ref: p, "data-testid": "video-frame", children: [
+    /* @__PURE__ */ n(F, { ref: u, "data-testid": "video-frame", children: [
       /* @__PURE__ */ r(
-        C,
+        S,
         {
           style: {
             ...t === "cover" ? { position: "absolute" } : {},
             ...s === "left" ? { left: 0 } : { right: 0, order: 3 },
             ...o ? { maxWidth: "calc(300px + env(safe-area-inset-left))" } : {}
           },
-          children: e && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
-            m,
+          children: e && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+            c,
             {
               isMobileScreen: o,
-              event: a,
+              event: d,
               sdk: e,
               sidebar: s,
               layoutMode: t,
+              skipAutoClose: a,
               persistent: !0
             }
           ) })
         }
       ),
-      /* @__PURE__ */ n(b, { children: [
+      /* @__PURE__ */ n(A, { children: [
         /* @__PURE__ */ r("div", { className: "divAnchor", children: /* @__PURE__ */ r(
           "video",
           {
             src: "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
-            muted: u,
+            muted: f,
             width: "100%",
             height: "100%",
             autoplay: "autoplay",
@@ -59,20 +60,21 @@ const D = ({ isMobileScreen: o, sidebar: s, banner: h, event: a, promotionId: l,
           }
         ) }),
         /* @__PURE__ */ r(
-          F,
+          B,
           {
             style: {
               ...t === "cover" ? { position: "absolute" } : {},
-              ...h === "top" ? { top: 0, order: -1 } : { bottom: 0 }
+              ...p === "top" ? { top: 0, order: -1 } : { bottom: 0 }
             },
-            children: e && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
-              m,
+            children: e && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+              c,
               {
                 isMobileScreen: o,
-                event: a,
+                event: d,
                 sdk: e,
-                banner: h,
+                banner: p,
                 layoutMode: t,
+                skipAutoClose: a,
                 persistent: !0
               }
             ) })
@@ -80,19 +82,20 @@ const D = ({ isMobileScreen: o, sidebar: s, banner: h, event: a, promotionId: l,
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(S, { children: e && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(
-      m,
+    /* @__PURE__ */ r(C, { children: e && /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(
+      c,
       {
         isMobileScreen: o,
-        event: a,
+        event: d,
         sdk: e,
         sidebar: s,
         layoutMode: t,
+        skipAutoClose: a,
         persistent: !0
       }
     ) }) })
   ] });
 };
 export {
-  D as Video
+  E as Video
 };

package/lib/app/app/styles.js

@@ -0,0 +1,44 @@
+import { styled as s } from "@linaria/react";
+const i = /* @__PURE__ */ s("div")({
+  name: "SDKContainer",
+  class: "sopqfe6",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "SDKScrollContainer",
+  class: "s102vcph",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("div")({
+  name: "SDKContentContainer",
+  class: "s1meqjjv",
+  propsAsIs: !1
+}), a = () => e, n = /* @__PURE__ */ s(a())({
+  name: "SDKWhiteContainer",
+  class: "s1burm22",
+  propsAsIs: !0
+}), c = /* @__PURE__ */ s("div")({
+  name: "TabsContainer",
+  class: "tm5r3j5",
+  propsAsIs: !1
+}), o = () => n, l = /* @__PURE__ */ s(o())({
+  name: "LeaderboardContainer",
+  class: "lysxwr6",
+  propsAsIs: !0
+}), r = () => n, C = /* @__PURE__ */ s(r())({
+  name: "TabsNavContainer",
+  class: "t9er3b1",
+  propsAsIs: !0
+}), m = /* @__PURE__ */ s("div")({
+  name: "UserSummaryContainer",
+  class: "u19dtrb3",
+  propsAsIs: !1
+});
+export {
+  l as LeaderboardContainer,
+  i as SDKContainer,
+  e as SDKContentContainer,
+  p as SDKScrollContainer,
+  n as SDKWhiteContainer,
+  c as TabsContainer,
+  C as TabsNavContainer,
+  m as UserSummaryContainer
+};

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

@@ -1,19 +1,5 @@
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-/**
- * A hook that provides functionality for managing the StreamLayerSDK in the App app.
- * - On activate FG+ button, the SDK is initialized and the FG+ overlay is opened.
- * - On activate Channels or Leaderboard button, the SDK is disabled and the FG+ overlay is closed.
- * - On sdk status change, if sdk disabled (f.e some errors occurred), the SDK is disabled and the FG+ overlay is closed.
- * @param sdk - The StreamLayerSDK instance to use.
- * @returns An object containing various functions and state values for managing the SDK and app overlays.
- * @returns deactivate - A function that disables the SDK and closes the FG+ overlay.
- * @returns activateEventWithId - A function that initializes the SDK and opens the FG+ overlay.
- * With event (The id of the event to create a session for.) as a parameter.
- */
 export declare const useAppApp: (sdk: StreamLayerSDK) => {
-    sdkEnabled: boolean;
     sdkReady: boolean;
-    activateEventWithId: (event: string) => void;
-    deactivate: () => void;
     isLogged: boolean;
 };

package/lib/app/app/useApp.js

@@ -1,48 +1,18 @@
-import { useStore as n } from "@nanostores/react";
-import { useRef as m, useState as b, useEffect as s, useCallback as c } from "react";
-import { FeatureType as E } from "@streamlayer/sdk-web-types";
-const F = (e) => {
-  const a = m(""), [o, r] = b(!1), p = n(e.status), l = n(e.sdkStore.slStreamId), i = n(e.userId()), f = n(e.getActiveFeature()), u = p === "ready" && !!l.data;
-  s(() => {
-    const t = e.getFeature(E.GAMES);
-    t && (t.closeQuestion(), t.closeUser());
-  }, [f, e]);
-  const A = c(
-    (t) => {
-      a.current = t, r(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: v, err: d }) => {
-        if (!d && v) {
-          e.isUserAuthorized().then((g) => {
-            g || e.disableApp();
-          });
-          return;
-        }
-      });
-    },
-    [e]
-  ), S = c(() => {
-    r(!1), e.disableApp();
-  }, [e]);
-  return s(() => {
-    if (!i) {
-      u && e.disableApp();
-      return;
-    }
-    if (i && a.current && o) {
-      e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
-        e.createEventSession(a.current);
-      });
-      return;
-    }
-  }, [i]), s(() => () => {
-    r(!1), e.disableApp();
-  }, [r, e]), {
-    sdkEnabled: o,
-    sdkReady: u,
-    activateEventWithId: A,
-    deactivate: S,
-    isLogged: !!i
+import { useStore as r } from "@nanostores/react";
+import { useEffect as S } from "react";
+import { FeatureType as o } 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;
+  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);
+    });
+  }, [s, e]), {
+    sdkReady: n,
+    isLogged: !!c
   };
 };
 export {
-  F as useAppApp
+  A as useAppApp
 };

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

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

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

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

package/lib/app/masters/Features/Gamification/Tabs.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as e, Fragment as x } from "react/jsx-runtime";
 import { useStore as u } from "@nanostores/react";
-import { TabsContainer as D, TabsNavContainer as T, SDKWhiteContainer as v, UserSummaryContainer as C, SDKContentContainer as A, LeaderboardContainer as I } from "../../../styles.js";
-import { scrollIntoAppView as P } from "../../../useSdkScroll.js";
+import { TabsContainer as D, TabsNavContainer as T, SDKWhiteContainer as v, UserSummaryContainer as C, SDKContentContainer as A, LeaderboardContainer as I } from "../../styles.js";
+import { scrollIntoAppView as P } from "../../useSdkScroll.js";
 import { useState as S, useTransition as V, useEffect as E } from "react";
 import { ActivePages as a, Tabs as K } from "../../../../ui/gamification/tabs/index.js";
 import { Leaderboard as L } from "./Leaderboard.js";

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

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

package/lib/app/masters/Features/Gamification/index.js

@@ -1,7 +1,7 @@
 import { jsx as n, jsxs as f } from "react/jsx-runtime";
 import { styled as m } from "@linaria/react";
 import { useStore as a } from "@nanostores/react";
-import { SDKWhiteContainer as h } from "../../../styles.js";
+import { SDKWhiteContainer as h } from "../../styles.js";
 import { useHideTransition as C } from "../../../../hooks/showIn.js";
 import { VoteHeader as k } from "../../../../ui/gamification/detail/header/index.js";
 import { UserStatistics as S } from "../../../../ui/gamification/user-statistics/index.js";

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

@@ -1,6 +1,6 @@
 import { AppNodeRef, ScrollNodeRef } from '../..';
-import { ResponsiveStore } from '../../useSdkResponsive';
-import { ScrollStore } from '../../useSdkScroll';
+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 */

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

@@ -1,4 +1,4 @@
-import { ResponsiveStore } from '../../../useSdkResponsive';
+import { ResponsiveStore } from '../../useSdkResponsive';
 import { ChannelsButtonId } from '../../../../ui/navigation/button/Channels';
 import { FeaturedGroupsButtonId } from '../../../../ui/navigation/button/FeaturedGroups';
 import { LeaderBoardButtonId } from '../../../../ui/navigation/button/LeaderBoard';

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

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

package/lib/app/masters/Notifications/Onboarding/index.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as Z, Fragment as w } from "react/jsx-runtime";
 import { styled as v } from "@linaria/react";
 import { useStore as I } from "@nanostores/react";
-import { useImagesPreload as F } from "../../../useImagesPreload.js";
-import { scrollIntoAppView as T } from "../../../useSdkScroll.js";
+import { scrollIntoAppView as F } from "../../useSdkScroll.js";
+import { useImagesPreload as T } from "../../../useImagesPreload.js";
 import { useRef as A, useState as S, useMemo as x, useLayoutEffect as _, useEffect as B } from "react";
 import { FeatureType as j } from "@streamlayer/sdk-web-types";
 import { OnboardingUI as E } from "../../../../ui/gamification/onboarding/index.js";
@@ -118,7 +118,7 @@ const R = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200
   const {
     loading: g,
     throttled: V
-  } = F(m);
+  } = T(m);
   return f && o && e && s.current && !V ? /* @__PURE__ */ t(G, {
     container: s,
     useContainer: !a,
@@ -153,7 +153,7 @@ const R = "data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200
           close: r.close,
           action: () => {
             var n;
-            d(!0), (((n = s.current) == null ? void 0 : n.getBoundingClientRect().y) || 0) < 0 && T(s, h.size, {
+            d(!0), (((n = s.current) == null ? void 0 : n.getBoundingClientRect().y) || 0) < 0 && F(s, h.size, {
               behavior: "smooth"
             });
           },

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

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

package/lib/app/masters/Notifications/index.js

@@ -2,7 +2,7 @@ import { jsxs as f, Fragment as D, jsx as c } from "react/jsx-runtime";
 import { cx as N } from "@linaria/core";
 import { useStore as g } from "@nanostores/react";
 import { useMastersContext as T } from "../useMastersContext.js";
-import { scrollIntoAppView as q } from "../../useSdkScroll.js";
+import { scrollIntoAppView as q } from "../useSdkScroll.js";
 import { useState as p, useMemo as E, useEffect as h, useRef as O, useCallback as w } from "react";
 import { r as b } from "../../../index-B1QdimmR.js";
 import { eventBus as C } from "@streamlayer/sdk-web-interfaces";