@streamlayer/react 1.20.6 → 1.20.7

package/lib/es/pause-ad.js

@@ -1,15 +1,20 @@
-import { jsx as a, jsxs as I } from "react/jsx-runtime";
-import { c as K, i as V, s as p, e as L, f as F, j as M, a as _, u as $, b as j, h as q } from "./provider.js";
-import { useRef as x, useCallback as C, useState as R, useEffect as b, Component as z } from "react";
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { j as K, k as V, s as p, e as L, l as F, n as M, f as _, u as $, d as j, h as q } from "./provider.js";
+import "nanostores";
+import { useRef as x, useCallback as k, useState as C, useEffect as b, Component as z } from "react";
+import "@nanostores/react";
+import "lodash.throttle";
+import "react-dom";
+import "react-countup";
 import { c as N } from "./vast-client.min-B0NUra1B.js";
-const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Promise((e, t) => {
+const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), R = (r) => new Promise((e, n) => {
   const s = new Image();
-  s.onload = () => e(r), s.onerror = () => t(), s.src = r;
+  s.onload = () => e(r), s.onerror = () => n(), s.src = r;
 }), D = () => {
   const r = x(0);
-  return [C(async (e) => {
-    var t, s, c, o, l, n, u, i, h, m, f;
-    if ((t = w.get()[e]) != null && t.imageSrc)
+  return [k(async (e) => {
+    var n, s, c, a, l, t, u, i, h, m, f;
+    if ((n = w.get()[e]) != null && n.imageSrc)
       return { success: !0 };
     const v = Date.now();
     r.current = v, w.setKey(e, { url: e });
@@ -22,15 +27,15 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
           const g = y.creatives.find((S) => S.type === "nonlinear");
           if (g) {
             E.debug(g, "nonlinear");
-            const S = (c = (s = g.variations) == null ? void 0 : s[0]) == null ? void 0 : c.staticResource, B = (l = (o = g.variations) == null ? void 0 : o[0]) == null ? void 0 : l.nonlinearClickThroughURLTemplate;
+            const S = (c = (s = g.variations) == null ? void 0 : s[0]) == null ? void 0 : c.staticResource, B = (l = (a = g.variations) == null ? void 0 : a[0]) == null ? void 0 : l.nonlinearClickThroughURLTemplate;
             if (S)
-              return await U(S), w.setKey(e, { url: e, imageSrc: S, adUrl: B }), { success: !0 };
+              return await R(S), w.setKey(e, { url: e, imageSrc: S, adUrl: B }), { success: !0 };
           }
           const A = y.creatives.find((S) => S.type === "companion");
           E.debug(A, "companion");
-          const T = (h = (i = (u = (n = A == null ? void 0 : A.variations) == null ? void 0 : n[0]) == null ? void 0 : u.staticResources) == null ? void 0 : i[0]) == null ? void 0 : h.url, P = (f = (m = A == null ? void 0 : A.variations) == null ? void 0 : m[0]) == null ? void 0 : f.companionClickThroughURLTemplate;
+          const T = (h = (i = (u = (t = A == null ? void 0 : A.variations) == null ? void 0 : t[0]) == null ? void 0 : u.staticResources) == null ? void 0 : i[0]) == null ? void 0 : h.url, P = (f = (m = A == null ? void 0 : A.variations) == null ? void 0 : m[0]) == null ? void 0 : f.companionClickThroughURLTemplate;
           if (T)
-            return await U(T), w.setKey(e, { url: e, imageSrc: T, adUrl: P }), { success: !0 };
+            return await R(T), w.setKey(e, { url: e, imageSrc: T, adUrl: P }), { success: !0 };
         }
       }
     } catch (d) {
@@ -78,20 +83,20 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
   name: "PauseAdSidebar",
   class: "p14estxv",
   propsAsIs: !1
-}), ne = /* @__PURE__ */ p("span")({
+}), te = /* @__PURE__ */ p("span")({
   name: "PauseAdTitleDescription",
   class: "p1dpvfl1",
   propsAsIs: !1
-}), k = /* @__PURE__ */ p("img")({
+}), U = /* @__PURE__ */ p("img")({
   name: "ExternalAdContainer",
   class: "ezfmabr",
   propsAsIs: !1
-}), te = ({ vastUrl: r }) => {
+}), ne = ({ vastUrl: r }) => {
   var e;
-  const [, t] = D(), s = _(t, { keys: [r] });
-  return (e = s == null ? void 0 : s[r]) != null && e.imageSrc ? s[r].adUrl ? /* @__PURE__ */ a("a", { href: s[r].adUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ a(k, { src: s[r].imageSrc }) }) : /* @__PURE__ */ a(k, { src: s[r].imageSrc }) : null;
-}, ae = ({ isClosing: r, title: e, caption: t, onPlay: s, onClose: c, vastUrl: o, options: l }) => {
-  const n = (l == null ? void 0 : l.showPauseButton) ?? !0, { ref: u, focusSelf: i } = F.useFocusable({
+  const [, n] = D(), s = _(n, { keys: [r] });
+  return (e = s == null ? void 0 : s[r]) != null && e.imageSrc ? s[r].adUrl ? /* @__PURE__ */ o("a", { href: s[r].adUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ o(U, { src: s[r].imageSrc }) }) : /* @__PURE__ */ o(U, { src: s[r].imageSrc }) : null;
+}, oe = ({ isClosing: r, title: e, caption: n, onPlay: s, onClose: c, vastUrl: a, options: l }) => {
+  const t = (l == null ? void 0 : l.showPauseButton) ?? !0, { ref: u, focusSelf: i } = F.useFocusable({
     focusKey: "sl-pause-ad-play",
     onEnterRelease: s,
     isFocusBoundary: !0,
@@ -108,14 +113,14 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
       }
     };
     return window.addEventListener("keydown", h, { capture: !0 }), () => window.removeEventListener("keydown", h, { capture: !0 });
-  }, [c]), /* @__PURE__ */ a(O, { className: M(r && "pause-ad-closing"), children: /* @__PURE__ */ I(J, { children: [
-    /* @__PURE__ */ a(Q, {}),
-    /* @__PURE__ */ a(W, {}),
+  }, [c]), /* @__PURE__ */ o(O, { className: M(r && "pause-ad-closing"), children: /* @__PURE__ */ I(J, { children: [
+    /* @__PURE__ */ o(Q, {}),
+    /* @__PURE__ */ o(W, {}),
     /* @__PURE__ */ I(X, { children: [
-      /* @__PURE__ */ a(Y, { children: e }),
-      /* @__PURE__ */ a(Z, { children: t })
+      /* @__PURE__ */ o(Y, { children: e }),
+      /* @__PURE__ */ o(Z, { children: n })
     ] }),
-    n && /* @__PURE__ */ a(ee, { children: /* @__PURE__ */ a(
+    t && /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
       re,
       {
         ref: u,
@@ -125,21 +130,21 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
       }
     ) }),
     /* @__PURE__ */ I(se, { children: [
-      o && /* @__PURE__ */ a(te, { vastUrl: o }),
-      /* @__PURE__ */ a(ne, { children: "ADVERTISEMENT" })
+      a && /* @__PURE__ */ o(ne, { vastUrl: a }),
+      /* @__PURE__ */ o(te, { children: "ADVERTISEMENT" })
     ] })
   ] }) });
-}, oe = ({
+}, ae = ({
   showPauseAd: r,
   vastUrls: e,
-  title: t,
+  title: n,
   caption: s,
   onPlay: c,
-  onClose: o,
+  onClose: a,
   onRender: l,
-  options: n
+  options: t
 }) => {
-  const u = (n == null ? void 0 : n.pauseAdDelay) ?? 5e3, [i, h] = R(!1), [m, f] = R(!1), v = x(), d = e == null ? void 0 : e[0].url, y = x(d);
+  const u = (t == null ? void 0 : t.pauseAdDelay) ?? 5e3, [i, h] = C(!1), [m, f] = C(!1), v = x(), d = e == null ? void 0 : e[0].url, y = x(d);
   y.current = d;
   const [g, A] = D();
   return b(() => {
@@ -148,9 +153,9 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
         action: "enabled",
         payload: {}
       }), g(d).then((P) => {
-        y.current === d && (P == null ? void 0 : P.success) !== !0 && (clearTimeout(v.current), o == null || o());
+        y.current === d && (P == null ? void 0 : P.success) !== !0 && (clearTimeout(v.current), a == null || a());
       }).catch(() => {
-        y.current === d && (clearTimeout(v.current), o == null || o());
+        y.current === d && (clearTimeout(v.current), a == null || a());
       });
       const T = () => {
         var P;
@@ -174,49 +179,49 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
     return () => {
       v.current && clearTimeout(v.current);
     };
-  }, [A, g, o, u, r, d]), b(() => {
+  }, [A, g, a, u, r, d]), b(() => {
     l == null || l({ rendered: i });
   }, [i, l]), b(() => () => {
     l == null || l({ rendered: !1 });
-  }, [l]), i ? /* @__PURE__ */ a(
-    ae,
+  }, [l]), i ? /* @__PURE__ */ o(
+    oe,
     {
-      onClose: o,
+      onClose: a,
       isClosing: m,
-      title: t,
+      title: n,
       caption: s,
       onPlay: c,
       vastUrl: d,
-      options: n
+      options: t
     }
   ) : null;
 }, le = ({
   showPauseAd: r,
   pauseAdVastUrl: e,
-  videoPlayerController: t,
+  videoPlayerController: n,
   onRenderPauseAd: s,
   onClosePauseAd: c,
-  children: o,
+  children: a,
   options: l
 }) => {
-  const n = $(), u = j(), i = x(), h = C(() => {
+  const t = $(), u = j(), i = x(), h = k(() => {
     c == null || c();
-  }, [c]), m = C(() => {
-    n == null || n.controlVideoPlayer({ play: !0 });
-  }, [n]);
-  return b(() => n ? (t && (i.current = t, n.addVideoPlayerController(i.current)), () => {
-    i.current && n.removeVideoPlayerController(i.current);
+  }, [c]), m = k(() => {
+    t == null || t.controlVideoPlayer({ play: !0 });
+  }, [t]);
+  return b(() => t ? (n && (i.current = n, t.addVideoPlayerController(i.current)), () => {
+    i.current && t.removeVideoPlayerController(i.current);
   }) : () => {
-  }, [n, t]), n ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ I(
+  }, [t, n]), t ? /* @__PURE__ */ o("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ I(
     q,
     {
       style: { position: "relative" },
       customTheme: u.theme,
       themeMode: u.themeMode,
       children: [
-        o,
-        e && /* @__PURE__ */ a(
-          oe,
+        a,
+        e && /* @__PURE__ */ o(
+          ae,
           {
             showPauseAd: r,
             vastUrls: e,
@@ -228,22 +233,22 @@ const G = {}, H = new N(), w = V(G), E = K("ui:gam-static"), U = (r) => new Prom
         )
       ]
     }
-  ) }) : o;
+  ) }) : a;
 };
-class pe extends z {
+class ye extends z {
   constructor(e) {
     super(e), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(e, t) {
-    console.error(e, t.componentStack);
+  componentDidCatch(e, n) {
+    console.error(e, n.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(le, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ o(le, { ...this.props });
   }
 }
 export {
-  pe as StreamLayerPauseAd
+  ye as StreamLayerPauseAd
 };

package/lib/es/points.js

@@ -1,16 +1,21 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, B as y, m as h, d as S, a as f, F as p, e as r, u as v, b as g, h as b } from "./provider.js";
-import { S as k } from "./useStreamLayerApp2.js";
-const A = /* @__PURE__ */ a("div")({
+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";
+import "react-dom";
+import "react-countup";
+import { S as A } from "./useStreamLayerApp2.js";
+const I = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
   class: "psiob9b",
   propsAsIs: !1
-}), I = /* @__PURE__ */ a("div")({
+}), P = /* @__PURE__ */ a("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), P = () => y, T = /* @__PURE__ */ a(P())({
+}), b = () => y, T = /* @__PURE__ */ a(b())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
@@ -26,31 +31,31 @@ const A = /* @__PURE__ */ a("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ l(A, { className: h, onClick: e, children: [
-  /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
-  /* @__PURE__ */ l(F, { children: [
+}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ m(I, { className: h, onClick: e, children: [
+  /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(T, { name: "icon-trophy-solid" }) }),
+  /* @__PURE__ */ m(F, { children: [
     /* @__PURE__ */ t(L, { children: "Total points" }),
     /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(S, { value: s }) })
   ] })
 ] }), C = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [n, m] = u(0);
+  const e = s.userSummary.$store, [o, l] = u(0);
   return d(() => {
-    const o = e.subscribe((i) => {
-      var c;
-      (c = i == null ? void 0 : i.summary) != null && c.points && m(i.summary.points);
+    const n = e.subscribe((i) => {
+      var p;
+      (p = i == null ? void 0 : i.summary) != null && p.points && l(i.summary.points);
     });
     return () => {
-      o();
+      n();
     };
-  }, [e]), /* @__PURE__ */ t(B, { points: n, onClick: () => {
-    const o = s.status.get();
-    o === p.Suspended ? (s.openFeature(), r.emit("app", {
+  }, [e]), /* @__PURE__ */ t(B, { points: o, onClick: () => {
+    const n = s.status.get();
+    n === c.Suspended ? (s.openFeature(), r.emit("app", {
       action: "open",
       payload: {}
     }), r.emit("interactions", {
       action: "tap",
       payload: {}
-    })) : o === p.Ready && (s.closeFeature(!1), r.emit("app", {
+    })) : n === c.Ready && (s.closeFeature(!1), r.emit("app", {
       action: "close",
       payload: {}
     }), r.emit("interactions", {
@@ -61,12 +66,12 @@ const A = /* @__PURE__ */ a("div")({
 }, j = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
-  const e = s.getFeature(k.GAMES);
+  const e = s.getFeature(A.GAMES);
   return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, K = ({ theme: s }) => {
-  const e = v(), n = g();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(b, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ t(j, { sdk: e }) }) }) : null;
+}, V = ({ 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 {
-  K as StreamLayerSDKPoints
+  V as StreamLayerSDKPoints
 };