@streamlayer/react 1.21.1 → 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

@@ -2,18 +2,17 @@ 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 I, useState as R, useEffect as T, Component as O } from "react";
-import "@nanostores/react";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
 import { c as z } from "./vast-client.min-B0NUra1B.js";
 const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Promise((s, t) => {
-  const a = new Image();
-  a.onload = () => s(e), a.onerror = () => t(), a.src = e;
+  const o = new Image();
+  o.onload = () => s(e), o.onerror = () => t(), o.src = e;
 }), V = () => {
   const e = D(0);
   return [I(async (s) => {
-    var t, a, r, c, d, n, h, i, f, g, y;
+    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();
@@ -25,39 +24,39 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
       });
       const u = await J.get(s);
       if (E.debug(u, "parsedVAST"), e.current === v && w.get()[s].url) {
-        const o = u.ads.find((p) => p.creatives.length > 0);
-        if (o) {
-          E.debug(o, "validAd");
-          const p = o.creatives.find((A) => A.type === "nonlinear");
+        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 = (a = p.variations) == null ? void 0 : a[0]) == null ? void 0 : r.staticResource, C = (d = (c = p.variations) == null ? void 0 : c[0]) == null ? void 0 : d.nonlinearClickThroughURLTemplate;
+            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), w.setKey(s, {
-                id: o.id || "",
+                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 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: o.id || "",
+              id: a.id || "",
               url: s,
               imageSrc: b,
               adUrl: S
             }), k.emit("exposedPauseAd", {
               action: "loaded",
               payload: {
-                id: o.id || ""
+                id: a.id || ""
               }
             }), { success: !0 };
         }
@@ -111,9 +110,9 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
   name: "ExternalAdContainer",
   class: "e1dpvfl1",
   propsAsIs: !1
-}), oe = ({ vastUrl: e, isDesktop: s }) => {
+}), ae = ({ vastUrl: e, isDesktop: s }) => {
   var t;
-  const [, a] = V(), r = F(a, { 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",
@@ -138,10 +137,10 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
       children: /* @__PURE__ */ l(B, { src: r[e].imageSrc })
     }
   ) : null;
-}, ae = ({ isClosing: e, title: s, caption: t, onPlay: a, onClose: r, vastUrl: c, options: d, isDesktop: n }) => {
+}, 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: a,
+    onEnterRelease: o,
     isFocusBoundary: !0,
     forceFocus: !0
   });
@@ -168,19 +167,19 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
       ee,
       {
         ref: i,
-        onClick: a,
+        onClick: o,
         onMouseEnter: () => i.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
     /* @__PURE__ */ l(se, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ L(re, { children: [
-      c && /* @__PURE__ */ l(oe, { isDesktop: n, vastUrl: c }),
+      c && /* @__PURE__ */ l(ae, { isDesktop: n, vastUrl: c }),
       /* @__PURE__ */ l(te, { children: "ADVERTISEMENT" })
     ] }) })
   ] }) });
-}, ne = ({ showPauseAd: e, vastUrls: s, title: t, caption: a, 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(), o = s == null ? void 0 : s[0].url, p = D(o);
-  p.current = o;
+}, 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",
@@ -190,14 +189,14 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
     r.controlVideoPlayer({ play: !0 });
   }, [r]);
   return T(() => {
-    if (e && o) {
+    if (e && a) {
       k.emit("exposedPauseAd", {
         action: "enabled",
         payload: {}
-      }), P(o).then((x) => {
-        p.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(() => {
-        p.current === o && (clearTimeout(u.current), S == null || S());
+        p.current === a && (clearTimeout(u.current), S == null || S());
       });
       const C = () => {
         const x = b.get()[p.current];
@@ -218,19 +217,19 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
     return () => {
       u.current && clearTimeout(u.current);
     };
-  }, [b, P, S, i, e, o]), T(() => {
+  }, [b, P, S, i, e, a]), T(() => {
     d == null || d({ rendered: f });
   }, [f, d]), T(() => () => {
     d == null || d({ rendered: !1 });
   }, [d]), f ? /* @__PURE__ */ l(
-    ae,
+    oe,
     {
       onClose: S,
       isClosing: y,
       title: t,
-      caption: a,
+      caption: o,
       onPlay: A,
-      vastUrl: o,
+      vastUrl: a,
       options: n,
       isDesktop: h
     }
@@ -239,7 +238,7 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
   showPauseAd: e,
   pauseAdVastUrl: s,
   videoPlayerController: t,
-  onRenderPauseAd: a,
+  onRenderPauseAd: o,
   onClosePauseAd: r,
   children: c,
   options: d
@@ -263,7 +262,7 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
             showPauseAd: e,
             vastUrls: s,
             onClose: r,
-            onRender: a,
+            onRender: o,
             options: d,
             isDesktop: !0
           }
@@ -272,7 +271,7 @@ const G = {}, J = new z(), w = M(G), E = K("ui:gam-static"), U = (e) => new Prom
     }
   ) }) : c;
 };
-class ye extends O {
+class fe extends O {
   constructor(s) {
     super(s), this.state = { hasError: !1 };
   }
@@ -287,5 +286,5 @@ class ye extends O {
   }
 }
 export {
-  ye 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
 };