@streamlayer/react 1.21.0 → 1.21.2

package/lib/es/advertisement.js

@@ -1,6 +1,5 @@
 import { jsx as Y, jsxs as pe, Fragment as to } from "react/jsx-runtime";
 import { useEffect as It, useState as Lo, useRef as wi, useCallback as nn } from "react";
-import "@nanostores/react";
 import "nanostores";
 import { n as ai, s as J, e as Ht, O as Fr, B as gm, q as fm, k as mm, f as bs, y as io, E as ym, r as _m, t as bm, u as Tm, c as vm, d as Sm, a as Ni, h as Em } from "./provider.js";
 import "lodash.throttle";
@@ -34371,7 +34370,7 @@ const l2 = (i) => {
     containerId: A.containerId,
     muted: m
   });
-}, D2 = ({
+}, L2 = ({
   event: i,
   sidebar: e,
   banner: t,
@@ -34406,6 +34405,6 @@ const l2 = (i) => {
   ] }) : null;
 };
 export {
-  D2 as StreamLayerSDKAdvertisement,
+  L2 as StreamLayerSDKAdvertisement,
   _2 as StreamLayerSDKAdvertisementUI
 };

package/lib/es/index.js

@@ -1,20 +1,19 @@
-import { S as p, a as y, b as L, h as c, u as f, d as u, c as D } from "./provider.js";
+import { S as s, a as y, b as L, h as p, u as c, d as f, c as u } from "./provider.js";
 import "nanostores";
 import "react/jsx-runtime";
 import "react";
-import "@nanostores/react";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
-import { StreamLayerSDKNotification as d, StreamLayerSDKNotificationUI as h } from "./notification.js";
+import { StreamLayerSDKNotification as K, StreamLayerSDKNotificationUI as d } from "./notification.js";
 export {
-  p as StreamLayerProvider,
+  s as StreamLayerProvider,
   y as StreamLayerSDKEvent,
-  d as StreamLayerSDKNotification,
-  h as StreamLayerSDKNotificationUI,
+  K as StreamLayerSDKNotification,
+  d as StreamLayerSDKNotificationUI,
   L as StreamLayerSDKReact,
-  c as StreamLayerThemeProvider,
-  f as useStreamLayer,
-  u as useStreamLayerTheme,
-  D as useStreamLayerUI
+  p as StreamLayerThemeProvider,
+  c as useStreamLayer,
+  f as useStreamLayerTheme,
+  u as useStreamLayerUI
 };

package/lib/es/insight.js

@@ -1,6 +1,5 @@
-import { jsx as u, jsxs as c } from "react/jsx-runtime";
+import { jsx as u, jsxs as p } from "react/jsx-runtime";
 import { useRef as l, useEffect as h } from "react";
-import "@nanostores/react";
 import "nanostores";
 import { f as m, s as f, T as S, u as I, d as g, h as v, a as k } from "./provider.js";
 import "lodash.throttle";
@@ -19,7 +18,7 @@ const Q = () => S, L = /* @__PURE__ */ f(Q())({
   hideHeader: a,
   insightId: t
 }) => {
-  const s = l(""), p = m(e.openedQuestion.$store);
+  const s = l(""), c = m(e.openedQuestion.$store);
   return h(() => t ? (!i || e.isOpenedQuestion(t) || (s.current = t, e.getFeedItem(t).then((r) => {
     var d;
     s.current === t && ((d = r == null ? void 0 : r.attributes) == null ? void 0 : d.attributes.case) === "insight" && e.openQuestion(t, r);
@@ -31,7 +30,7 @@ const Q = () => S, L = /* @__PURE__ */ f(Q())({
     var d;
     r && ((d = r.feedItem) == null ? void 0 : d.type) === "insight" && (!i || e.isOpenedQuestion(r.feedItem.id) || (s.current = r.feedItem.id, e.openQuestion(r.feedItem.id, r.feedItem))), !r && s.current && (e.closeQuestion(s.current), s.current = "");
   }), () => {
-  }), [e, i, t]), p ? /* @__PURE__ */ u(L, {
+  }), [e, i, t]), c ? /* @__PURE__ */ u(L, {
     sdk: n,
     skipAutoClose: o,
     hideHeader: a,
@@ -56,7 +55,7 @@ const Q = () => S, L = /* @__PURE__ */ f(Q())({
     gamification: t,
     skipAutoClose: i
   }) : null;
-}, j = ({
+}, O = ({
   event: e,
   theme: n,
   hideHeader: i,
@@ -64,7 +63,7 @@ const Q = () => S, L = /* @__PURE__ */ f(Q())({
   persistent: a
 }) => {
   const t = I(), s = g();
-  return t ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: [
+  return t ? /* @__PURE__ */ p("div", { className: "StreamLayerSDK", children: [
     /* @__PURE__ */ u(v, { customTheme: n ?? s.theme, themeMode: s.themeMode, children: /* @__PURE__ */ u(
       A,
       {
@@ -78,6 +77,6 @@ const Q = () => S, L = /* @__PURE__ */ f(Q())({
   ] }) : null;
 };
 export {
-  j as StreamLayerSDKInsight,
+  O as StreamLayerSDKInsight,
   A as StreamLayerSDKInsightUI
 };

package/lib/es/notification.js

@@ -1,6 +1,5 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import { useState as w, useRef as _, useEffect as y, useCallback as As, useMemo as hs } from "react";
-import "@nanostores/react";
 import "nanostores";
 import { s as n, B as A, $ as Is, a0 as $s, a1 as K, R as G, a2 as gs, E as ws, O as x, y as ys, i as Ts, f as bs, e as Cs, N as R, u as fs, d as ks, c as Ns, h as qs } from "./provider.js";
 import "lodash.throttle";
@@ -999,11 +998,11 @@ const b = /* @__PURE__ */ n("div")({
       webos: i
     }
   ) : c && /* @__PURE__ */ s(se, { ...c.data, action: c.action });
-}, Ro = ({ theme: e }) => {
+}, Mo = ({ theme: e }) => {
   const i = fs(), t = ks(), o = Ns();
   return i && (o.appNotification || o.onboardingNotification) ? o.app && !o.onboardingNotification ? null : /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(qs, { customTheme: e ?? t.theme, themeMode: t.themeMode, children: /* @__PURE__ */ s(fo, { sdk: i }) }) }) : null;
 };
 export {
-  Ro as StreamLayerSDKNotification,
+  Mo as StreamLayerSDKNotification,
   fo as StreamLayerSDKNotificationUI
 };

package/lib/es/pause-ad.js

@@ -1,63 +1,62 @@
-import { jsx as a, jsxs as I } from "react/jsx-runtime";
-import { j as K, k as F, e as k, s as p, l as M, n as _, f as j, u as q, d as G, h as N } from "./provider.js";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import { j as K, k as M, e as k, s as m, l as _, n as $, f as F, u as N, d as j, h as q } from "./provider.js";
 import "nanostores";
-import { useRef as D, useCallback as L, useState as R, useEffect as T, Component as $ } from "react";
-import "@nanostores/react";
+import { useRef as D, useCallback as I, useState as R, useEffect as T, Component as O } from "react";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
 import { c as z } from "./vast-client.min-B0NUra1B.js";
-const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Promise((s, t) => {
-  const n = new Image();
-  n.onload = () => s(e), n.onerror = () => t(), n.src = e;
+const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Promise((s, t) => {
+  const o = new Image();
+  o.onload = () => s(e), o.onerror = () => t(), o.src = e;
 }), V = () => {
   const e = D(0);
-  return [L(async (s) => {
-    var t, n, r, d, c, i, h, l, f, g, y;
-    if ((t = b.get()[s]) != null && t.imageSrc)
+  return [I(async (s) => {
+    var t, o, r, c, d, n, h, i, f, g, y;
+    if ((t = w.get()[s]) != null && t.imageSrc)
       return { success: !0 };
     const v = Date.now();
-    e.current = v, b.setKey(s, { id: "", url: s });
+    e.current = v, w.setKey(s, { id: "", url: s });
     try {
       k.emit("exposedPauseAd", {
         action: "load",
         payload: {}
       });
-      const u = await W.get(s);
-      if (E.debug(u, "parsedVAST"), e.current === v && b.get()[s].url) {
-        const o = u.ads.find((m) => m.creatives.length > 0);
-        if (o) {
-          E.debug(o, "validAd");
-          const m = o.creatives.find((A) => A.type === "nonlinear");
-          if (m) {
-            E.debug(m, "nonlinear");
-            const A = (r = (n = m.variations) == null ? void 0 : n[0]) == null ? void 0 : r.staticResource, C = (c = (d = m.variations) == null ? void 0 : d[0]) == null ? void 0 : c.nonlinearClickThroughURLTemplate;
+      const u = await J.get(s);
+      if (E.debug(u, "parsedVAST"), e.current === v && w.get()[s].url) {
+        const a = u.ads.find((p) => p.creatives.length > 0);
+        if (a) {
+          E.debug(a, "validAd");
+          const p = a.creatives.find((A) => A.type === "nonlinear");
+          if (p) {
+            E.debug(p, "nonlinear");
+            const A = (r = (o = p.variations) == null ? void 0 : o[0]) == null ? void 0 : r.staticResource, C = (d = (c = p.variations) == null ? void 0 : c[0]) == null ? void 0 : d.nonlinearClickThroughURLTemplate;
             if (A)
-              return await U(A), b.setKey(s, {
-                id: o.id || "",
+              return await U(A), w.setKey(s, {
+                id: a.id || "",
                 url: s,
                 imageSrc: A,
                 adUrl: C
               }), k.emit("exposedPauseAd", {
                 action: "loaded",
                 payload: {
-                  id: o.id || ""
+                  id: a.id || ""
                 }
               }), { success: !0 };
           }
-          const P = o.creatives.find((A) => A.type === "companion");
+          const P = a.creatives.find((A) => A.type === "companion");
           E.debug(P, "companion");
-          const w = (f = (l = (h = (i = P == null ? void 0 : P.variations) == null ? void 0 : i[0]) == null ? void 0 : h.staticResources) == null ? void 0 : l[0]) == null ? void 0 : f.url, S = (y = (g = P == null ? void 0 : P.variations) == null ? void 0 : g[0]) == null ? void 0 : y.companionClickThroughURLTemplate;
-          if (w)
-            return await U(w), b.setKey(s, {
-              id: o.id || "",
+          const b = (f = (i = (h = (n = P == null ? void 0 : P.variations) == null ? void 0 : n[0]) == null ? void 0 : h.staticResources) == null ? void 0 : i[0]) == null ? void 0 : f.url, S = (y = (g = P == null ? void 0 : P.variations) == null ? void 0 : g[0]) == null ? void 0 : y.companionClickThroughURLTemplate;
+          if (b)
+            return await U(b), w.setKey(s, {
+              id: a.id || "",
               url: s,
-              imageSrc: w,
+              imageSrc: b,
               adUrl: S
             }), k.emit("exposedPauseAd", {
               action: "loaded",
               payload: {
-                id: o.id || ""
+                id: a.id || ""
               }
             }), { success: !0 };
         }
@@ -66,58 +65,54 @@ const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Prom
       console.error("Error parsing VAST", u);
     }
     return { success: !1 };
-  }, []), b];
-}, X = /* @__PURE__ */ p("div")({
+  }, []), w];
+}, Q = /* @__PURE__ */ m("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
   propsAsIs: !1
-}), H = /* @__PURE__ */ p("div")({
+}), H = /* @__PURE__ */ m("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
   propsAsIs: !1
-}), J = /* @__PURE__ */ p("div")({
-  name: "PauseAdGradientRight",
+}), W = /* @__PURE__ */ m("div")({
+  name: "PauseAdTopLeft",
   class: "pv7u167",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ p("div")({
-  name: "PauseAdGradientBottom",
+}), X = /* @__PURE__ */ m("h2")({
+  name: "PauseAdTitle",
   class: "p1kh2yb0",
   propsAsIs: !1
-}), Y = /* @__PURE__ */ p("div")({
-  name: "PauseAdTopLeft",
+}), Y = /* @__PURE__ */ m("p")({
+  name: "PauseAdCaption",
   class: "pl8f94x",
   propsAsIs: !1
-}), Z = /* @__PURE__ */ p("h2")({
-  name: "PauseAdTitle",
+}), Z = /* @__PURE__ */ m("div")({
+  name: "PauseAdBottomLeft",
   class: "p1m6zmrt",
   propsAsIs: !1
-}), ee = /* @__PURE__ */ p("p")({
-  name: "PauseAdCaption",
+}), ee = /* @__PURE__ */ m("button")({
+  name: "PauseAdPlayButton",
   class: "pm3vwfa",
   propsAsIs: !1
-}), se = /* @__PURE__ */ p("div")({
-  name: "PauseAdBottomLeft",
+}), se = /* @__PURE__ */ m("div")({
+  name: "PauseAdSidebarGradient",
   class: "p1tibuhw",
   propsAsIs: !1
-}), re = /* @__PURE__ */ p("button")({
-  name: "PauseAdPlayButton",
-  class: "ptqqrqd",
-  propsAsIs: !1
-}), te = /* @__PURE__ */ p("div")({
+}), re = /* @__PURE__ */ m("div")({
   name: "PauseAdSidebar",
-  class: "p14estxv",
+  class: "ptqqrqd",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ p("span")({
+}), te = /* @__PURE__ */ m("span")({
   name: "PauseAdTitleDescription",
-  class: "p1dpvfl1",
+  class: "p14estxv",
   propsAsIs: !1
-}), B = /* @__PURE__ */ p("img")({
+}), B = /* @__PURE__ */ m("img")({
   name: "ExternalAdContainer",
-  class: "ezfmabr",
+  class: "e1dpvfl1",
   propsAsIs: !1
 }), ae = ({ vastUrl: e, isDesktop: s }) => {
   var t;
-  const [, n] = V(), r = j(n, { keys: [e] });
+  const [, o] = V(), r = F(o, { keys: [e] });
   return T(() => {
     r && r[e] && r[e].imageSrc && r[e].id && k.emit("exposedPauseAd", {
       action: "rendered",
@@ -125,7 +120,7 @@ const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Prom
         id: r[e].id
       }
     });
-  }, [r, e]), (t = r == null ? void 0 : r[e]) != null && t.imageSrc ? !r[e].adUrl || !s ? /* @__PURE__ */ a(B, { src: r[e].imageSrc }) : /* @__PURE__ */ a(
+  }, [r, e]), (t = r == null ? void 0 : r[e]) != null && t.imageSrc ? !r[e].adUrl || !s ? /* @__PURE__ */ l(B, { src: r[e].imageSrc }) : /* @__PURE__ */ l(
     "a",
     {
       onClick: () => {
@@ -139,19 +134,19 @@ const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Prom
       href: r[e].adUrl,
       target: "_blank",
       rel: "noopener noreferrer",
-      children: /* @__PURE__ */ a(B, { src: r[e].imageSrc })
+      children: /* @__PURE__ */ l(B, { src: r[e].imageSrc })
     }
   ) : null;
-}, ne = ({ isClosing: e, title: s, caption: t, onPlay: n, onClose: r, vastUrl: d, options: c, isDesktop: i }) => {
-  const h = (c == null ? void 0 : c.showPauseButton) ?? !0, { ref: l, focusSelf: f } = M.useFocusable({
+}, oe = ({ isClosing: e, title: s, caption: t, onPlay: o, onClose: r, vastUrl: c, options: d, isDesktop: n }) => {
+  const h = (d == null ? void 0 : d.showPauseButton) ?? !0, { ref: i, focusSelf: f } = _.useFocusable({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: n,
+    onEnterRelease: o,
     isFocusBoundary: !0,
     forceFocus: !0
   });
   return T(() => {
-    l.current && f();
-  }, [l, f]), T(() => {
+    i.current && f();
+  }, [i, f]), T(() => {
     if (!r)
       return () => {
       };
@@ -163,57 +158,55 @@ const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Prom
       }
     };
     return window.addEventListener("keydown", g, { capture: !0 }), () => window.removeEventListener("keydown", g, { capture: !0 });
-  }, [r]), /* @__PURE__ */ a(X, { className: _("SL_PauseAdOverlay", e && "pause-ad-closing"), children: /* @__PURE__ */ I(H, { children: [
-    /* @__PURE__ */ a(J, {}),
-    /* @__PURE__ */ a(Q, {}),
-    /* @__PURE__ */ I(Y, { children: [
-      /* @__PURE__ */ a(Z, { children: s }),
-      /* @__PURE__ */ a(ee, { children: t })
+  }, [r]), /* @__PURE__ */ l(Q, { className: $("SL_PauseAdOverlay", e && "pause-ad-closing"), children: /* @__PURE__ */ L(H, { children: [
+    /* @__PURE__ */ L(W, { children: [
+      /* @__PURE__ */ l(X, { children: s }),
+      /* @__PURE__ */ l(Y, { children: t })
     ] }),
-    h && /* @__PURE__ */ a(se, { children: /* @__PURE__ */ a(
-      re,
+    h && /* @__PURE__ */ l(Z, { children: /* @__PURE__ */ l(
+      ee,
       {
-        ref: l,
-        onClick: n,
-        onMouseEnter: () => l.current.focus(),
+        ref: i,
+        onClick: o,
+        onMouseEnter: () => i.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ I(te, { children: [
-      d && /* @__PURE__ */ a(ae, { isDesktop: i, vastUrl: d }),
-      /* @__PURE__ */ a(oe, { children: "ADVERTISEMENT" })
-    ] })
+    /* @__PURE__ */ l(se, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ L(re, { children: [
+      c && /* @__PURE__ */ l(ae, { isDesktop: n, vastUrl: c }),
+      /* @__PURE__ */ l(te, { children: "ADVERTISEMENT" })
+    ] }) })
   ] }) });
-}, ie = ({ showPauseAd: e, vastUrls: s, title: t, caption: n, sdk: r, onClose: d, onRender: c, options: i, isDesktop: h }) => {
-  const l = (i == null ? void 0 : i.pauseAdDelay) ?? 5e3, [f, g] = R(!1), [y, v] = R(!1), u = D(), o = s == null ? void 0 : s[0].url, m = D(o);
-  m.current = o;
-  const [P, w] = V(), S = L(() => {
-    d && (k.emit("exposedPauseAd", {
+}, ne = ({ showPauseAd: e, vastUrls: s, title: t, caption: o, sdk: r, onClose: c, onRender: d, options: n, isDesktop: h }) => {
+  const i = (n == null ? void 0 : n.pauseAdDelay) ?? 5e3, [f, g] = R(!1), [y, v] = R(!1), u = D(), a = s == null ? void 0 : s[0].url, p = D(a);
+  p.current = a;
+  const [P, b] = V(), S = I(() => {
+    c && (k.emit("exposedPauseAd", {
       action: "closed",
       payload: {}
-    }), d());
-  }, [d]), A = L(() => {
+    }), c());
+  }, [c]), A = I(() => {
     r.controlVideoPlayer({ play: !0 });
   }, [r]);
   return T(() => {
-    if (e && o) {
+    if (e && a) {
       k.emit("exposedPauseAd", {
         action: "enabled",
         payload: {}
-      }), P(o).then((x) => {
-        m.current === o && (x == null ? void 0 : x.success) !== !0 && (clearTimeout(u.current), S == null || S());
+      }), P(a).then((x) => {
+        p.current === a && (x == null ? void 0 : x.success) !== !0 && (clearTimeout(u.current), S == null || S());
       }).catch(() => {
-        m.current === o && (clearTimeout(u.current), S == null || S());
+        p.current === a && (clearTimeout(u.current), S == null || S());
       });
       const C = () => {
-        const x = w.get()[m.current];
+        const x = b.get()[p.current];
         x != null && x.imageSrc ? (clearTimeout(u.current), v(!1), g(!0)) : u.current = setTimeout(() => {
           C();
         }, 200);
       };
       u.current = setTimeout(() => {
         C();
-      }, l);
+      }, i);
     } else
       k.emit("exposedPauseAd", {
         action: "disabled",
@@ -224,61 +217,61 @@ const O = {}, W = new z(), b = F(O), E = K("ui:gam-static"), U = (e) => new Prom
     return () => {
       u.current && clearTimeout(u.current);
     };
-  }, [w, P, S, l, e, o]), T(() => {
-    c == null || c({ rendered: f });
-  }, [f, c]), T(() => () => {
-    c == null || c({ rendered: !1 });
-  }, [c]), f ? /* @__PURE__ */ a(
-    ne,
+  }, [b, P, S, i, e, a]), T(() => {
+    d == null || d({ rendered: f });
+  }, [f, d]), T(() => () => {
+    d == null || d({ rendered: !1 });
+  }, [d]), f ? /* @__PURE__ */ l(
+    oe,
     {
       onClose: S,
       isClosing: y,
       title: t,
-      caption: n,
+      caption: o,
       onPlay: A,
-      vastUrl: o,
-      options: i,
+      vastUrl: a,
+      options: n,
       isDesktop: h
     }
   ) : null;
-}, le = ({
+}, ie = ({
   showPauseAd: e,
   pauseAdVastUrl: s,
   videoPlayerController: t,
-  onRenderPauseAd: n,
+  onRenderPauseAd: o,
   onClosePauseAd: r,
-  children: d,
-  options: c
+  children: c,
+  options: d
 }) => {
-  const i = q(), h = G(), l = D();
-  return T(() => i ? (t && (l.current = t, i.addVideoPlayerController(l.current)), () => {
-    l.current && i.removeVideoPlayerController(l.current);
+  const n = N(), h = j(), i = D();
+  return T(() => n ? (t && (i.current = t, n.addVideoPlayerController(i.current)), () => {
+    i.current && n.removeVideoPlayerController(i.current);
   }) : () => {
-  }, [i, t]), i ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ I(
-    N,
+  }, [n, t]), n ? /* @__PURE__ */ l("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ L(
+    q,
     {
-      style: d ? { position: "relative" } : {},
+      style: c ? { position: "relative" } : {},
       customTheme: h.theme,
       themeMode: h.themeMode,
       children: [
-        d,
-        s && /* @__PURE__ */ a(
-          ie,
+        c,
+        s && /* @__PURE__ */ l(
+          ne,
           {
-            sdk: i,
+            sdk: n,
             showPauseAd: e,
             vastUrls: s,
             onClose: r,
-            onRender: n,
-            options: c,
+            onRender: o,
+            options: d,
             isDesktop: !0
           }
         )
       ]
     }
-  ) }) : d;
+  ) }) : c;
 };
-class Ae extends $ {
+class fe extends O {
   constructor(s) {
     super(s), this.state = { hasError: !1 };
   }
@@ -289,9 +282,9 @@ class Ae extends $ {
     console.error(s, t.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(le, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ l(ie, { ...this.props });
   }
 }
 export {
-  Ae as StreamLayerPauseAd
+  fe as StreamLayerPauseAd
 };

package/lib/es/points.js

@@ -1,6 +1,5 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import "@nanostores/react";
 import "nanostores";
 import { s as a, B as y, m as h, i as S, f, F as c, e as r, u as v, d as g, h as k } from "./provider.js";
 import "lodash.throttle";
@@ -68,10 +67,10 @@ const I = /* @__PURE__ */ a("div")({
     return null;
   const e = s.getFeature(A.GAMES);
   return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, V = ({ theme: s }) => {
+}, R = ({ theme: s }) => {
   const e = v(), o = g();
   return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(k, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(j, { sdk: e }) }) }) : null;
 };
 export {
-  V as StreamLayerSDKPoints
+  R as StreamLayerSDKPoints
 };