@streamlayer/react 1.23.0 → 1.23.2

package/lib/classic/es/pause-ad.js

@@ -1,257 +1,280 @@
-import { jsx as s, jsxs as w } from "react/jsx-runtime";
-import { h as N } from "./index5.js";
-import { s as d, u as q, c as V } from "./sl-types.js";
-import { d as j } from "./index10.js";
-import { useState as B, useRef as b, useCallback as _, useEffect as c, Component as z } from "react";
-import { e as E } from "./index7.js";
-import { B as K, z as O } from "./hooks-B0Qttldg.js";
-const G = /* @__PURE__ */ d("div")({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { h } from "./index7.js";
+import { s as styled_default, u as useStore, c as cx_default } from "./sl-types.js";
+import { d as distExports } from "./index11.js";
+import { useState, useRef, useCallback, useEffect, Component } from "react";
+import { e as eventBus } from "./index5.js";
+import { B, z } from "./hooks-WfHlJH12.js";
+const e = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ d("div")({
+  propsAsIs: false
+}), t = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ d("div")({
+  propsAsIs: false
+}), p = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdTopLeft",
   class: "pv7u167",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ d("h2")({
+  propsAsIs: false
+}), o = /* @__PURE__ */ styled_default("h2")({
   name: "PauseAdTitle",
   class: "p1kh2yb0",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ d("p")({
+  propsAsIs: false
+}), n = /* @__PURE__ */ styled_default("p")({
   name: "PauseAdCaption",
   class: "pl8f94x",
-  propsAsIs: !1
-}), Q = /* @__PURE__ */ d("div")({
+  propsAsIs: false
+}), d = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdBottomLeft",
   class: "p1m6zmrt",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ d("button")({
+  propsAsIs: false
+}), l = /* @__PURE__ */ styled_default("button")({
   name: "PauseAdPlayButton",
   class: "pm3vwfa",
-  propsAsIs: !1
-}), Z = /* @__PURE__ */ d("div")({
+  propsAsIs: false
+}), A = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdSidebarGradient",
   class: "p1tibuhw",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ d("div")({
+  propsAsIs: false
+}), r = /* @__PURE__ */ styled_default("div")({
   name: "PauseAdSidebar",
   class: "ptqqrqd",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ d("span")({
+  propsAsIs: false
+}), i = /* @__PURE__ */ styled_default("span")({
   name: "PauseAdTitleDescription",
   class: "p14estxv",
-  propsAsIs: !1
-}), F = /* @__PURE__ */ d("img")({
+  propsAsIs: false
+}), u = /* @__PURE__ */ styled_default("img")({
   name: "ExternalAdContainer",
   class: "e1dpvfl1",
-  propsAsIs: !1
-}), re = ({
-  vastUrl: i,
-  isDesktop: n,
-  content: e
-}) => (c(() => {
-  e.imageSrc && e.id && E.emit("exposedPauseAd", {
+  propsAsIs: false
+});
+const W = ({
+  vastUrl: l2,
+  isDesktop: o2,
+  content: r2
+}) => (useEffect(() => {
+  r2.imageSrc && r2.id && eventBus.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
-      id: e.id,
-      parentId: e.parentId
+      id: r2.id,
+      parentId: r2.parentId
     }
   });
-}, [e, i]), e != null && e.imageSrc ? !e.adUrl || !n ? /* @__PURE__ */ s(F, { src: e.imageSrc }) : /* @__PURE__ */ s(
+}, [r2, l2]), r2 != null && r2.imageSrc ? !r2.adUrl || !o2 ? /* @__PURE__ */ jsx(u, { src: r2.imageSrc }) : /* @__PURE__ */ jsx(
   "a",
   {
     onClick: () => {
-      E.emit("exposedPauseAd", {
+      eventBus.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
-          id: e.id,
-          parentId: e.parentId
+          id: r2.id,
+          parentId: r2.parentId
         }
       });
     },
-    href: e.adUrl,
+    href: r2.adUrl,
     target: "_blank",
     rel: "noopener noreferrer",
-    children: /* @__PURE__ */ s(F, { src: e.imageSrc })
+    children: /* @__PURE__ */ jsx(u, { src: r2.imageSrc })
   }
-) : null), te = ({ isClosing: i, content: n, externalPauseAdStore: e, title: I, caption: v, onPlay: u, onClose: a, vastUrl: t, options: f, isDesktop: l }) => {
-  const C = (f == null ? void 0 : f.showPauseButton) ?? !0, { ref: p, focusSelf: g } = j.useFocusable({
+) : null), X = ({ isClosing: l$1, content: o$1, externalPauseAdStore: r$1, title: k, caption: y, onPlay: f, onClose: a, vastUrl: c, options: A$1, isDesktop: m }) => {
+  const v = (A$1 == null ? void 0 : A$1.showPauseButton) ?? true, { ref: s, focusSelf: I } = distExports.useFocusable({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: u,
-    isFocusBoundary: !0,
-    forceFocus: !0
+    onEnterRelease: f,
+    isFocusBoundary: true,
+    forceFocus: true
   });
-  return c(() => () => {
-    e.revalidate();
-  }, [e]), c(() => {
-    p.current && g();
-  }, [p, g]), c(() => {
+  return useEffect(() => () => {
+    r$1.revalidate();
+  }, [r$1]), useEffect(() => {
+    s.current && I();
+  }, [s, I]), useEffect(() => {
     if (!a)
       return () => {
       };
-    const T = (A) => {
-      const o = A.keyCode;
-      if (o === 461 || o === 10009 || o === 27 || o === 8) {
-        A.preventDefault(), A.stopPropagation(), A.stopImmediatePropagation(), a();
+    const E = (d2) => {
+      const t2 = d2.keyCode;
+      if (t2 === 461 || t2 === 10009 || t2 === 27 || t2 === 8) {
+        d2.preventDefault(), d2.stopPropagation(), d2.stopImmediatePropagation(), a();
         return;
       }
     };
-    return window.addEventListener("keydown", T, { capture: !0 }), () => window.removeEventListener("keydown", T, { capture: !0 });
-  }, [a]), /* @__PURE__ */ s(G, { className: V("SL_PauseAdOverlay", i && "pause-ad-closing"), children: /* @__PURE__ */ w(W, { children: [
-    /* @__PURE__ */ w(X, { children: [
-      /* @__PURE__ */ s(H, { children: I }),
-      /* @__PURE__ */ s(J, { children: v })
+    return window.addEventListener("keydown", E, { capture: true }), () => window.removeEventListener("keydown", E, { capture: true });
+  }, [a]), /* @__PURE__ */ jsx(e, { className: cx_default("SL_PauseAd", l$1 && "pause-ad-closing"), children: /* @__PURE__ */ jsxs(t, { children: [
+    /* @__PURE__ */ jsxs(p, { children: [
+      /* @__PURE__ */ jsx(o, { children: k }),
+      /* @__PURE__ */ jsx(n, { children: y })
     ] }),
-    C && /* @__PURE__ */ s(Q, { children: /* @__PURE__ */ s(
-      Y,
+    v && /* @__PURE__ */ jsx(d, { children: /* @__PURE__ */ jsx(
+      l,
       {
-        ref: p,
-        onClick: u,
-        onMouseEnter: () => p.current.focus(),
+        ref: s,
+        onClick: f,
+        onMouseEnter: () => s.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ s(Z, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ w($, { children: [
-      t && /* @__PURE__ */ s(re, { content: n, isDesktop: l, vastUrl: t }),
-      /* @__PURE__ */ s(ee, { children: "ADVERTISEMENT" })
+    /* @__PURE__ */ jsx(A, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ jsxs(r, { children: [
+      c && /* @__PURE__ */ jsx(W, { content: o$1, isDesktop: m, vastUrl: c }),
+      /* @__PURE__ */ jsx(i, { children: "ADVERTISEMENT" })
     ] }) })
   ] }) });
-}, se = ({ showPauseAd: i, vastUrls: n, title: e, caption: I, sdk: v, onClose: u, onRender: a, options: t, isDesktop: f }) => {
-  const l = (t == null ? void 0 : t.pauseAdDelay) ?? 0, C = (t == null ? void 0 : t.pauseAdRefetchInterval) ?? 1e3 * 60 * 50, [p, g] = B(!1), [T, A] = B(!1), o = b(), h = n == null ? void 0 : n[0].url, P = b(h), y = b(""), S = b("");
-  P.current = h;
-  const [m, R] = v.advertisement.getExternalPauseAd(h, {
-    refetchInterval: C,
-    $enabled: l === 0 || !!i,
-    prefetch: l === 0 && C > 0
-  }), k = q(m), x = _(() => {
-    if (u) {
-      S.current = P.current;
-      const r = m.get().data;
-      E.emit("exposedPauseAd", {
+}, se = ({ showPauseAd: l2, vastUrls: o2, title: r2, caption: k, sdk: y, onClose: f, onRender: a, options: c, isDesktop: A2 }) => {
+  const m = (c == null ? void 0 : c.pauseAdDelay) ?? 0, v = (c == null ? void 0 : c.pauseAdRefetchInterval) ?? 1e3 * 60 * 50, [s, I] = useState(false), [E, d2] = useState(false), t2 = useRef(), p2 = o2 == null ? void 0 : o2[0].url, P = useRef(p2), S = useRef(""), T = useRef("");
+  P.current = p2;
+  const [i2, D] = y.advertisement.getExternalPauseAd(p2, {
+    refetchInterval: v,
+    $enabled: m === 0 || !!l2,
+    prefetch: m === 0 && v > 0
+  }), x = useStore(i2), g = useCallback(() => {
+    if (f) {
+      T.current = P.current;
+      const e2 = i2.get().data;
+      eventBus.emit("exposedPauseAd", {
         action: "closed",
-        payload: (r == null ? void 0 : r.url) === S.current ? {
-          id: r == null ? void 0 : r.id,
-          parentId: r == null ? void 0 : r.parentId
+        payload: (e2 == null ? void 0 : e2.url) === T.current ? {
+          id: e2 == null ? void 0 : e2.id,
+          parentId: e2 == null ? void 0 : e2.parentId
         } : {}
-      }), u();
+      }), f();
     }
-  }, [u, m]), M = _(() => {
-    v.controlVideoPlayer({ play: !0 });
-  }, [v]);
-  return c(() => {
-    R === P.current && k.error && (console.log("error", k.error), clearTimeout(o.current), x == null || x());
-  }, [k, x, R]), c(() => {
-    if (i && h) {
-      y.current = P.current, S.current = "";
-      const r = m.get().data;
-      E.emit("exposedPauseAd", {
+  }, [f, i2]), j = useCallback(() => {
+    y.controlVideoPlayer({ play: true });
+  }, [y]);
+  return useEffect(() => {
+    D === P.current && x.error && (console.log("error", x.error), clearTimeout(t2.current), g == null || g());
+  }, [x, g, D]), useEffect(() => {
+    if (l2 && p2) {
+      S.current = P.current, T.current = "";
+      const e2 = i2.get().data;
+      eventBus.emit("exposedPauseAd", {
         action: "enabled",
-        payload: (r == null ? void 0 : r.url) === y.current ? {
-          id: r == null ? void 0 : r.id,
-          parentId: r == null ? void 0 : r.parentId
+        payload: (e2 == null ? void 0 : e2.url) === S.current ? {
+          id: e2 == null ? void 0 : e2.id,
+          parentId: e2 == null ? void 0 : e2.parentId
         } : {}
       });
-      const U = () => {
-        const L = m.get(), D = L.data;
-        (D == null ? void 0 : D.url) === P.current && (!L.loading && D != null && D.imageSrc ? (clearTimeout(o.current), A(!1), g(!0)) : L.loading && (o.current = setTimeout(() => {
-          console.log("checkAndAllowRender timeout"), U();
+      const L = () => {
+        const C = i2.get(), h2 = C.data;
+        (h2 == null ? void 0 : h2.url) === P.current && (!C.loading && (h2 != null && h2.imageSrc) ? (clearTimeout(t2.current), d2(false), I(true)) : C.loading && (t2.current = setTimeout(() => {
+          console.log("checkAndAllowRender timeout"), L();
         }, 200)));
       };
-      clearTimeout(o.current), o.current = setTimeout(() => {
-        U();
-      }, l);
+      clearTimeout(t2.current), t2.current = setTimeout(() => {
+        L();
+      }, m);
     } else {
-      if (S.current !== P.current) {
-        const r = m.get().data;
-        S.current = "", y.current !== "" && (E.emit("exposedPauseAd", {
+      if (T.current !== P.current) {
+        const e2 = i2.get().data;
+        T.current = "", S.current !== "" && (eventBus.emit("exposedPauseAd", {
           action: "disabled",
-          payload: y.current === (r == null ? void 0 : r.url) ? {
-            id: r == null ? void 0 : r.id,
-            parentId: r == null ? void 0 : r.parentId
+          payload: S.current === (e2 == null ? void 0 : e2.url) ? {
+            id: e2 == null ? void 0 : e2.id,
+            parentId: e2 == null ? void 0 : e2.parentId
           } : {}
-        }), y.current = "");
+        }), S.current = "");
       }
-      A(!0), o.current = setTimeout(() => {
-        g(!1);
+      d2(true), t2.current = setTimeout(() => {
+        I(false);
       }, 400);
     }
     return () => {
-      o.current && clearTimeout(o.current);
+      t2.current && clearTimeout(t2.current);
     };
-  }, [m, x, l, i, h]), c(() => {
-    a == null || a({ rendered: p });
-  }, [p, a]), c(() => () => {
-    a == null || a({ rendered: !1 });
-  }, [a]), !p || !k.data ? null : /* @__PURE__ */ s(
-    te,
+  }, [i2, g, m, l2, p2]), useEffect(() => {
+    a == null || a({ rendered: s });
+  }, [s, a]), useEffect(() => () => {
+    a == null || a({ rendered: false });
+  }, [a]), !s || !x.data ? null : /* @__PURE__ */ jsx(
+    X,
     {
-      onClose: x,
-      isClosing: T,
-      title: e,
-      caption: I,
-      onPlay: M,
-      vastUrl: h,
-      options: t,
-      isDesktop: f,
-      externalPauseAdStore: m,
-      content: k.data
+      onClose: g,
+      isClosing: E,
+      title: r2,
+      caption: k,
+      onPlay: j,
+      vastUrl: p2,
+      options: c,
+      isDesktop: A2,
+      externalPauseAdStore: i2,
+      content: x.data
     }
   );
-}, ne = ({
-  showPauseAd: i,
-  pauseAdVastUrl: n,
-  videoPlayerController: e,
-  onRenderPauseAd: I,
-  onClosePauseAd: v,
-  children: u,
-  options: a
+};
+const PureStreamLayerPauseAd = ({
+  showPauseAd,
+  pauseAdVastUrl,
+  videoPlayerController,
+  onRenderPauseAd,
+  onClosePauseAd,
+  children,
+  options
 }) => {
-  const t = K(), f = O(), l = b();
-  return c(() => t ? (e && (l.current = e, t.addVideoPlayerController(l.current)), () => {
-    l.current && t.removeVideoPlayerController(l.current);
-  }) : () => {
-  }, [t, e]), t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ w(
-    N,
+  const sdk = B();
+  const baseTheme = z();
+  const ref = useRef();
+  useEffect(() => {
+    if (sdk) {
+      if (videoPlayerController) {
+        ref.current = videoPlayerController;
+        sdk.addVideoPlayerController(ref.current);
+      }
+      return () => {
+        if (ref.current) {
+          sdk.removeVideoPlayerController(ref.current);
+        }
+      };
+    }
+    return () => {
+    };
+  }, [sdk, videoPlayerController]);
+  if (!sdk) {
+    return children;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsxs(
+    h,
     {
-      style: u ? { position: "relative" } : {},
-      customTheme: f.theme,
-      themeMode: f.themeMode,
+      style: children ? { position: "relative" } : {},
+      customTheme: baseTheme.theme,
+      themeMode: baseTheme.themeMode,
       children: [
-        u,
-        n && /* @__PURE__ */ s(
+        children,
+        pauseAdVastUrl && /* @__PURE__ */ jsx(
           se,
           {
-            sdk: t,
-            showPauseAd: i,
-            vastUrls: n,
-            onClose: v,
-            onRender: I,
-            options: a,
-            isDesktop: !0
+            sdk,
+            showPauseAd,
+            vastUrls: pauseAdVastUrl,
+            onClose: onClosePauseAd,
+            onRender: onRenderPauseAd,
+            options,
+            isDesktop: true
           }
         )
       ]
     }
-  ) }) : u;
+  ) });
 };
-class pe extends z {
-  constructor(n) {
-    super(n), this.state = { hasError: !1 };
+class StreamLayerPauseAd extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
   }
   static getDerivedStateFromError() {
-    return { hasError: !0 };
+    return { hasError: true };
   }
-  componentDidCatch(n, e) {
-    console.error(n, e.componentStack);
+  componentDidCatch(error, info) {
+    console.error(error, info.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ s(ne, { ...this.props });
+    if (this.state.hasError) {
+      return this.props.children;
+    }
+    return /* @__PURE__ */ jsx(PureStreamLayerPauseAd, { ...this.props });
   }
 }
 export {
-  pe as StreamLayerPauseAd
+  StreamLayerPauseAd
 };

package/lib/classic/es/points.js

@@ -1,77 +1,85 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { m as u, h as d } from "./index5.js";
-import { useState as f, useEffect as y } from "react";
-import { s as o, u as h } from "./sl-types.js";
-import { F as c, e as a } from "./index7.js";
-import { d as S } from "./index3.js";
-import { B as v } from "./index4.js";
-import { S as g } from "./useStreamLayerApp2.js";
-import { B as k, z as A } from "./hooks-B0Qttldg.js";
-const I = /* @__PURE__ */ o("div")({
+import { jsxs, jsx } from "react/jsx-runtime";
+import { m, h } from "./index7.js";
+import { useState, useEffect } from "react";
+import { s as styled_default, u as useStore } from "./sl-types.js";
+import { e as eventBus } from "./index5.js";
+import { d } from "./index3.js";
+import { B as B1 } from "./index4.js";
+import { F as FeatureStatus } from "./feature.js";
+import { S as SdkOverlayType } from "./useStreamLayerApp2.js";
+import { B, z } from "./hooks-WfHlJH12.js";
+const e = /* @__PURE__ */ styled_default("div")({
   name: "PointsContainer",
   class: "psiob9b",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ o("div")({
+  propsAsIs: false
+}), p = /* @__PURE__ */ styled_default("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
-  propsAsIs: !1
-}), b = () => v, B = /* @__PURE__ */ o(b())({
+  propsAsIs: false
+}), n = () => B1, a = /* @__PURE__ */ styled_default(n())({
   name: "PointsSvg",
   class: "p15syg2y",
-  propsAsIs: !0
-}), F = /* @__PURE__ */ o("div")({
+  propsAsIs: true
+}), l = /* @__PURE__ */ styled_default("div")({
   name: "PointsBody",
   class: "p12n4f2h",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ o("div")({
+  propsAsIs: false
+}), c = /* @__PURE__ */ styled_default("div")({
   name: "PointsTitle",
   class: "poqmx89",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ o("div")({
+  propsAsIs: false
+}), r = /* @__PURE__ */ styled_default("div")({
   name: "PointsValue",
   class: "prj9b3v",
-  propsAsIs: !1
-}), C = ({ points: s, onClick: t }) => /* @__PURE__ */ p(I, { className: u, onClick: t, children: [
-  /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(B, { name: "icon-trophy-solid" }) }),
-  /* @__PURE__ */ p(F, { children: [
-    /* @__PURE__ */ e(T, { children: "Total points" }),
-    /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(S, { value: s }) })
+  propsAsIs: false
+});
+const u = ({ points: n2, onClick: t }) => /* @__PURE__ */ jsxs(e, { className: m, onClick: t, children: [
+  /* @__PURE__ */ jsx(p, { children: /* @__PURE__ */ jsx(a, { name: "icon-trophy-solid" }) }),
+  /* @__PURE__ */ jsxs(l, { children: [
+    /* @__PURE__ */ jsx(c, { children: "Total points" }),
+    /* @__PURE__ */ jsx(r, { children: /* @__PURE__ */ jsx(d, { value: n2 }) })
   ] })
-] }), j = ({ gamification: s }) => {
-  const t = s.userSummary.$store, [n, l] = f(0);
-  return y(() => {
-    const r = t.subscribe((i) => {
-      var m;
-      (m = i == null ? void 0 : i.summary) != null && m.points && l(i.summary.points);
+] });
+const S = ({ gamification: e2 }) => {
+  const n2 = e2.userSummary.$store, [t, m2] = useState(0);
+  return useEffect(() => {
+    const r2 = n2.subscribe((o) => {
+      var i;
+      (i = o == null ? void 0 : o.summary) != null && i.points && m2(o.summary.points);
     });
     return () => {
-      r();
+      r2();
     };
-  }, [t]), /* @__PURE__ */ e(C, { points: n, onClick: () => {
-    const r = s.status.get();
-    r === c.Suspended ? (s.openFeature(), a.emit("app", {
+  }, [n2]), /* @__PURE__ */ jsx(u, { points: t, onClick: () => {
+    const r2 = e2.status.get();
+    r2 === FeatureStatus.Suspended ? (e2.openFeature(), eventBus.emit("app", {
       action: "open",
       payload: {}
-    }), a.emit("interactions", {
+    }), eventBus.emit("interactions", {
       action: "tap",
       payload: {}
-    })) : r === c.Ready && (s.closeFeature(!1), a.emit("app", {
+    })) : r2 === FeatureStatus.Ready && (e2.closeFeature(false), eventBus.emit("app", {
       action: "close",
       payload: {}
-    }), a.emit("interactions", {
+    }), eventBus.emit("interactions", {
       action: "tap",
       payload: {}
     }));
   } });
-}, L = ({ sdk: s }) => {
-  if (!h(s.featuresList.getStore()))
+}, k = ({ sdk: e2 }) => {
+  if (!useStore(e2.featuresList.getStore()))
     return null;
-  const t = s.getFeature(g.GAMES);
-  return t ? /* @__PURE__ */ e(j, { gamification: t }) : null;
-}, R = ({ theme: s }) => {
-  const t = k(), n = A();
-  return t ? /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(d, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ e(L, { sdk: t }) }) }) : null;
+  const t = e2.getFeature(SdkOverlayType.GAMES);
+  return t ? /* @__PURE__ */ jsx(S, { gamification: t }) : null;
+};
+const StreamLayerSDKPoints = ({ theme }) => {
+  const sdk = B();
+  const baseTheme = z();
+  if (!sdk) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ jsx(h, { customTheme: theme ?? baseTheme.theme, themeMode: baseTheme.themeMode, children: /* @__PURE__ */ jsx(k, { sdk }) }) });
 };
 export {
-  R as StreamLayerSDKPoints
+  StreamLayerSDKPoints
 };