@streamlayer/react-ui 1.32.3 → 1.33.1

package/lib/ui/icons/index.d.ts

@@ -1,70 +1,202 @@
 export declare const icons: {
-    'invite-game-icon': any;
-    'icon-trophy': any;
-    'icon-trophy-green': any;
-    'icon-trophy-solid': any;
-    'icon-trivia': any;
-    'icon-thumb-down': any;
-    'icon-thumb-up': any;
-    'icon-star': any;
-    'icon-prediction': any;
-    'icon-insight': any;
-    'icon-poll': any;
-    'icon-play': any;
-    'icon-pause': any;
-    'icon-masters-logo': any;
-    'icon-logout': any;
-    'icon-link': any;
-    'icon-external-link': any;
-    'icon-invite-arrow': any;
-    'icon-friends': any;
-    'icon-exit': any;
-    'icon-default-user-avatar': any;
-    'icon-copy': any;
-    'icon-cross': any;
-    'icon-close': any;
-    'icon-close-btn-white': any;
-    'icon-close-btn-gray': any;
-    'icon-circle-arrow-right': any;
-    'icon-chevron': any;
-    'icon-chevron-white-left': any;
-    'icon-chevron-left': any;
-    'icon-check': any;
-    'icon-check-white': any;
-    'icon-check-green': any;
-    'icon-check-circle': any;
-    'icon-correct': any;
-    'icon-btn-channels': any;
-    'icon-btn-feature-groups': any;
-    'icon-btn-leaderboard': any;
-    'icon-arrow': any;
-    'icon-twitter-verified': any;
-    'icon-trophy-bet-pack': any;
-    'icon-trivia-transparent': any;
-    dashboard: any;
-    iconMute: any;
-    iconUnMute: any;
-    correct: any;
-    iconSkip: any;
-    incorrect: any;
-    questionExpired: any;
-    selected: any;
-    selectedBetPack: any;
-    circleClose: any;
-    incorrectVoted: any;
-    mastersLogo: any;
-    streamLayerLogo: any;
-    twitter: any;
-    iconUp: any;
-    iconCopySuccess: any;
-    chevronRight: any;
-    noImageIcon: any;
-    iconArrowRight: any;
-    iconEarlyPrediction: any;
-    iconArrowPrev: any;
-    mastersLogoWhite: any;
-    loader: any;
-    fgIcon: any;
+    'invite-game-icon': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trophy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trophy-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trophy-solid': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trivia': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-thumb-down': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-thumb-up': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-star': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-prediction': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-insight': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-poll': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-play': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-pause': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-masters-logo': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-logout': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-external-link': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-invite-arrow': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-friends': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-exit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-default-user-avatar': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-copy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-cross': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-close': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-close-btn-white': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-close-btn-gray': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-circle-arrow-right': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-chevron': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-chevron-white-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-chevron-left': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-check': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-check-white': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-check-green': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-check-circle': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-correct': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-btn-channels': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-btn-feature-groups': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-btn-leaderboard': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-arrow': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-twitter-verified': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trophy-bet-pack': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    'icon-trivia-transparent': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    dashboard: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconMute: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconUnMute: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    correct: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconSkip: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    incorrect: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    questionExpired: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    selected: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    selectedBetPack: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    circleClose: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    incorrectVoted: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    mastersLogo: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    streamLayerLogo: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    twitter: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconUp: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconCopySuccess: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    noImageIcon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconArrowRight: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconEarlyPrediction: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    iconArrowPrev: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    mastersLogoWhite: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    loader: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    fgIcon: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
 };
 export declare const IconsLibrary: () => import("react/jsx-runtime").JSX.Element;
 type SvgIconProps = {

package/lib/ui/navigation/button/index.d.ts

@@ -1,4 +1,4 @@
-import { FeatureType } from '@streamlayer/sdk-web-types';
+import { FeatureType } from '../../../packages/sdk-web-types/src/index.ts';
 export type ButtonProps = {
     id: FeatureType | string;
     icon?: React.ReactNode;

package/lib/ui/questions/insight/index.d.ts

@@ -1,4 +1,4 @@
-import { InsightHistory, Promotion } from '@streamlayer/sdk-web-types';
+import { InsightHistory, Promotion } from '../../../packages/sdk-web-types/src/index.ts';
 import { VideoPlayerProps } from '../../video-player';
 export type InsightContentProps = InsightHistory & {
     isDetail?: boolean;

package/lib/ui/questions/twitter/index.d.ts

@@ -1,4 +1,4 @@
-import { TweetHistory } from '@streamlayer/sdk-web-types';
+import { TweetHistory } from '../../../packages/sdk-web-types/src/index.ts';
 import { VideoPlayerProps } from '../../video-player';
 export declare const sanitizeContent: (text: string) => string;
 export type TwitterContentProps = TweetHistory & {

package/lib/ui/video-player/index.js

@@ -1,4 +1,4 @@
-import { jsxs as q, jsx as e, Fragment as st } from "react/jsx-runtime";
+import { jsxs as N, jsx as e, Fragment as st } from "react/jsx-runtime";
 import { cx as _ } from "@linaria/core";
 import { withFocusable as nt } from "../../app/webos/useTvButton.js";
 import { forwardRef as ct, useRef as F, useState as B, useEffect as O, useCallback as P } from "react";
@@ -8,12 +8,12 @@ import { ToggleIconPause as it, HideControls as ut, Player as at, Poster as ft,
 const It = (r) => {
   for (const s of r)
     s.isIntersecting ? s.target instanceof HTMLVideoElement && s.target.autoplay && s.target.play() : s.target instanceof HTMLVideoElement && !s.target.paused && s.target.pause();
-}, $ = new IntersectionObserver(It, { threshold: 0.5 }), N = /* @__PURE__ */ new Set(), Bt = (r) => {
-  $.observe(r), N.add(r);
+}, $ = new IntersectionObserver(It, { threshold: 0.5 }), D = /* @__PURE__ */ new Set(), Bt = (r) => {
+  $.observe(r), D.add(r);
 }, Ot = (r) => {
-  $.unobserve(r), N.delete(r);
+  $.unobserve(r), D.delete(r);
 }, wt = () => {
-  for (const r of N)
+  for (const r of D)
     r instanceof HTMLVideoElement && !r.paused && r.pause();
 };
 function yt(...r) {
@@ -28,7 +28,7 @@ function yt(...r) {
     [...r]
   );
 }
-const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMuted: f, unmute: d, mute: h, togglePlaying: l }) => !r && !s && !c ? /* @__PURE__ */ e(M, { children: i ? /* @__PURE__ */ e(g, { name: "icon-pause" }) : /* @__PURE__ */ e(g, { name: "icon-play" }) }) : c ? /* @__PURE__ */ q(mt, { children: [
+const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMuted: f, unmute: d, mute: h, togglePlaying: l }) => !r && !s && !c ? /* @__PURE__ */ e(M, { children: i ? /* @__PURE__ */ e(g, { name: "icon-pause" }) : /* @__PURE__ */ e(g, { name: "icon-play" }) }) : c ? /* @__PURE__ */ N(mt, { children: [
   i ? /* @__PURE__ */ e(dt, { onClick: l }) : /* @__PURE__ */ e(ht, { onClick: l }),
   /* @__PURE__ */ e(bt, { className: _(!f && "muted"), onClick: f ? d : h })
 ] }) : null, Tt = ({
@@ -42,7 +42,7 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
   isMuted: l,
   hasNotPausedVideo: p,
   hasInteractedWithAudio: w
-}) => /* @__PURE__ */ q(st, { children: [
+}) => /* @__PURE__ */ N(st, { children: [
   !r && !(s && c) && /* @__PURE__ */ e(M, { "data-control-btn": "true", children: i ? p ? null : /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e(g, { name: "icon-play" }) }) : f ? /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(g, { name: "icon-pause" }) }) : /* @__PURE__ */ e(St, { "data-control-icon": "true", children: /* @__PURE__ */ e(g, { name: "icon-play" }) }) }),
   !r && s && c && w && /* @__PURE__ */ e(M, { children: l ? /* @__PURE__ */ e(gt, { onClick: d, children: /* @__PURE__ */ e(g, { name: "iconMute" }) }) : /* @__PURE__ */ e(pt, { onClick: h, children: /* @__PURE__ */ e(g, { name: "iconUnMute" }) }) })
 ] }), Et = ct(
@@ -60,14 +60,14 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
     onQuartile: u,
     autoPlay: v,
     playMuted: S,
-    className: D,
+    className: K,
     muted: y,
     webos: T,
     hasNotPausedVideo: V
   }, R) => {
-    const n = F(null), Q = yt(n, R), x = F(!1), E = F(!1), m = F(/* @__PURE__ */ new Set()), [K, z] = B(!1), [W, k] = B(!1), [j, G] = B(!1), [J, H] = B(!0), [A, U] = B(S), [X, tt] = B(!1);
+    const n = F(null), Q = yt(n, R), x = F(!1), E = F(!1), m = F(/* @__PURE__ */ new Set()), [z, G] = B(!1), [W, k] = B(!1), [j, J] = B(!1), [X, H] = B(!0), [A, U] = B(S), [q, tt] = B(!1);
     O(() => {
-      s && (U(S), z(!1));
+      s && (U(S), G(!1));
     }, [s]);
     const C = P(() => {
       i == null || i({ muted: !1 });
@@ -75,9 +75,12 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
       i == null || i({ muted: !0 });
     }, [i]), I = P((t) => {
       t == null || t.stopPropagation(), n.current && (n.current.muted = !0), U(!0);
-    }, []), L = P((t) => {
-      t == null || t.stopPropagation(), n.current && (n.current.muted = !1), U(!1), X || tt(!0);
-    }, []);
+    }, []), L = P(
+      (t) => {
+        t == null || t.stopPropagation(), n.current && (n.current.muted = !1), U(!1), q || tt(!0);
+      },
+      [q]
+    );
     O(() => {
       y !== void 0 && (y ? I() : L());
     }, [I, y, L]);
@@ -110,7 +113,7 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
       p == null || p();
     }, [p]), O(() => {
       m.current.clear(), x.current = !1;
-    }, [s]), /* @__PURE__ */ q(
+    }, [s]), /* @__PURE__ */ N(
       Lt,
       {
         webos: T,
@@ -118,7 +121,7 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
         "data-a": "intr",
         autoFocus: !0,
         options: { focusKey: "video-play-btn" },
-        className: _(W && !T && it, v && ut, D),
+        className: _(W && !T && it, v && ut, K),
         style: c ? { aspectRatio: c } : {},
         children: [
           /* @__PURE__ */ e(
@@ -128,7 +131,7 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
               src: s,
               autoPlay: v,
               onPlay: () => {
-                z(!0), x.current && (f == null || f(), m.current.clear()), k(!0), H(!1), d == null || d(), S ? I() : Y();
+                G(!0), x.current && (f == null || f(), m.current.clear()), k(!0), H(!1), d == null || d(), S ? I() : Y();
               },
               onTimeUpdate: (t) => {
                 const o = t.target.duration, b = t.target.currentTime;
@@ -144,14 +147,14 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
               onError: async (t) => {
                 try {
                   if (t.target instanceof HTMLVideoElement) {
-                    G(!0);
+                    J(!0);
                     const b = await (await fetch(t.target.src)).blob(), a = URL.createObjectURL(b);
                     t.target.src = a;
                   }
                 } catch (o) {
                   console.error("video fallback fetch failed", o), k(!0), H(!0);
                 } finally {
-                  G(!1), C();
+                  J(!1), C();
                 }
               },
               onPause: () => {
@@ -160,18 +163,18 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
               onEnded: () => {
                 k(!1), x.current = !0, et(), l == null || l(), C();
               },
-              style: { visibility: J ? "hidden" : "visible" },
+              style: { visibility: X ? "hidden" : "visible" },
               controls: !1,
               playsInline: !0
             }
           ),
-          /* @__PURE__ */ e(ft, { src: r, style: { visibility: J ? "visible" : "hidden" } }),
+          /* @__PURE__ */ e(ft, { src: r, style: { visibility: X ? "visible" : "hidden" } }),
           !T && /* @__PURE__ */ e(
             Pt,
             {
               loading: j,
               autoPlay: v,
-              played: K,
+              played: z,
               playing: W,
               isMuted: A,
               unmute: L,
@@ -186,12 +189,12 @@ const Lt = nt(lt), Pt = ({ loading: r, autoPlay: s, played: c, playing: i, isMut
               autoPlay: v,
               playMuted: S,
               playing: W,
-              played: K,
+              played: z,
               unmute: L,
               mute: I,
               isMuted: A,
               hasNotPausedVideo: V,
-              hasInteractedWithAudio: X
+              hasInteractedWithAudio: q
             }
           ),
           j && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ot, {}) })

package/lib/useStreamLayerApp.d.ts

@@ -0,0 +1,23 @@
+import { DeepLinkCallback, VideoPlayerCallback, OnContentActivateCallback } from './packages/sdk-web-core/src/index.ts';
+import { StreamLayerSDK, StreamLayerPlugin } from './packages/sdk-web-interfaces/src/index.ts';
+declare global {
+    interface Window {
+        sl: unknown;
+    }
+}
+export declare const useStreamLayerApp: ({ sdkKey, plugins, production, autoEnable, onDeepLinkHandled, videoPlayerController, onContentActivate, hideFriends, skipOnboarding, withAdNotification, withAd, friendsTab, betPack, webOS, }: {
+    sdkKey: string;
+    plugins?: Set<StreamLayerPlugin>;
+    production?: boolean;
+    autoEnable?: boolean;
+    onDeepLinkHandled?: DeepLinkCallback;
+    videoPlayerController?: VideoPlayerCallback;
+    onContentActivate?: OnContentActivateCallback;
+    skipOnboarding?: boolean;
+    withAdNotification?: boolean;
+    hideFriends?: boolean;
+    withAd?: boolean;
+    betPack?: boolean;
+    webOS?: boolean;
+    friendsTab: "enabled" | "disabled" | "activatedGame";
+}) => StreamLayerSDK | null;

package/lib/useStreamLayerApp.js

@@ -0,0 +1,167 @@
+import { useState as k, useEffect as q } from "react";
+import { StreamLayer as N } from "@streamlayer/sdk-web";
+function Q(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var w = { exports: {} }, t = w.exports = {}, o, i;
+function p() {
+  throw new Error("setTimeout has not been defined");
+}
+function d() {
+  throw new Error("clearTimeout has not been defined");
+}
+(function() {
+  try {
+    typeof setTimeout == "function" ? o = setTimeout : o = p;
+  } catch {
+    o = p;
+  }
+  try {
+    typeof clearTimeout == "function" ? i = clearTimeout : i = d;
+  } catch {
+    i = d;
+  }
+})();
+function v(e) {
+  if (o === setTimeout)
+    return setTimeout(e, 0);
+  if ((o === p || !o) && setTimeout)
+    return o = setTimeout, setTimeout(e, 0);
+  try {
+    return o(e, 0);
+  } catch {
+    try {
+      return o.call(null, e, 0);
+    } catch {
+      return o.call(this, e, 0);
+    }
+  }
+}
+function D(e) {
+  if (i === clearTimeout)
+    return clearTimeout(e);
+  if ((i === d || !i) && clearTimeout)
+    return i = clearTimeout, clearTimeout(e);
+  try {
+    return i(e);
+  } catch {
+    try {
+      return i.call(null, e);
+    } catch {
+      return i.call(this, e);
+    }
+  }
+}
+var s = [], l = !1, c, f = -1;
+function F() {
+  !l || !c || (l = !1, c.length ? s = c.concat(s) : f = -1, s.length && g());
+}
+function g() {
+  if (!l) {
+    var e = v(F);
+    l = !0;
+    for (var r = s.length; r; ) {
+      for (c = s, s = []; ++f < r; )
+        c && c[f].run();
+      f = -1, r = s.length;
+    }
+    c = null, l = !1, D(e);
+  }
+}
+t.nextTick = function(e) {
+  var r = new Array(arguments.length - 1);
+  if (arguments.length > 1)
+    for (var u = 1; u < arguments.length; u++)
+      r[u - 1] = arguments[u];
+  s.push(new y(e, r)), s.length === 1 && !l && v(g);
+};
+function y(e, r) {
+  this.fun = e, this.array = r;
+}
+y.prototype.run = function() {
+  this.fun.apply(null, this.array);
+};
+t.title = "browser";
+t.browser = !0;
+t.env = {};
+t.argv = [];
+t.version = "";
+t.versions = {};
+function a() {
+}
+t.on = a;
+t.addListener = a;
+t.once = a;
+t.off = a;
+t.removeListener = a;
+t.removeAllListeners = a;
+t.emit = a;
+t.prependListener = a;
+t.prependOnceListener = a;
+t.listeners = function(e) {
+  return [];
+};
+t.binding = function(e) {
+  throw new Error("process.binding is not supported");
+};
+t.cwd = function() {
+  return "/";
+};
+t.chdir = function(e) {
+  throw new Error("process.chdir is not supported");
+};
+t.umask = function() {
+  return 0;
+};
+var M = w.exports;
+const R = /* @__PURE__ */ Q(M), $ = ({
+  sdkKey: e,
+  plugins: r,
+  production: u,
+  autoEnable: b,
+  onDeepLinkHandled: E,
+  videoPlayerController: L,
+  onContentActivate: S,
+  hideFriends: A,
+  skipOnboarding: x,
+  withAdNotification: C,
+  withAd: O,
+  friendsTab: I,
+  betPack: P,
+  webOS: _
+}) => {
+  const [j, T] = k(null);
+  return q(() => {
+    let h = !1;
+    if (!e)
+      return console.error("streamlayer sdk key should be provided"), T((n) => (n !== null && typeof n.disableApp == "function" && n.disableApp(), null)), () => {
+        h = !0;
+      };
+    const m = N(e, u, b, {
+      version: R.env.APP_VERSION,
+      onDeepLinkHandled: E,
+      videoPlayerController: L,
+      onContentActivate: S,
+      skipOnboarding: x,
+      withAdNotification: C,
+      withAd: O,
+      hideFriends: A,
+      friendsTab: I,
+      betPack: P,
+      webOS: _
+    });
+    if (r)
+      for (const n of r)
+        m.use(n);
+    return m.ready().then((n) => {
+      h || (T(n.sdk), typeof window < "u");
+    }).catch((n) => console.log(n)), () => {
+      h = !0, m.close(function(n) {
+        if (n) throw n;
+      });
+    };
+  }, [e, u]), j;
+};
+export {
+  $ as useStreamLayerApp
+};

package/lib/utils/debug/components/bypassLogin.d.ts

@@ -1,4 +1,4 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 import { DeveloperStorage } from '../../storage';
 export declare const BypassLogin: React.FC<{
     sdk: StreamLayerSDK;

package/lib/utils/debug/components/developer.d.ts

@@ -1,4 +1,4 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 type DeveloperProps = {
     sdk: StreamLayerSDK | null;
     sdkKey: string;

package/lib/utils/debug/components/eventInput.d.ts

@@ -1,4 +1,4 @@
-import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '../../../packages/sdk-web-interfaces/src/index.ts';
 import { DeveloperStorage } from '../../storage';
 export declare const EventInput: React.FC<{
     sdk: StreamLayerSDK;