@streamlayer/react-ui 1.29.0 → 1.31.0

package/lib/app/app/Layout/index.js

@@ -1,8 +1,8 @@
 import { jsxs as C, jsx as n } from "react/jsx-runtime";
 import { cx as B } from "@linaria/core";
-import { u as x } from "../../../index-T1iiS0ZO.js";
 import E from "lodash.throttle";
 import { forwardRef as $, useRef as w, useCallback as k, useEffect as m, useState as O } from "react";
+import { useStore as x } from "@streamlayer/react-polyfills";
 import { Container as P, ContentContainer as T, VideoContainer as A, VideoBox as H, VideoPlayer as j, Banner as D, Notification as I, Overlay as q, Sidebar as F, SideBarOverlay as G } from "./styles.js";
 const J = () => {
   const [c, s] = O("desktop");

package/lib/app/masters/BetPack/BetPackContent/index.js

@@ -1,9 +1,9 @@
 import { jsx as L, jsxs as G } from "react/jsx-runtime";
 import { ConnectError as N, Code as Q } from "@connectrpc/connect";
-import { u as q } from "../../../../index-T1iiS0ZO.js";
-import V from "lodash.throttle";
-import { useRef as H, useMemo as X, useCallback as Y, useEffect as j, useState as U } from "react";
-import { f as _, g as J, m as k, h as K, i as R, j as W, C as Z, k as F } from "../../../../styles-BfnMua4o.js";
+import q from "lodash.throttle";
+import { useRef as H, useMemo as V, useCallback as X, useEffect as j, useState as Y } from "react";
+import { f as U, g as _, m as k, h as J, i as R, j as K, C as W, k as F } from "../../../../styles-BfnMua4o.js";
+import { useStore as Z } from "@streamlayer/react-polyfills";
 import { EmergencyScreen as E } from "./EmergencyScreen/index.js";
 import { EndScreen as ee } from "./EndScreen/index.js";
 import { LoaderScreen as te } from "./LoaderScreen/index.js";
@@ -13,8 +13,8 @@ import { StartScreen as ie } from "./StartScreen/index.js";
 function le(p, e, h, d) {
   return p.params.createElements && Object.keys(d).forEach((r) => {
     if (!h[r] && h.auto === !0) {
-      let i = _(p.el, `.${d[r]}`)[0];
-      i || (i = J("div", d[r]), i.className = d[r], p.el.append(i)), h[r] = i, e[r] = i;
+      let i = U(p.el, `.${d[r]}`)[0];
+      i || (i = _("div", d[r]), i.className = d[r], p.el.append(i)), h[r] = i, e[r] = i;
     }
   }), h;
 }
@@ -64,7 +64,7 @@ function ne(p) {
     el: null,
     bullets: []
   };
-  let f, m = 0;
+  let u, m = 0;
   function y() {
     return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
   }
@@ -103,19 +103,19 @@ function ne(p) {
     if (e.params.loop ? (b = e.previousRealIndex || 0, n = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (n = e.snapIndex, b = e.previousSnapIndex) : (b = e.previousIndex || 0, n = e.activeIndex || 0), a.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
       const c = e.pagination.bullets;
       let x, v, O;
-      if (a.dynamicBullets && (f = K(c[0], e.isHorizontal() ? "width" : "height"), s.forEach((u) => {
-        u.style[e.isHorizontal() ? "width" : "height"] = `${f * (a.dynamicMainBullets + 4)}px`;
-      }), a.dynamicMainBullets > 1 && b !== void 0 && (m += n - (b || 0), m > a.dynamicMainBullets - 1 ? m = a.dynamicMainBullets - 1 : m < 0 && (m = 0)), x = Math.max(n - m, 0), v = x + (Math.min(c.length, a.dynamicMainBullets) - 1), O = (v + x) / 2), c.forEach((u) => {
+      if (a.dynamicBullets && (u = J(c[0], e.isHorizontal() ? "width" : "height"), s.forEach((f) => {
+        f.style[e.isHorizontal() ? "width" : "height"] = `${u * (a.dynamicMainBullets + 4)}px`;
+      }), a.dynamicMainBullets > 1 && b !== void 0 && (m += n - (b || 0), m > a.dynamicMainBullets - 1 ? m = a.dynamicMainBullets - 1 : m < 0 && (m = 0)), x = Math.max(n - m, 0), v = x + (Math.min(c.length, a.dynamicMainBullets) - 1), O = (v + x) / 2), c.forEach((f) => {
         const g = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((C) => `${a.bulletActiveClass}${C}`)].map((C) => typeof C == "string" && C.includes(" ") ? C.split(" ") : C).flat();
-        u.classList.remove(...g);
+        f.classList.remove(...g);
       }), s.length > 1)
-        c.forEach((u) => {
-          const g = R(u);
-          g === n ? u.classList.add(...a.bulletActiveClass.split(" ")) : e.isElement && u.setAttribute("part", "bullet"), a.dynamicBullets && (g >= x && g <= v && u.classList.add(...`${a.bulletActiveClass}-main`.split(" ")), g === x && A(u, "prev"), g === v && A(u, "next"));
+        c.forEach((f) => {
+          const g = R(f);
+          g === n ? f.classList.add(...a.bulletActiveClass.split(" ")) : e.isElement && f.setAttribute("part", "bullet"), a.dynamicBullets && (g >= x && g <= v && f.classList.add(...`${a.bulletActiveClass}-main`.split(" ")), g === x && A(f, "prev"), g === v && A(f, "next"));
         });
       else {
-        const u = c[n];
-        if (u && u.classList.add(...a.bulletActiveClass.split(" ")), e.isElement && c.forEach((g, C) => {
+        const f = c[n];
+        if (f && f.classList.add(...a.bulletActiveClass.split(" ")), e.isElement && c.forEach((g, C) => {
           g.setAttribute("part", C === n ? "bullet-active" : "bullet");
         }), a.dynamicBullets) {
           const g = c[x], C = c[v];
@@ -125,7 +125,7 @@ function ne(p) {
         }
       }
       if (a.dynamicBullets) {
-        const u = Math.min(c.length, a.dynamicMainBullets + 4), g = (f * u - f) / 2 - O * f, C = t ? "right" : "left";
+        const f = Math.min(c.length, a.dynamicMainBullets + 4), g = (u * f - u) / 2 - O * u, C = t ? "right" : "left";
         c.forEach((M) => {
           M.style[e.isHorizontal() ? C : "top"] = `${g}px`;
         });
@@ -140,9 +140,9 @@ function ne(p) {
         let v;
         a.progressbarOpposite ? v = e.isHorizontal() ? "vertical" : "horizontal" : v = e.isHorizontal() ? "horizontal" : "vertical";
         const O = (n + 1) / T;
-        let u = 1, g = 1;
-        v === "horizontal" ? u = O : g = O, c.querySelectorAll(P(a.progressbarFillClass)).forEach((C) => {
-          C.style.transform = `translate3d(0,0,0) scaleX(${u}) scaleY(${g})`, C.style.transitionDuration = `${e.params.speed}ms`;
+        let f = 1, g = 1;
+        v === "horizontal" ? f = O : g = O, c.querySelectorAll(P(a.progressbarFillClass)).forEach((C) => {
+          C.style.transform = `translate3d(0,0,0) scaleX(${f}) scaleY(${g})`, C.style.transitionDuration = `${e.params.speed}ms`;
         });
       }
       a.type === "custom" && a.renderCustom ? (c.innerHTML = a.renderCustom(e, n + 1, T), x === 0 && r("paginationRender", c)) : (x === 0 && r("paginationRender", c), r("paginationUpdate", c)), e.params.watchOverflow && e.enabled && c.classList[e.isLocked ? "add" : "remove"](a.lockClass);
@@ -172,7 +172,7 @@ function ne(p) {
     const t = e.params.pagination;
     if (!t.el) return;
     let a;
-    typeof t.el == "string" && e.isElement && (a = e.el.querySelector(t.el)), !a && typeof t.el == "string" && (a = [...document.querySelectorAll(t.el)]), a || (a = t.el), !(!a || a.length === 0) && (e.params.uniqueNavElements && typeof t.el == "string" && Array.isArray(a) && a.length > 1 && (a = [...e.el.querySelectorAll(t.el)], a.length > 1 && (a = a.find((s) => W(s, ".swiper")[0] === e.el))), Array.isArray(a) && a.length === 1 && (a = a[0]), Object.assign(e.pagination, {
+    typeof t.el == "string" && e.isElement && (a = e.el.querySelector(t.el)), !a && typeof t.el == "string" && (a = [...document.querySelectorAll(t.el)]), a || (a = t.el), !(!a || a.length === 0) && (e.params.uniqueNavElements && typeof t.el == "string" && Array.isArray(a) && a.length > 1 && (a = [...e.el.querySelectorAll(t.el)], a.length > 1 && (a = a.find((s) => K(s, ".swiper")[0] === e.el))), Array.isArray(a) && a.length === 1 && (a = a[0]), Object.assign(e.pagination, {
       el: a
     }), a = k(a), a.forEach((s) => {
       t.type === "bullets" && t.clickable && s.classList.add(...(t.clickableClass || "").split(" ")), s.classList.add(t.modifierClass + t.type), s.classList.add(e.isHorizontal() ? t.horizontalClass : t.verticalClass), t.type === "bullets" && t.dynamicBullets && (s.classList.add(`${t.modifierClass}${t.type}-dynamic`), m = 0, t.dynamicMainBullets < 1 && (t.dynamicMainBullets = 1)), t.type === "progressbar" && t.progressbarOpposite && s.classList.add(t.progressbarOppositeClass), t.clickable && s.addEventListener("click", z), e.enabled || s.classList.add(t.lockClass);
@@ -243,13 +243,13 @@ function ne(p) {
   });
 }
 const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r }) => {
-  const i = H(), f = H(), { listOfQuestions: m, countQuestionsAvailable: y } = X(() => {
+  const i = H(), u = H(), { listOfQuestions: m, countQuestionsAvailable: y } = V(() => {
     const l = p ? Object.values(p) : [];
     return {
       listOfQuestions: l,
       countQuestionsAvailable: l.filter(({ marketClosed: o }) => !o).length
     };
-  }, [p]), A = Y(
+  }, [p]), A = X(
     async (l, o) => {
       try {
         await e.betPackVote(l, o), h({
@@ -262,7 +262,7 @@ const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r })
       } finally {
         i.current && clearTimeout(i.current), r && (i.current = setTimeout(() => {
           var $;
-          ($ = f.current) == null || $.slideNext();
+          ($ = u.current) == null || $.slideNext();
         }, 2e3));
       }
     },
@@ -273,11 +273,11 @@ const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r })
     payload: {
       next: () => {
         var l;
-        return (l = f.current) == null ? void 0 : l.slideNext();
+        return (l = u.current) == null ? void 0 : l.slideNext();
       },
       prev: () => {
         var l;
-        return (l = f.current) == null ? void 0 : l.slidePrev();
+        return (l = u.current) == null ? void 0 : l.slidePrev();
       },
       current: 0,
       canNext: !0,
@@ -313,11 +313,11 @@ const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r })
       return;
     }
     e.closeQuestion();
-  }, [z, S] = U(1.1);
+  }, [z, S] = Y(1.1);
   return j(() => {
-    const l = V(() => {
+    const l = q(() => {
       var w;
-      const o = (w = f.current) == null ? void 0 : w.size;
+      const o = (w = u.current) == null ? void 0 : w.size;
       if (!o)
         return;
       const D = 1 + 30 / (o / 100) / 100 * 2;
@@ -327,7 +327,7 @@ const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r })
       window.removeEventListener("resize", l);
     };
   }, []), /* @__PURE__ */ G(
-    Z,
+    W,
     {
       slidesPerView: z,
       spaceBetween: 12,
@@ -343,23 +343,23 @@ const re = ({ data: p, gamification: e, onEvent: h, swipeable: d, autoplay: r })
         i.current && clearTimeout(i.current);
       },
       onSwiper: (l) => {
-        f.current = l;
+        u.current = l;
       },
       children: [
-        /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(ie, { sliderRef: f, countQuestionsAvailable: y }) }),
+        /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(ie, { sliderRef: u, countQuestionsAvailable: y }) }),
         m.map((l) => l ? /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(se, { children: /* @__PURE__ */ L(ae, { question: l, vote: A }) }, l.id) }) : null),
         /* @__PURE__ */ L(F, { children: /* @__PURE__ */ L(ee, { onEvent: h }) })
       ]
     }
   );
 }, ye = ({ gamification: p, autoplay: e, overlay: h, swipeable: d, onEvent: r }) => {
-  const i = q(p.betPack.getStore()), { error: f, loading: m, data: y } = i;
-  return m || !Object.hasOwn(i, "data") ? /* @__PURE__ */ L(te, {}) : f ? /* @__PURE__ */ L(
+  const i = Z(p.betPack.getStore()), { error: u, loading: m, data: y } = i;
+  return m || !Object.hasOwn(i, "data") ? /* @__PURE__ */ L(te, {}) : u ? /* @__PURE__ */ L(
     E,
     {
       onEvent: r,
       actionFn: () => r({ type: "slHardRefresh" }),
-      description: f instanceof N && f.code !== Q.InvalidArgument ? `The event ID was not
+      description: u instanceof N && u.code !== Q.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
     }

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

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

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

@@ -3,6 +3,7 @@ import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { PauseAdProps } from './ExposedPauseAd/PauseAd';
 export type StreamLayerSDKTvOptions = {
     showPauseButton?: boolean;
+    pauseAdDelay?: number;
 };
 export type StreamLayerSDKTvProps = {
     persistent?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.29.0",
+  "version": "1.31.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -20,6 +20,11 @@
       "default": "./lib/app/webos/index.js",
       "types": "./lib/app/webos/index.d.ts"
     },
+    "./pause-ad": {
+      "import": "./lib/app/webos/ExposedPauseAd/PauseAd.js",
+      "default": "./lib/app/webos/ExposedPauseAd/PauseAd.js",
+      "types": "./lib/app/webos/ExposedPauseAd/PauseAd.d.ts"
+    },
     "./webos/withTVRemote": {
       "import": "./lib/app/webos/withTVRemote.js",
       "default": "./lib/app/webos/withTVRemote.js",
@@ -80,19 +85,19 @@
     "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.22.0",
-    "@streamlayer/react-polyfills": "^0.1.35",
-    "@streamlayer/sdk-web-analytics": "^1.12.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.2.0",
-    "@streamlayer/sdk-web": "^1.15.0",
-    "@streamlayer/sdk-web-api": "^1.13.0",
-    "@streamlayer/sdk-web-core": "^1.16.0",
-    "@streamlayer/sdk-web-interfaces": "^1.7.8",
-    "@streamlayer/sdk-web-features": "^1.0.75",
-    "@streamlayer/sdk-web-logger": "^1.0.75",
-    "@streamlayer/sdk-web-notifications": "^1.3.37",
-    "@streamlayer/sdk-web-storage": "^1.0.75",
-    "@streamlayer/sdk-web-types": "^1.15.0"
+    "@streamlayer/feature-gamification": "^1.22.2",
+    "@streamlayer/react-polyfills": "^0.1.37",
+    "@streamlayer/sdk-web": "^1.15.2",
+    "@streamlayer/sdk-web-analytics": "^1.12.2",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.2.2",
+    "@streamlayer/sdk-web-api": "^1.13.2",
+    "@streamlayer/sdk-web-core": "^1.16.2",
+    "@streamlayer/sdk-web-features": "^1.0.77",
+    "@streamlayer/sdk-web-interfaces": "^1.7.10",
+    "@streamlayer/sdk-web-logger": "^1.0.77",
+    "@streamlayer/sdk-web-notifications": "^1.3.39",
+    "@streamlayer/sdk-web-storage": "^1.0.77",
+    "@streamlayer/sdk-web-types": "^1.15.2"
   },
   "nx": {
     "implicitDependencies": [
@@ -133,7 +138,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.19.0"
+    "@streamlayer/react": "^1.20.0"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.4.2",

package/lib/index-T1iiS0ZO.js

@@ -1,17 +0,0 @@
-import { useCallback as r, useSyncExternalStore as y } from "react";
-function f(e, t, u) {
-  let n = new Set(t).add(void 0);
-  return e.listen((i, s, l) => {
-    n.has(l) && u(i, s, l);
-  });
-}
-function S(e, t = {}) {
-  let u = r(
-    (i) => t.keys ? f(e, t.keys, i) : e.listen(i),
-    [t.keys, e]
-  ), n = e.get.bind(e);
-  return y(u, n, n);
-}
-export {
-  S as u
-};