@streamlayer/react-ui 1.31.6 → 1.32.0

package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMPlayer.js

@@ -3,7 +3,8 @@ import { useRef as Qr, useCallback as Ui, useEffect as js } from "react";
 import { D as gg } from "../../../../../index-l-eyvmpL.js";
 import { useVastAds as mg } from "./useVastAds.js";
 import { m as _g } from "../../../../../index-DSi8Qgfs.js";
-var tn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+const tn = globalThis || void 0 || self;
+var sn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function nr(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
@@ -26,15 +27,14 @@ function yg(s) {
     });
   }), t;
 }
-const sn = globalThis || void 0 || self;
 var Hs;
-typeof window < "u" ? Hs = window : typeof tn < "u" ? Hs = tn : typeof self < "u" ? Hs = self : Hs = {};
+typeof window < "u" ? Hs = window : typeof sn < "u" ? Hs = sn : typeof self < "u" ? Hs = self : Hs = {};
 var In = Hs;
 const A = /* @__PURE__ */ nr(In), Tg = {}, bg = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Tg
 }, Symbol.toStringTag, { value: "Module" })), vg = /* @__PURE__ */ yg(bg);
-var Xl = typeof tn < "u" ? tn : typeof window < "u" ? window : {}, xg = vg, Vs;
+var Xl = typeof sn < "u" ? sn : typeof window < "u" ? window : {}, xg = vg, Vs;
 typeof document < "u" ? Vs = document : (Vs = Xl["__GLOBAL_DOCUMENT_CACHE@4"], Vs || (Vs = Xl["__GLOBAL_DOCUMENT_CACHE@4"] = xg));
 var dc = Vs;
 const W = /* @__PURE__ */ nr(dc);
@@ -21683,7 +21683,7 @@ browserWorkerPolyFill(self);
 }, Od = function(s) {
   return s.toString().replace(/^function.+?{/, "").slice(0, -1);
 }, ST = Ld(Od(function() {
-  var s = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof sn < "u" ? sn : typeof self < "u" ? self : {}, e = function() {
+  var s = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof tn < "u" ? tn : typeof self < "u" ? self : {}, e = function() {
     this.init = function() {
       var o = {};
       this.on = function(u, c) {
@@ -30187,7 +30187,7 @@ const Ab = Ld(Od(function() {
       };
     }
   }
-  var f = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof sn < "u" ? sn : typeof self < "u" ? self : {}, g;
+  var f = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof tn < "u" ? tn : typeof self < "u" ? self : {}, g;
   typeof window < "u" ? g = window : typeof f < "u" ? g = f : typeof self < "u" ? g = self : g = {};
   var T = g, w = function(M) {
     return ArrayBuffer.isView === "function" ? ArrayBuffer.isView(M) : M && M.buffer instanceof ArrayBuffer;

package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.d.ts

@@ -1,4 +1,5 @@
 type GAMStaticCore = Record<string, {
+    id: string;
     url: string;
     imageSrc?: string;
     adUrl?: string;

package/lib/ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.js

@@ -1,44 +1,69 @@
 import { _ as C } from "../../../../../vast-client.min-B0NUra1B.js";
-import { useRef as k, useCallback as I } from "react";
-import { createLogger as K } from "@streamlayer/sdk-web-logger";
-import { m as V } from "../../../../../index-DSi8Qgfs.js";
-const x = {}, D = new C(), a = V(x), u = K("ui:gam-static"), A = (n) => new Promise((m, e) => {
-  const s = new Image();
-  s.onload = () => m(n), s.onerror = () => e(), s.src = n;
-}), _ = () => {
-  const n = k(0);
-  return [I(async (e) => {
-    var g, d, f, p, v, T, R, S, w, y, h;
-    if ((g = a.get()[e]) != null && g.imageSrc)
+import { useRef as P, useCallback as k } from "react";
+import { eventBus as l } from "@streamlayer/sdk-web-interfaces";
+import { createLogger as I } from "@streamlayer/sdk-web-logger";
+import { m as K } from "../../../../../index-DSi8Qgfs.js";
+const V = {}, B = new C(), i = K(V), d = I("ui:gam-static"), b = (n) => new Promise((m, e) => {
+  const r = new Image();
+  r.onload = () => m(n), r.onerror = () => e(), r.src = n;
+}), $ = () => {
+  const n = P(0);
+  return [k(async (e) => {
+    var p, g, f, v, y, A, T, R, S, w, h;
+    if ((p = i.get()[e]) != null && p.imageSrc)
       return { success: !0 };
-    const s = Date.now();
-    n.current = s, a.setKey(e, { url: e });
+    const r = Date.now();
+    n.current = r, i.setKey(e, { id: "", url: e });
     try {
-      const c = await D.get(e);
-      if (u.debug(c, "parsedVAST"), n.current === s && a.get()[e].url) {
-        const i = c.ads.find((o) => o.creatives.length > 0);
-        if (i) {
-          u.debug(i, "validAd");
-          const o = i.creatives.find((r) => r.type === "nonlinear");
-          if (o) {
-            u.debug(o, "nonlinear");
-            const r = (f = (d = o.variations) == null ? void 0 : d[0]) == null ? void 0 : f.staticResource, L = (v = (p = o.variations) == null ? void 0 : p[0]) == null ? void 0 : v.nonlinearClickThroughURLTemplate;
-            if (r)
-              return await A(r), a.setKey(e, { url: e, imageSrc: r, adUrl: L }), { success: !0 };
+      l.emit("exposedPauseAd", {
+        action: "load",
+        payload: {}
+      });
+      const c = await B.get(e);
+      if (d.debug(c, "parsedVAST"), n.current === r && i.get()[e].url) {
+        const t = c.ads.find((s) => s.creatives.length > 0);
+        if (t) {
+          d.debug(t, "validAd");
+          const s = t.creatives.find((o) => o.type === "nonlinear");
+          if (s) {
+            d.debug(s, "nonlinear");
+            const o = (f = (g = s.variations) == null ? void 0 : g[0]) == null ? void 0 : f.staticResource, x = (y = (v = s.variations) == null ? void 0 : v[0]) == null ? void 0 : y.nonlinearClickThroughURLTemplate;
+            if (o)
+              return await b(o), i.setKey(e, {
+                id: t.id || "",
+                url: e,
+                imageSrc: o,
+                adUrl: x
+              }), l.emit("exposedPauseAd", {
+                action: "loaded",
+                payload: {
+                  id: t.id || ""
+                }
+              }), { success: !0 };
           }
-          const t = i.creatives.find((r) => r.type === "companion");
-          u.debug(t, "companion");
-          const l = (w = (S = (R = (T = t == null ? void 0 : t.variations) == null ? void 0 : T[0]) == null ? void 0 : R.staticResources) == null ? void 0 : S[0]) == null ? void 0 : w.url, b = (h = (y = t == null ? void 0 : t.variations) == null ? void 0 : y[0]) == null ? void 0 : h.companionClickThroughURLTemplate;
-          if (l)
-            return await A(l), a.setKey(e, { url: e, imageSrc: l, adUrl: b }), { success: !0 };
+          const a = t.creatives.find((o) => o.type === "companion");
+          d.debug(a, "companion");
+          const u = (S = (R = (T = (A = a == null ? void 0 : a.variations) == null ? void 0 : A[0]) == null ? void 0 : T.staticResources) == null ? void 0 : R[0]) == null ? void 0 : S.url, L = (h = (w = a == null ? void 0 : a.variations) == null ? void 0 : w[0]) == null ? void 0 : h.companionClickThroughURLTemplate;
+          if (u)
+            return await b(u), i.setKey(e, {
+              id: t.id || "",
+              url: e,
+              imageSrc: u,
+              adUrl: L
+            }), l.emit("exposedPauseAd", {
+              action: "loaded",
+              payload: {
+                id: t.id || ""
+              }
+            }), { success: !0 };
         }
       }
     } catch (c) {
       console.error("Error parsing VAST", c);
     }
     return { success: !1 };
-  }, []), a];
+  }, []), i];
 };
 export {
-  _ as useLoadGAMStatic
+  $ as useLoadGAMStatic
 };

package/lib/ui/modal/index.js

@@ -1,8 +1,8 @@
 import { jsxs as c, Fragment as h, jsx as l } from "react/jsx-runtime";
 import { styled as y } from "@linaria/react";
-import { useState as d, useEffect as a } from "react";
-import { r as u } from "../../index-DALxy-8N.js";
-import { BREAKPOINTS as m } from "../theme/constants.js";
+import { useState as d, useEffect as u } from "react";
+import { createPortal as a } from "react-dom";
+import { BREAKPOINTS as f } from "../theme/constants.js";
 import { hideContentStyles as O } from "../theme/utils.js";
 const S = /* @__PURE__ */ y("div")({
   name: "StaticContainer",
@@ -12,49 +12,49 @@ const S = /* @__PURE__ */ y("div")({
   .sl-pill-button {
     display: none !important;
   }
-`, p = () => window.innerWidth >= m.md && window.innerWidth < m.lg ? 76 : 53, f = (e) => {
-  var r;
+`, p = () => window.innerWidth >= f.md && window.innerWidth < f.lg ? 76 : 53, m = (e) => {
+  var n;
   const t = p();
-  return Math.round((((r = e.current) == null ? void 0 : r.getBoundingClientRect().y) || 0) - t) <= 0;
-}, R = ({
+  return Math.round((((n = e.current) == null ? void 0 : n.getBoundingClientRect().y) || 0) - t) <= 0;
+}, T = ({
   children: e,
   container: t,
-  useContainer: r,
+  useContainer: n,
   staticStyles: w
 }) => {
-  const [s] = d(() => f(t)), [n, i] = d(!1);
-  return a(() => {
+  const [s] = d(() => m(t)), [r, i] = d(!1);
+  return u(() => {
     if (!t.current || !s)
       return i(!0), () => {
       };
     const o = window.scrollY;
     return i(!0), () => {
-      f(t) && window.scrollTo({
+      m(t) && window.scrollTo({
         top: o,
         behavior: "instant"
       });
     };
-  }, []), a(() => {
-    if (n && t.current && s) {
+  }, []), u(() => {
+    if (r && t.current && s) {
       const o = p();
       window.scrollTo({
         top: t.current.offsetTop - o,
         behavior: "instant"
       });
     }
-  }, [n]), !t.current || !n ? null : r ? u.createPortal(/* @__PURE__ */ c(S, {
+  }, [r]), !t.current || !r ? null : n ? a(/* @__PURE__ */ c(S, {
     className: "StaticContainer",
     children: [e, /* @__PURE__ */ l("style", {
       children: O
     }), /* @__PURE__ */ l("style", {
       children: C
     })]
-  }), t.current, "modal-node") : u.createPortal(/* @__PURE__ */ c(h, {
+  }), t.current, "modal-node") : a(/* @__PURE__ */ c(h, {
     children: [e, /* @__PURE__ */ l("style", {
       children: w
     })]
   }), t.current, "modal-node");
 };
 export {
-  R as ModalPortal
+  T as ModalPortal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.31.6",
+  "version": "1.32.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -76,7 +76,7 @@
   ],
   "peerDependencies": {
     "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@streamlayer/sl-eslib": "^5.219.0",
+    "@streamlayer/sl-eslib": "^5.225.0",
     "@types/lodash.throttle": "^4.1.9",
     "lodash.throttle": "^4.1.1",
     "react-infinite-scroller": "^1.2.6",
@@ -85,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.8",
-    "@streamlayer/react-polyfills": "^0.1.43",
-    "@streamlayer/sdk-web": "^1.15.8",
-    "@streamlayer/sdk-web-analytics": "^1.12.8",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.2.8",
-    "@streamlayer/sdk-web-api": "^1.13.8",
-    "@streamlayer/sdk-web-core": "^1.16.8",
-    "@streamlayer/sdk-web-features": "^1.0.83",
-    "@streamlayer/sdk-web-logger": "^1.0.83",
-    "@streamlayer/sdk-web-interfaces": "^1.7.16",
-    "@streamlayer/sdk-web-notifications": "^1.3.45",
-    "@streamlayer/sdk-web-storage": "^1.0.83",
-    "@streamlayer/sdk-web-types": "^1.15.8"
+    "@streamlayer/feature-gamification": "^1.23.0",
+    "@streamlayer/react-polyfills": "^0.1.45",
+    "@streamlayer/sdk-web-analytics": "^1.13.0",
+    "@streamlayer/sdk-web": "^1.16.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.3.0",
+    "@streamlayer/sdk-web-core": "^1.17.0",
+    "@streamlayer/sdk-web-api": "^1.14.0",
+    "@streamlayer/sdk-web-features": "^1.0.85",
+    "@streamlayer/sdk-web-interfaces": "^1.8.0",
+    "@streamlayer/sdk-web-logger": "^1.0.85",
+    "@streamlayer/sdk-web-notifications": "^1.3.47",
+    "@streamlayer/sdk-web-storage": "^1.0.85",
+    "@streamlayer/sdk-web-types": "^1.16.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -126,6 +126,7 @@
     "glob": "^11.0.0",
     "hls.js": "^1.6.13",
     "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-auth-code-input": "^3.2.1",
     "react-countdown-circle-timer": "^3.2.1",
     "react-countup": "^6.5.3",
@@ -138,7 +139,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.20.6"
+    "@streamlayer/react": "^1.21.0"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.4.2",