@streamlayer/react-ui 1.28.3 → 1.29.0

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

@@ -1,3 +1,4 @@
+export declare const breakpoints: (value: string) => string;
 export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ContentContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Sidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/app/Layout/styles.js

@@ -1,64 +1,73 @@
 import { styled as s } from "@linaria/react";
-const e = /* @__PURE__ */ s("div")({
+const n = (a) => `
+    @media only screen and (max-width: 1024px) {
+        ${a}
+    }
+
+    @media only screen and (max-width: 1366px) and (orientation: landscape) {
+        ${a}
+    }
+`, o = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c6rz41d",
   propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "ContentContainer",
   class: "clv6awu",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "Sidebar",
   class: "ssfv9z7",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), r = /* @__PURE__ */ s("div")({
   name: "SideBarOverlay",
   class: "sweyrp8",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "Banner",
   class: "b5w8mb1",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "VideoContainer",
   class: "v1uhtlpt",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "VideoBox",
   class: "v7viet2",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "VideoPlayer",
   class: "v9y7cje",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "Overlay",
   class: "opmmtyi",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), v = /* @__PURE__ */ s("div")({
   name: "Notification",
   class: "nk5geky",
   propsAsIs: !1
-}), v = /* @__PURE__ */ s("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "PointsContainer",
   class: "p17bxk8w",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "InApp",
   class: "i1h25kze",
   propsAsIs: !1
 });
 export {
-  r as Banner,
-  e as Container,
-  n as ContentContainer,
-  m as InApp,
-  d as Notification,
-  c as Overlay,
-  v as PointsContainer,
-  i as SideBarOverlay,
-  o as Sidebar,
-  p as VideoBox,
-  t as VideoContainer,
-  l as VideoPlayer
+  p as Banner,
+  o as Container,
+  i as ContentContainer,
+  A as InApp,
+  v as Notification,
+  m as Overlay,
+  f as PointsContainer,
+  r as SideBarOverlay,
+  t as Sidebar,
+  c as VideoBox,
+  l as VideoContainer,
+  d as VideoPlayer,
+  n as breakpoints
 };

package/lib/app/webos/ExposedPauseAd/PauseAd.d.ts

@@ -1,3 +1,4 @@
+import { StreamLayerSDKTvOptions } from '..';
 export interface PauseAdProps {
     vastUrls: Array<{
         template?: 'default';
@@ -11,5 +12,6 @@ export interface PauseAdProps {
     onRender?: (params: {
         rendered: boolean;
     }) => void;
+    options?: StreamLayerSDKTvOptions;
 }
 export declare const PauseAd: React.FC<PauseAdProps>;

package/lib/app/webos/ExposedPauseAd/PauseAd.js

@@ -1,95 +1,117 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { cx as E } from "@linaria/core";
-import { useFocusable as x } from "@noriginmedia/norigin-spatial-navigation";
-import { useState as A, useRef as y, useEffect as d } from "react";
-import { eventBus as P } from "@streamlayer/sdk-web-interfaces";
-import { useGAMPlayer as T } from "../../../ui/advertisement/overlay/externalAd/vast-player/useGAMPlayer.js";
-import { PauseAdOverlay as b, PauseAdContent as g, PauseAdGradientLeft as w, PauseAdGradientRight as k, PauseAdGradientBottom as B, PauseAdTopLeft as L, PauseAdTitle as S, PauseAdCaption as C, PauseAdBottomLeft as G, PauseAdPlayButton as D, PauseAdSidebar as F, ExternalAdContainer as I } from "./styles.js";
-const M = ({ vastUrl: a }) => {
-  const r = y(null), [, , u] = T(r, a);
-  return d(() => {
-    u && u();
-  }, [u]), /* @__PURE__ */ t(I, { ref: r });
-}, j = ({ isClosing: a, title: r, caption: u, onPlay: f, onClose: s, vastUrl: m }) => {
-  const { ref: e, focusSelf: o } = x({
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import { cx as B } from "@linaria/core";
+import { useFocusable as L } from "@noriginmedia/norigin-spatial-navigation";
+import { useState as x, useRef as k, useEffect as P } from "react";
+import { useStore as G } from "@streamlayer/react-polyfills";
+import { eventBus as g } from "@streamlayer/sdk-web-interfaces";
+import { useLoadGAMStatic as b } from "../../../ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.js";
+import { PauseAdOverlay as M, PauseAdContent as D, PauseAdGradientLeft as F, PauseAdGradientRight as I, PauseAdGradientBottom as j, PauseAdTopLeft as K, PauseAdTitle as N, PauseAdCaption as $, PauseAdBottomLeft as O, PauseAdPlayButton as V, PauseAdSidebar as _, ExternalAdContainer as w } from "./styles.js";
+const q = ({ vastUrl: t }) => {
+  var d;
+  const [, n] = b(), u = G(n, { keys: [t] });
+  return (d = u == null ? void 0 : u[t]) != null && d.imageSrc ? u[t].adUrl ? /* @__PURE__ */ e("a", { href: u[t].adUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(w, { src: u[t].imageSrc }) }) : /* @__PURE__ */ e(w, { src: u[t].imageSrc }) : null;
+}, z = ({ isClosing: t, title: n, caption: u, onPlay: d, onClose: s, vastUrl: a, options: r }) => {
+  const { ref: o, focusSelf: f } = L({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: f,
+    onEnterRelease: d,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return d(() => {
-    e.current && o();
-  }, [e, o]), d(() => {
-    const l = (n) => {
-      const i = n.keyCode;
-      if (i === 461 || i === 10009 || i === 27) {
-        n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation(), s == null || s();
+  return P(() => {
+    o.current && f();
+  }, [o, f]), P(() => {
+    const A = (m) => {
+      const l = m.keyCode;
+      if (l === 461 || l === 10009 || l === 27) {
+        m.preventDefault(), m.stopPropagation(), m.stopImmediatePropagation(), s == null || s();
         return;
       }
     };
-    return window.addEventListener("keydown", l, { capture: !0 }), () => window.removeEventListener("keydown", l, { capture: !0 });
-  }, [s]), /* @__PURE__ */ t(b, { className: E(a && "pause-ad-closing"), children: /* @__PURE__ */ p(g, { children: [
-    /* @__PURE__ */ t(w, {}),
-    /* @__PURE__ */ t(k, {}),
-    /* @__PURE__ */ t(B, {}),
-    /* @__PURE__ */ p(L, { children: [
-      /* @__PURE__ */ t(S, { children: r }),
-      /* @__PURE__ */ t(C, { children: u })
+    return window.addEventListener("keydown", A, { capture: !0 }), () => window.removeEventListener("keydown", A, { capture: !0 });
+  }, [s]), /* @__PURE__ */ e(M, { className: B(t && "pause-ad-closing"), children: /* @__PURE__ */ y(D, { children: [
+    /* @__PURE__ */ e(F, {}),
+    /* @__PURE__ */ e(I, {}),
+    /* @__PURE__ */ e(j, {}),
+    /* @__PURE__ */ y(K, { children: [
+      /* @__PURE__ */ e(N, { children: n }),
+      /* @__PURE__ */ e($, { children: u })
     ] }),
-    /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(
-      D,
+    (r == null ? void 0 : r.showPauseButton) && /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+      V,
       {
-        ref: e,
-        onClick: f,
-        onMouseEnter: () => e.current.focus(),
+        ref: o,
+        onClick: d,
+        onMouseEnter: () => o.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ p(F, { children: [
-      m && /* @__PURE__ */ t(M, { vastUrl: m }),
-      /* @__PURE__ */ t("span", { children: "ADVERTISEMENT" })
+    /* @__PURE__ */ y(_, { children: [
+      a && /* @__PURE__ */ e(q, { vastUrl: a }),
+      /* @__PURE__ */ e("span", { children: "ADVERTISEMENT" })
     ] })
   ] }) });
-}, H = ({
-  showPauseAd: a,
-  vastUrls: r,
+}, R = ({
+  showPauseAd: t,
+  vastUrls: n,
   title: u,
-  caption: f,
+  caption: d,
   onPlay: s,
-  onClose: m,
-  onRender: e
+  onClose: a,
+  onRender: r,
+  options: o
 }) => {
-  const [o, l] = A(!1), [n, i] = A(!1), c = y();
-  d(() => (c.current && clearTimeout(c.current), a ? (P.emit("exposedPauseAd", {
-    action: "enabled",
-    payload: {}
-  }), c.current = setTimeout(() => {
-    i(!1), l(!0);
-  }, 5e3)) : (P.emit("exposedPauseAd", {
-    action: "disabled",
-    payload: {}
-  }), i(!0), c.current = setTimeout(() => {
-    l(!1);
-  }, 400)), () => {
-    c.current && clearTimeout(c.current);
-  }), [a]), d(() => {
-    e == null || e({ rendered: o });
-  }, [o, e]), d(() => () => {
-    e == null || e({ rendered: !1 });
-  }, [e]);
-  const h = r == null ? void 0 : r[0].url;
-  return o ? /* @__PURE__ */ t(
-    j,
+  const [f, A] = x(!1), [m, l] = x(!1), c = k(), i = n == null ? void 0 : n[0].url, h = k(i);
+  h.current = i;
+  const [S, T] = b();
+  return P(() => {
+    if (t && i) {
+      g.emit("exposedPauseAd", {
+        action: "enabled",
+        payload: {}
+      }), S(i).then((p) => {
+        h.current === i && (p == null ? void 0 : p.success) !== !0 && (clearTimeout(c.current), a == null || a());
+      }).catch(() => {
+        h.current === i && (clearTimeout(c.current), a == null || a());
+      });
+      const E = () => {
+        var p;
+        (p = T.get()[h.current]) != null && p.imageSrc ? (clearTimeout(c.current), l(!1), A(!0), g.emit("exposedPauseAd", {
+          action: "rendered",
+          payload: {}
+        })) : c.current = setTimeout(() => {
+          E();
+        }, 200);
+      };
+      c.current = setTimeout(() => {
+        E();
+      }, 5e3);
+    } else
+      g.emit("exposedPauseAd", {
+        action: "disabled",
+        payload: {}
+      }), l(!0), c.current = setTimeout(() => {
+        A(!1);
+      }, 400);
+    return () => {
+      c.current && clearTimeout(c.current);
+    };
+  }, [T, S, a, t, i]), P(() => {
+    r == null || r({ rendered: f });
+  }, [f, r]), P(() => () => {
+    r == null || r({ rendered: !1 });
+  }, [r]), f ? /* @__PURE__ */ e(
+    z,
     {
-      onClose: m,
-      isClosing: n,
+      onClose: a,
+      isClosing: m,
       title: u,
-      caption: f,
+      caption: d,
       onPlay: s,
-      vastUrl: h
+      vastUrl: i,
+      options: o
     }
   ) : null;
 };
 export {
-  H as PauseAd
+  R as PauseAd
 };

package/lib/app/webos/ExposedPauseAd/styles.d.ts

@@ -9,4 +9,4 @@ export declare const PauseAdCaption: import('@linaria/react').StyledComponent<im
 export declare const PauseAdBottomLeft: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PauseAdPlayButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const PauseAdSidebar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ExternalAdContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ExternalAdContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/app/webos/ExposedPauseAd/styles.js

@@ -15,11 +15,11 @@ const e = /* @__PURE__ */ s("div")({
   name: "PauseAdGradientRight",
   class: "p1kh2yb0",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "PauseAdGradientBottom",
   class: "pl8f94x",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "PauseAdTopLeft",
   class: "p1m6zmrt",
   propsAsIs: !1
@@ -43,7 +43,7 @@ const e = /* @__PURE__ */ s("div")({
   name: "PauseAdSidebar",
   class: "p1dpvfl1",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("img")({
   name: "ExternalAdContainer",
   class: "ezfmabr",
   propsAsIs: !1
@@ -53,12 +53,12 @@ export {
   r as PauseAdBottomLeft,
   A as PauseAdCaption,
   t as PauseAdContent,
-  d as PauseAdGradientBottom,
+  p as PauseAdGradientBottom,
   o as PauseAdGradientLeft,
   n as PauseAdGradientRight,
   e as PauseAdOverlay,
   i as PauseAdPlayButton,
   u as PauseAdSidebar,
   l as PauseAdTitle,
-  p as PauseAdTopLeft
+  d as PauseAdTopLeft
 };

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

@@ -1,6 +1,9 @@
 import { Component } from 'react';
 import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { PauseAdProps } from './ExposedPauseAd/PauseAd';
+export type StreamLayerSDKTvOptions = {
+    showPauseButton?: boolean;
+};
 export type StreamLayerSDKTvProps = {
     persistent?: boolean;
     children: React.ReactNode;
@@ -11,6 +14,7 @@ export type StreamLayerSDKTvProps = {
     onRenderPauseAd?: (params: {
         rendered: boolean;
     }) => void;
+    options?: StreamLayerSDKTvOptions;
 };
 export declare class StreamLayerSDKTv extends Component<StreamLayerSDKTvProps, {
     hasError: boolean;

package/lib/app/webos/index.js

@@ -1,46 +1,48 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { init as y } from "@noriginmedia/norigin-spatial-navigation";
-import { Layout as v } from "../app/Layout/index.js";
-import { Component as D, useCallback as u } from "react";
-import { useStore as d } from "@streamlayer/react-polyfills";
-import { StreamLayerSDKAdvertisementWebOS as m } from "./Advertisement/index.js";
-import { PauseAd as L } from "./ExposedPauseAd/PauseAd.js";
-import { StreamLayerSDKQuestionWebOS as S } from "./Question/index.js";
+import { Layout as b } from "../app/Layout/index.js";
+import { Component as D, useCallback as c } from "react";
+import { useStore as x } from "@streamlayer/react-polyfills";
+import { StreamLayerSDKAdvertisementWebOS as u } from "./Advertisement/index.js";
+import { PauseAd as v } from "./ExposedPauseAd/PauseAd.js";
+import { StreamLayerSDKQuestionWebOS as s } from "./Question/index.js";
 y({
   shouldFocusDOMNode: !0
 });
-const K = ({
-  persistent: o,
-  children: e,
+const L = ({
+  persistent: e,
+  children: o,
   sdk: r,
-  showPauseAd: p,
-  pauseAdVastUrl: c,
-  onClosePauseAd: a,
-  onRenderPauseAd: s
+  showPauseAd: l,
+  pauseAdVastUrl: m,
+  onClosePauseAd: n,
+  onRenderPauseAd: f,
+  options: S
 }) => {
-  const i = d(r.uiState), f = u(() => {
-    a == null || a();
-  }, [a]), h = u(() => {
+  const a = x(r.uiState), p = c(() => {
+    n == null || n();
+  }, [n]), h = c(() => {
     r.controlVideoPlayer({ play: !0 });
-  }, [r]), l = i.appSidebar || i.promotionSidebar || i.promotionOverlay;
-  return /* @__PURE__ */ b(
-    v,
+  }, [r]);
+  return /* @__PURE__ */ d(
+    b,
     {
       sdk: r,
-      sidebar: ({ promo: n }) => n ? /* @__PURE__ */ t(m, { sdk: r, persistent: o, sidebar: "right" }) : /* @__PURE__ */ t(S, { sdk: r, persistent: o }),
-      notification: ({ promo: n }) => n ? /* @__PURE__ */ t(m, { sdk: r, notification: !0, persistent: o }) : /* @__PURE__ */ t(S, { notification: !0, sdk: r, persistent: o }),
-      banner: /* @__PURE__ */ t(m, { sdk: r, persistent: o, banner: "bottom" }),
+      sidebar: ({ promo: i }) => a.exposedPauseAd ? null : i ? /* @__PURE__ */ t(u, { sdk: r, persistent: e, sidebar: "right" }) : /* @__PURE__ */ t(s, { sdk: r, persistent: e }),
+      notification: ({ promo: i }) => a.exposedPauseAd ? null : i ? /* @__PURE__ */ t(u, { sdk: r, notification: !0, persistent: e }) : /* @__PURE__ */ t(s, { notification: !0, sdk: r, persistent: e }),
+      banner: a.exposedPauseAd ? null : /* @__PURE__ */ t(u, { sdk: r, persistent: e, banner: "bottom" }),
       webos: !0,
       children: [
-        e,
-        c && !l && /* @__PURE__ */ t(
-          L,
+        o,
+        m && /* @__PURE__ */ t(
+          v,
           {
-            showPauseAd: p,
-            vastUrls: c,
-            onClose: f,
-            onRender: s,
-            onPlay: h
+            showPauseAd: l,
+            vastUrls: m,
+            onClose: p,
+            onRender: f,
+            onPlay: h,
+            options: S
           }
         )
       ]
@@ -48,17 +50,17 @@ const K = ({
   );
 };
 class W extends D {
-  constructor(e) {
-    super(e), this.state = { hasError: !1 };
+  constructor(o) {
+    super(o), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(e, r) {
-    console.error("StreamLayerSDKTv error:", e, r.componentStack);
+  componentDidCatch(o, r) {
+    console.error("StreamLayerSDKTv error:", o, r.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ t(K, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ t(L, { ...this.props });
   }
 }
 export {

package/lib/app/webos/story.js

@@ -1,33 +1,33 @@
 import { jsx as a, jsxs as p, Fragment as f } from "react/jsx-runtime";
 import c from "hls.js";
-import { useRef as m, useState as d, useEffect as u } from "react";
+import { useRef as m, useState as d, useEffect as i } from "react";
 import { StreamLayerProvider as y, useStreamLayer as l, useStreamLayerUI as S } from "@streamlayer/react";
 import { anonymous as h } from "@streamlayer/sdk-web-anonymous-auth";
 import { useStreamLayerDebug as b } from "../../utils/debug/index.js";
 import { StreamLayerSDKTv as g } from "./index.js";
-const w = ({ src: t }) => {
-  const e = m(), n = m(), [r, o] = d(t);
-  return u(() => {
-    o(t);
-  }, [t]), u(() => () => {
+const w = ({ src: r }) => {
+  const e = m(), n = m(), [t, o] = d(r);
+  return i(() => {
+    o(r);
+  }, [r]), i(() => () => {
     n.current && clearTimeout(n.current);
-  }, []), u(() => {
-    if (r && r.includes("m3u8"))
+  }, []), i(() => {
+    if (t && t.includes("m3u8"))
       if (c.isSupported() && e.current) {
         const s = new c({
           debug: !1
         });
-        s.loadSource(r), s.attachMedia(e.current);
+        s.loadSource(t), s.attachMedia(e.current);
       } else
         o("");
     e.current && (e.current.volume = 0.1, e.current.play().catch((s) => {
-      var i;
-      console.error(s), (i = e.current) == null || i.play();
+      var u;
+      console.error(s), (u = e.current) == null || u.play();
     }));
-  }, [r]), /* @__PURE__ */ a(
+  }, [t]), /* @__PURE__ */ a(
     "video",
     {
-      src: r || "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
+      src: t || "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4",
       ref: e,
       style: { width: "100%", height: "100%", borderRadius: 10, objectFit: "contain" },
       autoPlay: !0,
@@ -39,39 +39,43 @@ const w = ({ src: t }) => {
     }
   );
 }, v = () => {
-  const t = l(), [e, n] = d("");
-  return u(() => t ? t.streamSummary().subscribe((r) => {
+  const r = l(), [e, n] = d("");
+  return i(() => r ? r.streamSummary().subscribe((t) => {
     var o, s;
-    (s = (o = r.data) == null ? void 0 : o.summary) != null && s.stream && n(r.data.summary.stream);
+    (s = (o = t.data) == null ? void 0 : o.summary) != null && s.stream && n(t.data.summary.stream);
   }) : () => {
-  }, [t]), /* @__PURE__ */ a(
+  }, [r]), /* @__PURE__ */ a(
     w,
     {
       src: e || "https://storage.googleapis.com/cdn.streamlayer.io/assets/sdk-web/Own%20The%20Game%201080p%20RF18.mp4"
     }
   );
-}, L = ({ sdk: t }) => (u(() => {
-  t.anonymousAuthorization();
-}, [t]), null), k = ({ persistent: t }) => {
+}, k = ({ sdk: r }) => (i(() => {
+  r.anonymousAuthorization();
+}, [r]), null), L = ({ persistent: r }) => {
   const e = l(), n = S();
   return e ? /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ a(L, { sdk: e }),
-    /* @__PURE__ */ a(g, { sdk: e, persistent: t, uiState: n, children: /* @__PURE__ */ a(v, {}) })
+    /* @__PURE__ */ a(k, { sdk: e }),
+    /* @__PURE__ */ a(g, { sdk: e, persistent: r, uiState: n, children: /* @__PURE__ */ a(v, {}) })
   ] }) : null;
-}, R = /* @__PURE__ */ new Set([h]), P = ({ sdkKey: t, eventId: e, persistent: n, production: r }) => {
-  const o = b({ sdkKey: t, eventId: e, production: r });
+}, R = /* @__PURE__ */ new Set([h]), P = ({ sdkKey: r, eventId: e, persistent: n, production: t }) => {
+  const o = b({ sdkKey: r, eventId: e, production: t });
   return /* @__PURE__ */ a(
     y,
     {
       event: o.event,
       sdkKey: o.sdkKey,
       production: o.env === "production",
+      themeMode: "dark",
       plugins: R,
       autoEnable: !0,
       withAd: !0,
+      skipOnboarding: !0,
       withAdNotification: !0,
+      friendsTab: "disabled",
+      hideFriends: !0,
       webOS: !0,
-      children: /* @__PURE__ */ a(k, { persistent: n })
+      children: /* @__PURE__ */ a(L, { persistent: n })
     }
   );
 };