@streamlayer/react-ui 1.0.0 → 1.1.0

package/lib/{ui/app → app}/masters/Notifications/index.js

@@ -1,32 +1,32 @@
-import { jsxs as g, Fragment as D, jsx as c } from "react/jsx-runtime";
+import { jsxs as f, Fragment as D, jsx as c } from "react/jsx-runtime";
 import { cx as N } from "@linaria/core";
-import { useStore as f } from "@nanostores/react";
-import { useState as p, useMemo as T, useEffect as h, useRef as E, useCallback as w } from "react";
-import { r as O } from "../../../../index-Bicco-Aq.js";
-import { eventBus as b } from "@streamlayer/sdk-web-interfaces";
+import { useStore as g } from "@nanostores/react";
+import { useMastersContext as T } from "../useMastersContext.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";
 import { NotificationType as a } from "@streamlayer/sdk-web-notifications";
-import { useMastersContext as q } from "../useMastersContext.js";
-import { scrollIntoAppView as C } from "../../useSdkScroll.js";
-import { QuestionTypeData as R } from "../../../gamification/constants.js";
-import { Notification as V } from "../../../gamification/question/notification/index.js";
-import { PredictionResult as P } from "../../../gamification/question/notification/prediction-result/index.js";
+import { QuestionTypeData as R } from "../../../ui/gamification/constants.js";
+import { Notification as V } from "../../../ui/gamification/question/notification/index.js";
+import { PredictionResult as P } from "../../../ui/gamification/question/notification/prediction-result/index.js";
 import { Onboarding as x } from "./Onboarding/index.js";
-import { HiddenContainer as A, Container as B, InnerContainer as H, NotificationRefreshing as Q, Pill as z } from "./styles.js";
-const U = (o) => {
-  const [t, u] = p(0), i = E(null), d = w((r) => {
+import { HiddenContainer as A, Container as B, InnerContainer as H, NotificationRefreshing as Q, Pill as U } from "./styles.js";
+const j = (n) => {
+  const [t, u] = p(0), i = O(null), d = w((r) => {
     i.current = r;
   }, []);
   h(() => {
     var l;
     const r = (l = i.current) == null ? void 0 : l.getBoundingClientRect();
     r && u(r.height);
-  }, [o]);
-  const n = w((r) => {
+  }, [n]);
+  const o = w((r) => {
     u(r);
   }, []);
-  return [d, t, n];
-}, j = ({
-  sdk: o,
+  return [d, t, o];
+}, z = ({
+  sdk: n,
   notification: t,
   appNode: u,
   responsiveStore: i
@@ -34,18 +34,18 @@ const U = (o) => {
   var s, e;
   const {
     sdkInDesktopView: d
-  } = f(i, {
+  } = g(i, {
     keys: ["sdkInDesktopView"]
   }), {
-    sdk: n
-  } = q(), [r, l, m] = U(t.id);
-  return t.type === a.QUESTION ? /* @__PURE__ */ g(D, {
+    sdk: o
+  } = T(), [r, l, m] = j(t.id);
+  return t.type === a.QUESTION ? /* @__PURE__ */ f(D, {
     children: [/* @__PURE__ */ c(A, {
       ref: r,
       children: /* @__PURE__ */ c(V, {
         ...t
       })
-    }), /* @__PURE__ */ g(B, {
+    }), /* @__PURE__ */ f(B, {
       style: {
         height: t.hiding ? 0 : l
       },
@@ -56,7 +56,7 @@ const U = (o) => {
         },
         children: /* @__PURE__ */ c(V, {
           ...t,
-          controlVideo: n == null ? void 0 : n.controlVideoPlayer
+          controlVideo: o == null ? void 0 : o.controlVideoPlayer
         })
       }), /* @__PURE__ */ c(Q, {}, t.id)]
     })]
@@ -67,66 +67,67 @@ const U = (o) => {
     saveHeight: m,
     close: t.close,
     hiding: t.hiding,
-    ...t.data.question
+    ...t.data.question,
+    mastersApp: !0
   }) : t.type === a.ONBOARDING ? /* @__PURE__ */ c(x, {
     style: {
       height: t.hiding ? 0 : l
     },
     saveHeight: m,
-    sdk: o,
+    sdk: n,
     notification: t,
     sdkInDesktopView: d,
     appNode: u,
     responsiveStore: i
   }) : null;
-}, F = "p1k96f2z", L = ({
-  pill: o,
+}, F = "p1co32q0", L = ({
+  pill: n,
   setPill: t,
   appNode: u,
   headerNode: i,
   scrollNode: d,
-  responsiveStore: n,
+  responsiveStore: o,
   scrollStore: r
 }) => {
   var k, y;
   const {
     screen: l
-  } = f(n, {
+  } = g(o, {
     keys: ["screen"]
   }), {
     tabsShown: m,
     scrollPosition: s
-  } = f(r, {
+  } = g(r, {
     keys: ["tabsShown", "scrollPosition"]
   });
   h(() => {
-    n.get().sdkInDesktopView ? s < 50 && t(null) : s > -50 && t(null);
-  }, [s, n, t]);
-  const e = n.get().sdkInDesktopView ? u : i;
-  return !o || !e.current ? null : O.createPortal(/* @__PURE__ */ c(z, {
-    title: o.type === a.QUESTION_RESOLVED ? "Prediction result" : `New ${((y = R[(k = o.data) == null ? void 0 : k.questionType]) == null ? void 0 : y.label) || "notification"}`,
+    o.get().sdkInDesktopView ? s < 50 && t(null) : s > -50 && t(null);
+  }, [s, o, t]);
+  const e = o.get().sdkInDesktopView ? u : i;
+  return !n || !e.current ? null : b.createPortal(/* @__PURE__ */ c(U, {
+    title: n.type === a.QUESTION_RESOLVED ? "Prediction result" : `New ${((y = R[(k = n.data) == null ? void 0 : k.questionType]) == null ? void 0 : y.label) || "notification"}`,
     onClick: () => {
       var I;
-      n.get().sdkInDesktopView ? (I = d.current) == null || I.scrollTo({
+      o.get().sdkInDesktopView ? (I = d.current) == null || I.scrollTo({
         top: 0,
         behavior: "smooth"
-      }) : C(u, l.size, {
+      }) : q(u, l.size, {
         behavior: "smooth"
       }), t(null);
     },
     className: N(m && F, "sl-pill-button")
   }), e.current);
 }, it = ({
-  sdk: o,
+  sdk: n,
   headerNode: t,
   scrollNode: u,
   responsiveStore: i,
   appNode: d,
-  scrollStore: n
+  scrollStore: o
 }) => {
-  const [r] = p(o.getNotificationsStore()), l = f(r), [m, s] = p(null), e = T(() => o.getActiveNotification(), [o, l]);
+  const [r] = p(n.getNotificationsStore()), l = g(r), [m, s] = p(null), e = E(() => n.getActiveNotification(), [n, l]);
   return h(() => {
-    e && b.emit("notification", {
+    e && C.emit("notification", {
       action: "rendered",
       payload: {
         questionId: e.data.questionId,
@@ -135,15 +136,15 @@ const U = (o) => {
     });
   }, [e]), h(() => {
     e && (i.get().sdkInDesktopView || i.get().sdkInView) && (!i.get().sdkInDesktopView && i.get().sdkInView && s(e), i.get().sdkInDesktopView && window.requestAnimationFrame(() => {
-      n.get().scrollPosition !== 0 && s(e);
+      o.get().scrollPosition !== 0 && s(e);
     }));
   }, [e]), h(() => {
     e || s(null);
-  }, [e]), /* @__PURE__ */ g(D, {
-    children: [!m && e && /* @__PURE__ */ c(j, {
+  }, [e]), /* @__PURE__ */ f(D, {
+    children: [!m && e && /* @__PURE__ */ c(z, {
       headerNode: t,
       appNode: d,
-      sdk: o,
+      sdk: n,
       notification: e,
       responsiveStore: i
     }), m && /* @__PURE__ */ c(L, {
@@ -153,7 +154,7 @@ const U = (o) => {
       notification: e,
       headerNode: t,
       scrollNode: u,
-      scrollStore: n,
+      scrollStore: o,
       responsiveStore: i
     })]
   });

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

@@ -0,0 +1,9 @@
+export declare const Container: any;
+export declare const InnerContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+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;
+}>;
+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/{ui/app/app → app/masters}/Notifications/styles.js

@@ -1,31 +1,31 @@
 import { styled as s } from "@linaria/react";
-import { Pill as n } from "../../../gamification/question/notification/pill/index.js";
-import { ShowIn as o } from "../../../show-in/index.js";
+import { Pill as n } from "../../../ui/gamification/question/notification/pill/index.js";
+import { ShowIn as o } from "../../../ui/show-in/index.js";
 const e = () => o, l = /* @__PURE__ */ s(e())({
   name: "Container",
-  class: "c1cu0box",
+  class: "c1f0y7nw",
   propsAsIs: !0
-}), i = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "InnerContainer",
-  class: "i1p534h4",
+  class: "i1qa3p7a",
   propsAsIs: !1
-}), t = () => i, m = /* @__PURE__ */ s(t())({
+}), i = () => t, m = /* @__PURE__ */ s(i())({
   name: "HiddenContainer",
-  class: "hyh76ez",
+  class: "hrthymv",
   propsAsIs: !0
 }), f = /* @__PURE__ */ s("div")({
   name: "NotificationRefreshing",
-  class: "n1pj3cvw",
+  class: "n13rok4i",
   propsAsIs: !1
 }), r = () => n, I = /* @__PURE__ */ s(r())({
   name: "Pill",
-  class: "pk13by5",
+  class: "pht79xf",
   propsAsIs: !0
 });
 export {
   l as Container,
   m as HiddenContainer,
-  i as InnerContainer,
+  t as InnerContainer,
   f as NotificationRefreshing,
   I as Pill
 };

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

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

package/lib/{ui/app → app}/masters/Points/index.js

@@ -3,7 +3,7 @@ import { useStore as i } from "@nanostores/react";
 import { useState as c, useEffect as f } from "react";
 import { FeatureStatus as p } from "@streamlayer/sdk-web-interfaces";
 import { FeatureType as S } from "@streamlayer/sdk-web-types";
-import { Points as l } from "../../../gamification/points/index.js";
+import { Points as l } from "../../../ui/gamification/points/index.js";
 const a = ({ gamification: e }) => {
   const s = e.userSummary.$store, [r, u] = c(0);
   return f(() => {

package/lib/{ui/app → app}/masters/masters.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
-export { StreamLayerMastersThemeProvider } from '../../theme/masters';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
+export { StreamLayerMastersThemeProvider } from '../../ui/theme/masters';
 export type Overlays = {};
 export type MastersAppChildrenProps = {
     activateEventWithId: (event: string) => void;

package/lib/{ui/app → app}/masters/masters.js

@@ -1,23 +1,23 @@
 import { jsx as n, jsxs as v } from "react/jsx-runtime";
 import { useStore as C } from "@nanostores/react";
-import { useAnalyticsListener as d, newTabLinkListener as x, appScrollListener as A, appClickListener as F } from "../../../hooks/analytics.js";
-import { useRef as S, useMemo as M, useEffect as b } from "react";
-import { SDKContainer as D, SDKScrollContainer as I } from "../styles.js";
-import { useSdkFeature as B } from "../useSdkFeature.js";
-import { useSdkResponsive as T } from "../useSdkResponsive.js";
-import { useSdkScroll as j } from "../useSdkScroll.js";
-import { resetCss as p } from "../../theme/theme.js";
+import { SDKContainer as x, SDKScrollContainer as A } from "../styles.js";
+import { useSdkFeature as F } from "../useSdkFeature.js";
+import { useSdkResponsive as M } from "../useSdkResponsive.js";
+import { useSdkScroll as b } from "../useSdkScroll.js";
+import { useAnalyticsListener as d, newTabLinkListener as D, appScrollListener as I, appClickListener as B } from "../../hooks/analytics.js";
+import { useRef as S, useMemo as T, useEffect as j } from "react";
+import { resetCss as p } from "../../ui/theme/theme.js";
 import { ActiveFeature as k, StandaloneFeature as E } from "./Features/index.js";
 import { MastersNavigation as K } from "./Navigation/MastersNavigation/index.js";
 import { SDKNotifications as O } from "./Notifications/index.js";
 import { useMastersApp as R } from "./useMastersApp.js";
 import { MastersContext as w } from "./useMastersContext.js";
-import { StreamLayerMastersThemeProvider as ce } from "../../theme/masters.js";
-import { ChannelsButtonId as P } from "../../navigation/button/Channels.js";
-import { LeaderBoardButtonId as G } from "../../navigation/button/LeaderBoard.js";
-import { FeaturedGroupsButtonId as V } from "../../navigation/button/FeaturedGroups.js";
+import { StreamLayerMastersThemeProvider as ce } from "../../ui/theme/masters.js";
+import { ChannelsButtonId as P } from "../../ui/navigation/button/Channels.js";
+import { LeaderBoardButtonId as G } from "../../ui/navigation/button/LeaderBoard.js";
+import { FeaturedGroupsButtonId as V } from "../../ui/navigation/button/FeaturedGroups.js";
 const W = ({ sdk: e, className: i, scrollStore: l, appNode: t, scrollNode: s, responsiveStore: o }) => {
-  const [, r] = B(e);
+  const [, r] = F(e);
   return /* @__PURE__ */ n(
     k,
     {
@@ -47,22 +47,22 @@ const W = ({ sdk: e, className: i, scrollStore: l, appNode: t, scrollNode: s, re
     ) : null;
   }) : null;
 }, ie = ({ sdk: e, overlays: i, children: l }) => {
-  const t = S(null), s = S(null), [o] = T(t), [r, f] = j(t, o), { sdkEnabled: a, sdkReady: c, activeOverlay: m, activateAndLoadOverlay: h, activateEventWithId: N, deactivate: g, isLogged: y } = R(e);
-  d(t, { enabled: a, event: "click", listener: x }), d(r, {
+  const t = S(null), s = S(null), [o] = M(t), [r, f] = b(t, o), { sdkEnabled: a, sdkReady: c, activeOverlay: m, activateAndLoadOverlay: h, activateEventWithId: N, deactivate: g, isLogged: y } = R(e);
+  d(t, { enabled: a, event: "click", listener: D }), d(r, {
     enabled: a,
     event: "scrollend",
-    listener: A,
+    listener: I,
     useDomNode: !0
   }), d(r, {
     enabled: a,
     event: "click",
-    listener: F,
+    listener: B,
     useDomNode: !0
   });
-  const L = M(() => ({ sdk: e }), [e]);
-  return b(() => {
+  const L = T(() => ({ sdk: e }), [e]);
+  return j(() => {
     import("./Features/Gamification/gamification-feature.js");
-  }, []), /* @__PURE__ */ n(w.Provider, { value: L, children: /* @__PURE__ */ v(D, { ref: t, children: [
+  }, []), /* @__PURE__ */ n(w.Provider, { value: L, children: /* @__PURE__ */ v(x, { ref: t, children: [
     a && /* @__PURE__ */ n(
       K,
       {
@@ -78,7 +78,7 @@ const W = ({ sdk: e, className: i, scrollStore: l, appNode: t, scrollNode: s, re
         responsiveStore: o
       }
     ),
-    /* @__PURE__ */ v(I, { className: "sl-hide-on-modal", ref: r, "data-nav": a.toString(), children: [
+    /* @__PURE__ */ v(A, { className: "sl-hide-on-modal", ref: r, "data-nav": a.toString(), children: [
       c && /* @__PURE__ */ n(
         O,
         {

package/lib/{ui/app → app}/masters/useMastersApp.d.ts

@@ -1,5 +1,6 @@
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { AvailableOverlays } from './Navigation/MastersNavigation';
+
 /**
  * A hook that provides functionality for managing the StreamLayerSDK in the Masters app.
  * - On activate FG+ button, the SDK is initialized and the FG+ overlay is opened.

package/lib/app/masters/useMastersApp.js

@@ -0,0 +1,71 @@
+import { useStore as c } from "@nanostores/react";
+import { useRef as z, useState as d, useCallback as v, useEffect as l } from "react";
+import { FeatureType as p } from "@streamlayer/sdk-web-types";
+import "./Navigation/MastersNavigation/index.js";
+import { FeaturedGroupsButtonId as f } from "../../ui/navigation/button/FeaturedGroups.js";
+import { ChannelsButtonId as i } from "../../ui/navigation/button/Channels.js";
+const C = (e) => {
+  const m = z(""), [E, a] = d(!1), g = c(e.status), F = c(e.sdkStore.slStreamId), n = c(e.userId()), A = c(e.getActiveFeature()), o = g === "ready" && !!F.data, [S, r] = d(f), s = v(
+    (t, u) => {
+      r(u), t && e.createEventSession(t), u === f ? window.requestAnimationFrame(() => {
+        e.openFeature(p.GAMES);
+      }) : e.closeFeature(!1);
+    },
+    [e]
+  );
+  l(() => {
+    !o && S === f && (r(i), e.closeFeature(!0));
+  }, [o, S, e]), l(() => {
+    A === p.GAMES ? r(f) : A === p.UNSET && r(i);
+    const t = e.getFeature(p.GAMES);
+    t && (t.closeQuestion(), t.closeUser());
+  }, [A, e]);
+  const b = v(
+    (t) => {
+      m.current = t, a(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: u, err: h }) => {
+        if (h) {
+          s(t, i);
+          return;
+        }
+        if (u) {
+          e.isUserAuthorized().then((y) => {
+            if (y) {
+              s(t, i);
+              return;
+            } else
+              e.disableApp();
+          });
+          return;
+        }
+      });
+    },
+    [s, e]
+  ), I = v(() => {
+    a(!1), e.disableApp();
+  }, [e]);
+  return l(() => {
+    if (!n) {
+      o && (r(i), e.disableApp());
+      return;
+    }
+    if (n && m.current && E) {
+      e.initializeApp({ skipOrganizationSettings: !0 }).then(() => {
+        e.createEventSession(m.current);
+      });
+      return;
+    }
+  }, [n]), l(() => () => {
+    a(!1), e.disableApp();
+  }, [a, e]), {
+    sdkEnabled: E,
+    sdkReady: o,
+    activeOverlay: S,
+    activateAndLoadOverlay: s,
+    activateEventWithId: b,
+    deactivate: I,
+    isLogged: !!n
+  };
+};
+export {
+  C as useMastersApp
+};

package/lib/app/masters/useMastersContext.d.ts

@@ -0,0 +1,8 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
+export declare const MastersContext: import('react').Context<{
+    sdk: StreamLayerSDK | null;
+}>;
+export declare const useMastersContext: () => {
+    sdk: StreamLayerSDK | null;
+};

package/lib/app/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const SDKContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKScrollContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const SDKWhiteContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const TabsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LeaderboardContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const TabsNavContainer: {
+    __wyw_meta: unknown;
+} & import('react').FunctionComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import('react').ElementType;
+}>;
+export declare const UserSummaryContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/{ui/app → app}/styles.js

@@ -1,44 +1,44 @@
 import { styled as s } from "@linaria/react";
 const i = /* @__PURE__ */ s("div")({
   name: "SDKContainer",
-  class: "stu11h7",
+  class: "s2j5adf",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "SDKScrollContainer",
-  class: "s1ucohr1",
+  class: "st9ayqn",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "SDKContentContainer",
-  class: "s1el4wvm",
+  class: "s6rlym7",
   propsAsIs: !1
 }), e = () => a, n = /* @__PURE__ */ s(e())({
   name: "SDKWhiteContainer",
-  class: "s1oe3036",
+  class: "s1trfff0",
   propsAsIs: !0
-}), p = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "TabsContainer",
-  class: "tzk7mst",
+  class: "t87r8je",
   propsAsIs: !1
-}), o = () => n, l = /* @__PURE__ */ s(o())({
+}), o = () => n, p = /* @__PURE__ */ s(o())({
   name: "LeaderboardContainer",
-  class: "lkdzy61",
+  class: "l1aiq1lq",
   propsAsIs: !0
-}), t = () => n, C = /* @__PURE__ */ s(t())({
+}), r = () => n, C = /* @__PURE__ */ s(r())({
   name: "TabsNavContainer",
-  class: "tvdam54",
+  class: "t1o5m8d1",
   propsAsIs: !0
 }), m = /* @__PURE__ */ s("div")({
   name: "UserSummaryContainer",
-  class: "u14fk93k",
+  class: "uqh0y7s",
   propsAsIs: !1
 });
 export {
-  l as LeaderboardContainer,
+  p as LeaderboardContainer,
   i as SDKContainer,
   a as SDKContentContainer,
   c as SDKScrollContainer,
   n as SDKWhiteContainer,
-  p as TabsContainer,
+  l as TabsContainer,
   C as TabsNavContainer,
   m as UserSummaryContainer
 };

package/lib/{ui/app → app}/useClipboardCopy.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { HeaderNodeRef, type AppNodeRef } from '.';
-export declare const useClipboardCopy: (renderToNode: AppNodeRef | HeaderNodeRef) => [(link: string | undefined) => Promise<void>, import("react").ReactPortal | null];
+import { HeaderNodeRef, AppNodeRef } from '.';
+
+export declare const useClipboardCopy: (renderToNode: AppNodeRef | HeaderNodeRef) => [(link: string | undefined) => Promise<void>, React.ReactPortal | null];

package/lib/{ui/app → app}/useClipboardCopy.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useRef as l, useState as s, useCallback as p, useEffect as f } from "react";
-import { r as m } from "../../index-Bicco-Aq.js";
-import { CopyNotification as b } from "../gamification/copyNotification/index.js";
+import { r as m } from "../index-B1QdimmR.js";
+import { CopyNotification as b } from "../ui/gamification/copyNotification/index.js";
 const T = (r) => {
   const t = l(), [i, o] = s(null), a = p(
     async (e) => {

package/lib/{ui/app → app}/useSdkFeature.d.ts

@@ -1,6 +1,7 @@
 import { Features } from '@streamlayer/sdk-web-features';
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { FeatureType } from '@streamlayer/sdk-web-types';
+
 /**
  * A hook that manages the active feature of a StreamLayerSDK instance.
  * @param sdk - The StreamLayerSDK instance to manage the feature for.

package/lib/{ui/app → app}/useSdkResponsive.d.ts

@@ -1,5 +1,7 @@
+import { AppNodeRef } from '.';
 import { MapStore } from 'nanostores';
-import { BREAKPOINTS } from '../theme/constants';
+import { BREAKPOINTS } from '../ui/theme/constants';
+
 type BREAKPOINTS_KEYS = keyof typeof BREAKPOINTS;
 type ResponsiveData = {
     screen: {

package/lib/{ui/app → app}/useSdkResponsive.js

@@ -1,7 +1,7 @@
 import c from "lodash.throttle";
 import { useState as m, useEffect as u } from "react";
-import { BREAKPOINTS as r } from "../theme/constants.js";
-import { m as l } from "../../index-CZvwzN5o.js";
+import { BREAKPOINTS as r } from "../ui/theme/constants.js";
+import { m as l } from "../index-CZvwzN5o.js";
 const d = Object.keys(r), i = () => {
   const n = window.innerWidth;
   let e = "sm";

package/lib/{ui/app → app}/useSdkScroll.d.ts

@@ -1,6 +1,7 @@
+import { ScrollNodeRef, AppNodeRef } from '.';
 import { MapStore } from 'nanostores';
-import { type ScrollNodeRef } from '.';
-import { type ResponsiveStore } from './useSdkResponsive';
+import { ResponsiveStore } from './useSdkResponsive';
+
 type ScrollData = {
     scrollPosition: number;
     tabsShown?: boolean;

package/lib/{ui/app → app}/useSdkScroll.js

@@ -1,8 +1,8 @@
 import { useStore as S } from "@nanostores/react";
 import h from "lodash.throttle";
 import { useRef as m, useState as b, useEffect as g } from "react";
-import { BREAKPOINTS as c } from "../theme/constants.js";
-import { m as v } from "../../index-CZvwzN5o.js";
+import { BREAKPOINTS as c } from "../ui/theme/constants.js";
+import { m as v } from "../index-CZvwzN5o.js";
 const C = (o, e, n) => {
   const t = e >= c.lg && e < c.xl ? 75 : 52;
   o.current && window.scrollTo({