@streamlayer/react-ui 1.27.3 → 1.28.1

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

@@ -1,5 +1,6 @@
 import { VastAd, VastCreativeLinear, VastResponse } from '@dailymotion/vast-client';
 import { RefObject } from 'react';
+import { PalNonceManager } from '@streamlayer/feature-gamification/externalAd';
 /**
  * Get the first valid creative from an ad
  */
@@ -19,6 +20,7 @@ type AdStore = {
     ads: AdData[];
     autoplay: boolean;
     muted: boolean;
+    nonceManager?: PalNonceManager;
 };
 export declare const useVastAds: (container: RefObject<HTMLDivElement> | null, externalGamUrl?: string) => import('nanostores').PreinitializedWritableAtom<AdStore> & object;
 export {};

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

@@ -1,4 +1,4 @@
-import { g as s, a as i, u as o } from "../../../../../useVastAds-Bu_IhLJ2.js";
+import { g as s, a as i, u as o } from "../../../../../useVastAds-CakWRNKN.js";
 import "react";
 import "../../../../../index-tnt2CtQe.js";
 export {

package/lib/{useVastAds-Bu_IhLJ2.js → useVastAds-CakWRNKN.js}

@@ -1,12 +1,12 @@
-import { useState as re, useRef as C, useEffect as U } from "react";
-import { v4 as I, validate as ae, v5 as x } from "uuid";
+import { useState as re, useRef as U, useEffect as I } from "react";
+import { v4 as x, validate as ae, v5 as S } from "uuid";
 import { a as ie } from "./index-tnt2CtQe.js";
-function w() {
+function L() {
   let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return { id: a.id || null, adId: a.adId || null, sequence: a.sequence || null, apiFramework: a.apiFramework || null, universalAdIds: [], creativeExtensions: [] };
 }
 const se = ["ADCATEGORIES", "ADCOUNT", "ADPLAYHEAD", "ADSERVINGID", "ADTYPE", "APIFRAMEWORKS", "APPBUNDLE", "ASSETURI", "BLOCKEDADCATEGORIES", "BREAKMAXADLENGTH", "BREAKMAXADS", "BREAKMAXDURATION", "BREAKMINADLENGTH", "BREAKMINDURATION", "BREAKPOSITION", "CLICKPOS", "CLICKTYPE", "CLIENTUA", "CONTENTID", "CONTENTPLAYHEAD", "CONTENTURI", "DEVICEIP", "DEVICEUA", "DOMAIN", "EXTENSIONS", "GDPRCONSENT", "IFA", "IFATYPE", "INVENTORYSTATE", "LATLONG", "LIMITADTRACKING", "MEDIAMIME", "MEDIAPLAYHEAD", "OMIDPARTNER", "PAGEURL", "PLACEMENTTYPE", "PLAYERCAPABILITIES", "PLAYERSIZE", "PLAYERSTATE", "PODSEQUENCE", "REGULATIONS", "SERVERSIDE", "SERVERUA", "TRANSACTIONID", "UNIVERSALADID", "VASTVERSIONS", "VERIFICATIONVENDORS"];
-function S(a) {
+function D(a) {
   let e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const r = [], i = z(a);
   !e.ERRORCODE || t.isCustomCode || /^[0-9]{3}$/.test(e.ERRORCODE) || (e.ERRORCODE = 900), e.CACHEBUSTING = Q(Math.round(1e8 * Math.random())), e.TIMESTAMP = (/* @__PURE__ */ new Date()).toISOString(), e.RANDOM = e.random = e.CACHEBUSTING;
@@ -18,12 +18,12 @@ function S(a) {
   return r;
 }
 function _(a, e) {
-  const t = (a = D(a, e)).match(/[^[\]]+(?=])/g);
+  const t = (a = V(a, e)).match(/[^[\]]+(?=])/g);
   if (!t) return a;
   let r = t.filter((i) => se.indexOf(i) > -1);
-  return r.length === 0 ? a : (r = r.reduce((i, s) => (i[s] = -1, i), {}), D(a, r));
+  return r.length === 0 ? a : (r = r.reduce((i, s) => (i[s] = -1, i), {}), V(a, r));
 }
-function D(a, e) {
+function V(a, e) {
   let t = a;
   for (const r in e) {
     const i = e[r];
@@ -34,10 +34,10 @@ function D(a, e) {
 function z(a) {
   return Array.isArray(a) ? a.map((e) => e && e.hasOwnProperty("url") ? e.url : e) : a;
 }
-function V(a) {
+function P(a) {
   return /^(https?:\/\/|\/\/)/.test(a);
 }
-function P(a, e) {
+function O(a, e) {
   for (let t = 0; t < e.length; t++) if (Y(e[t], a)) return !0;
   return !1;
 }
@@ -56,30 +56,30 @@ function Q(a) {
   return a.toString().padStart(e, "0");
 }
 const f = { track: function(a, e, t) {
-  S(a, e, t).forEach((r) => {
+  D(a, e, t).forEach((r) => {
     typeof window < "u" && window !== null && (new Image().src = r);
   });
-}, resolveURLTemplates: S, extractURLsFromTemplates: z, filterUrlTemplates: function(a) {
+}, resolveURLTemplates: D, extractURLsFromTemplates: z, filterUrlTemplates: function(a) {
   return a.reduce((e, t) => {
     const r = t.url || t;
-    return V(r) ? e.validUrls.push(r) : e.invalidUrls.push(r), e;
+    return P(r) ? e.validUrls.push(r) : e.invalidUrls.push(r), e;
   }, { validUrls: [], invalidUrls: [] });
-}, containsTemplateObject: P, isTemplateObjectEqual: Y, encodeURIComponentRFC3986: G, replaceUrlMacros: _, isNumeric: function(a) {
+}, containsTemplateObject: O, isTemplateObjectEqual: Y, encodeURIComponentRFC3986: G, replaceUrlMacros: _, isNumeric: function(a) {
   return !isNaN(parseFloat(a)) && isFinite(a);
 }, flatten: function a(e) {
   return e.reduce((t, r) => t.concat(Array.isArray(r) ? a(r) : r), []);
 }, joinArrayOfUniqueTemplateObjs: function() {
   let a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   const t = Array.isArray(a) ? a : [], r = Array.isArray(e) ? e : [];
-  return t.concat(r).reduce((i, s) => (P(s, i) || i.push(s), i), []);
+  return t.concat(r).reduce((i, s) => (O(s, i) || i.push(s), i), []);
 }, isValidTimeValue: function(a) {
   return Number.isFinite(a) && a >= -2;
-}, addLeadingZeros: Q, isValidUrl: V, isBrowserEnvironment: function() {
+}, addLeadingZeros: Q, isValidUrl: P, isBrowserEnvironment: function() {
   return typeof window < "u";
 }, formatMacrosValues: function(a) {
   return typeof a != "object" ? a : JSON.stringify(a);
 } };
-function O(a) {
+function F(a) {
   return ["true", "TRUE", "True", "1"].includes(a);
 }
 function ne(a) {
@@ -108,7 +108,7 @@ const l = { childByName: function(a, e) {
     return "".concat(t, "/").concat(a);
   }
   return a;
-}, parseBoolean: O, parseNodeText: function(a) {
+}, parseBoolean: F, parseNodeText: function(a) {
   return a && (a.textContent || a.text || "").trim();
 }, copyNodeAttribute: function(a, e, t) {
   const r = e.getAttribute(a);
@@ -124,7 +124,7 @@ const l = { childByName: function(a, e) {
     let { nodeName: r, nodeValue: i } = t;
     if (r && i && e.hasOwnProperty(r)) {
       let s = i;
-      typeof e[r] == "boolean" && (s = O(s)), e[r] = s;
+      typeof e[r] == "boolean" && (s = F(s)), e[r] = s;
     }
   });
 }, mergeWrapperAdData: function(a, e) {
@@ -156,7 +156,7 @@ const l = { childByName: function(a, e) {
 function oe(a, e) {
   const t = function() {
     let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const { id: i, adId: s, sequence: o, apiFramework: n } = w(r);
+    const { id: i, adId: s, sequence: o, apiFramework: n } = L(r);
     return { id: i, adId: s, sequence: o, apiFramework: n, type: "companion", required: null, variations: [] };
   }(e);
   return t.required = a.getAttribute("required") || null, t.variations = l.childrenByName(a, "Companion").map((r) => {
@@ -187,7 +187,7 @@ function le(a, e) {
   let t;
   const r = function() {
     let c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const { id: u, adId: d, sequence: v, apiFramework: m } = w(c);
+    const { id: u, adId: d, sequence: v, apiFramework: m } = L(c);
     return { id: u, adId: d, sequence: v, apiFramework: m, type: "linear", duration: 0, skipDelay: null, mediaFiles: [], mezzanine: null, interactiveCreativeFile: null, closedCaptionFiles: [], videoClickThroughURLTemplate: null, videoClickTrackingURLTemplates: [], videoCustomClickURLTemplates: [], adParameters: null, icons: [], trackingEvents: {} };
   }(e);
   r.duration = l.parseDuration(l.parseNodeText(l.childByName(a, "Duration")));
@@ -290,7 +290,7 @@ function le(a, e) {
 function ce(a, e) {
   const t = function() {
     let r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    const { id: i, adId: s, sequence: o, apiFramework: n } = w(r);
+    const { id: i, adId: s, sequence: o, apiFramework: n } = L(r);
     return { id: i, adId: s, sequence: o, apiFramework: n, type: "nonlinear", variations: [], trackingEvents: {} };
   }(e);
   return l.childrenByName(a, "TrackingEvents").forEach((r) => {
@@ -313,7 +313,7 @@ function ce(a, e) {
     }), t.variations.push(i);
   }), t;
 }
-function F(a) {
+function B(a) {
   const e = [];
   return a.forEach((t) => {
     const r = X(t);
@@ -343,35 +343,35 @@ function X(a) {
 function ue(a) {
   return a.getAttribute("AdID") || a.getAttribute("adID") || a.getAttribute("adId") || null;
 }
-const y = { Wrapper: { subElements: ["VASTAdTagURI", "Impression"] }, BlockedAdCategories: { attributes: ["authority"] }, InLine: { subElements: ["AdSystem", "AdTitle", "Impression", "AdServingId", "Creatives"] }, Category: { attributes: ["authority"] }, Pricing: { attributes: ["model", "currency"] }, Verification: { oneOfinLineResources: ["JavaScriptResource", "ExecutableResource"], attributes: ["vendor"] }, UniversalAdId: { attributes: ["idRegistry"] }, JavaScriptResource: { attributes: ["apiFramework", "browserOptional"] }, ExecutableResource: { attributes: ["apiFramework", "type"] }, Tracking: { attributes: ["event"] }, Creatives: { subElements: ["Creative"] }, Creative: { subElements: ["UniversalAdId"] }, Linear: { subElements: ["MediaFiles", "Duration"] }, MediaFiles: { subElements: ["MediaFile"] }, MediaFile: { attributes: ["delivery", "type", "width", "height"] }, Mezzanine: { attributes: ["delivery", "type", "width", "height"] }, NonLinear: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"], attributes: ["width", "height"] }, Companion: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"], attributes: ["width", "height"] }, StaticResource: { attributes: ["creativeType"] }, Icons: { subElements: ["Icon"] }, Icon: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"] } };
-function B(a, e) {
-  if (!y[a.nodeName] || !y[a.nodeName].attributes) return;
-  const t = y[a.nodeName].attributes.filter((r) => !a.getAttribute(r));
-  t.length > 0 && k({ name: a.nodeName, parentName: a.parentNode.nodeName, attributes: t }, e);
+const E = { Wrapper: { subElements: ["VASTAdTagURI", "Impression"] }, BlockedAdCategories: { attributes: ["authority"] }, InLine: { subElements: ["AdSystem", "AdTitle", "Impression", "AdServingId", "Creatives"] }, Category: { attributes: ["authority"] }, Pricing: { attributes: ["model", "currency"] }, Verification: { oneOfinLineResources: ["JavaScriptResource", "ExecutableResource"], attributes: ["vendor"] }, UniversalAdId: { attributes: ["idRegistry"] }, JavaScriptResource: { attributes: ["apiFramework", "browserOptional"] }, ExecutableResource: { attributes: ["apiFramework", "type"] }, Tracking: { attributes: ["event"] }, Creatives: { subElements: ["Creative"] }, Creative: { subElements: ["UniversalAdId"] }, Linear: { subElements: ["MediaFiles", "Duration"] }, MediaFiles: { subElements: ["MediaFile"] }, MediaFile: { attributes: ["delivery", "type", "width", "height"] }, Mezzanine: { attributes: ["delivery", "type", "width", "height"] }, NonLinear: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"], attributes: ["width", "height"] }, Companion: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"], attributes: ["width", "height"] }, StaticResource: { attributes: ["creativeType"] }, Icons: { subElements: ["Icon"] }, Icon: { oneOfinLineResources: ["StaticResource", "IFrameResource", "HTMLResource"] } };
+function M(a, e) {
+  if (!E[a.nodeName] || !E[a.nodeName].attributes) return;
+  const t = E[a.nodeName].attributes.filter((r) => !a.getAttribute(r));
+  t.length > 0 && y({ name: a.nodeName, parentName: a.parentNode.nodeName, attributes: t }, e);
 }
-function M(a, e, t) {
-  const r = y[a.nodeName], i = !t && a.nodeName !== "Wrapper";
+function W(a, e, t) {
+  const r = E[a.nodeName], i = !t && a.nodeName !== "Wrapper";
   if (!(!r || i)) {
     if (r.subElements) {
       const s = r.subElements.filter((o) => !l.childByName(a, o));
-      s.length > 0 && k({ name: a.nodeName, parentName: a.parentNode.nodeName, subElements: s }, e);
+      s.length > 0 && y({ name: a.nodeName, parentName: a.parentNode.nodeName, subElements: s }, e);
     }
-    !t || !r.oneOfinLineResources || r.oneOfinLineResources.some((s) => l.childByName(a, s)) || k({ name: a.nodeName, parentName: a.parentNode.nodeName, oneOfResources: r.oneOfinLineResources }, e);
+    !t || !r.oneOfinLineResources || r.oneOfinLineResources.some((s) => l.childByName(a, s)) || y({ name: a.nodeName, parentName: a.parentNode.nodeName, oneOfResources: r.oneOfinLineResources }, e);
   }
 }
-function W(a) {
+function K(a) {
   return a.children && a.children.length !== 0;
 }
-function k(a, e) {
+function y(a, e) {
   let { name: t, parentName: r, attributes: i, subElements: s, oneOfResources: o } = a, n = "Element '".concat(t, "'");
   n += i ? " missing required attribute(s) '".concat(i.join(", "), "' ") : s ? " missing required sub element(s) '".concat(s.join(", "), "' ") : o ? " must provide one of the following '".concat(o.join(", "), "' ") : " is empty", e("VAST-warning", { message: n, parentElement: r, specVersion: 4.1 });
 }
 const de = { verifyRequiredValues: function a(e, t, r) {
-  if (e && e.nodeName) if (e.nodeName === "InLine" && (r = !0), B(e, t), W(e)) {
-    M(e, t, r);
+  if (e && e.nodeName) if (e.nodeName === "InLine" && (r = !0), M(e, t), K(e)) {
+    W(e, t, r);
     for (let i = 0; i < e.children.length; i++) a(e.children[i], t, r);
-  } else l.parseNodeText(e).length === 0 && k({ name: e.nodeName, parentName: e.parentNode.nodeName }, t);
-}, hasSubElements: W, emitMissingValueWarning: k, verifyRequiredAttributes: B, verifyRequiredSubElements: M };
+  } else l.parseNodeText(e).length === 0 && y({ name: e.nodeName, parentName: e.parentNode.nodeName }, t);
+}, hasSubElements: K, emitMissingValueWarning: y, verifyRequiredAttributes: M, verifyRequiredSubElements: W };
 function he(a, e) {
   let { allowMultipleAds: t, followAdditionalWrappers: r } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   const i = Array.from(a.childNodes).filter((s) => {
@@ -415,7 +415,7 @@ function Z(a, e) {
               d.push(p);
             });
             const m = l.childByName(c, "CreativeExtensions");
-            m && (v = F(l.childrenByName(m, "CreativeExtension")));
+            m && (v = B(l.childrenByName(m, "CreativeExtension")));
             for (const h in c.childNodes) {
               const p = c.childNodes[h];
               let g;
@@ -436,14 +436,14 @@ function Z(a, e) {
         break;
       case "Extensions": {
         const o = l.childrenByName(s, "Extension");
-        i.extensions = F(o), i.adVerifications.length || (t = function(n) {
+        i.extensions = B(o), i.adVerifications.length || (t = function(n) {
           let c = null, u = [];
-          return n.some((d) => c = l.childByName(d, "AdVerifications")), c && (u = K(l.childrenByName(c, "Verification"))), u;
+          return n.some((d) => c = l.childByName(d, "AdVerifications")), c && (u = j(l.childrenByName(c, "Verification"))), u;
         }(o));
         break;
       }
       case "AdVerifications":
-        i.adVerifications = K(l.childrenByName(s, "Verification"));
+        i.adVerifications = j(l.childrenByName(s, "Verification"));
         break;
       case "AdSystem":
         i.system = { value: l.parseNodeText(s), version: s.getAttribute("version") || null };
@@ -509,7 +509,7 @@ function pe(a, e) {
     }
   }), t.nextWrapperURL) return t;
 }
-function K(a) {
+function j(a) {
   const e = [];
   return a.forEach((t) => {
     const r = { resource: null, vendor: null, browserOptional: !1, apiFramework: null, type: null, parameters: null, trackingEvents: {} }, i = Array.from(t.childNodes);
@@ -572,10 +572,10 @@ class J {
     return this._handlers.map((e) => e.event);
   }
 }
-let j = 0, b = 0;
+let q = 0, N = 0;
 const $ = (a, e) => {
-  !a || !e || a <= 0 || e <= 0 || (b = (b * j + 8 * a / e) / ++j);
-}, ge = { ERRORCODE: 900, extensions: [] }, q = "VAST response version not supported";
+  !a || !e || a <= 0 || e <= 0 || (N = (N * q + 8 * a / e) / ++q);
+}, ge = { ERRORCODE: 900, extensions: [] }, H = "VAST response version not supported";
 class ve extends J {
   constructor() {
     let { fetcher: e } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -589,7 +589,7 @@ class ve extends J {
     return this.rootErrorURLTemplates.concat(this.errorURLTemplates);
   }
   getEstimatedBitrate() {
-    return b;
+    return N;
   }
   initParsingStatus() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -620,7 +620,7 @@ class ve extends J {
       var c;
       this.emit("VAST-ad-parsed", { type: "ERROR", url: i, wrapperDepth: s });
       const m = (e == null || (c = e.documentElement) === null || c === void 0 ? void 0 : c.nodeName) === "VideoAdServingTemplate";
-      throw new Error(m ? q : "Invalid VAST XMLDocument");
+      throw new Error(m ? H : "Invalid VAST XMLDocument");
     }
     const u = [], d = e.documentElement.childNodes, v = e.documentElement.getAttribute("version");
     r && v && (this.vastVersion = v);
@@ -675,7 +675,7 @@ class ve extends J {
           v && l.mergeWrapperAdData(v, i);
         }), s(d);
       })).catch((u) => {
-        i.errorCode = u.message === q ? 102 : 301, i.errorMessage = u.message, s(i);
+        i.errorCode = u.message === H ? 102 : 301, i.errorMessage = u.message, s(i);
       });
     });
   }
@@ -735,11 +735,11 @@ class Te {
     return this.storage.clear();
   }
 }
-const N = 12e4, Ae = { get: async function(a, e) {
+const w = 12e4, Ae = { get: async function(a, e) {
   try {
     const t = new AbortController(), r = setTimeout(() => {
-      throw t.abort(), new Error("URLHandler: Request timed out after ".concat(e.timeout || N, " ms (408)"));
-    }, e.timeout || N), i = await fetch(a, { ...e, signal: t.signal, credentials: e.withCredentials ? "include" : "omit" }).finally(() => {
+      throw t.abort(), new Error("URLHandler: Request timed out after ".concat(e.timeout || w, " ms (408)"));
+    }, e.timeout || w), i = await fetch(a, { ...e, signal: t.signal, credentials: e.withCredentials ? "include" : "omit" }).finally(() => {
       clearTimeout(r);
     }), s = function(o) {
       return f.isBrowserEnvironment() && window.location.protocol === "https:" && o.url.includes("http://") ? "URLHandler: Cannot go from HTTPS to HTTP." : o.status === 200 && o.ok ? null : "URLHandler: ".concat(o.statusText, " (").concat(o.status, ")");
@@ -759,7 +759,7 @@ class Re {
   }
   setOptions() {
     let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    this.urlHandler = e.urlHandler || e.urlhandler || Ae, this.fetchingOptions = { timeout: e.timeout || N, withCredentials: !!e.withCredentials };
+    this.urlHandler = e.urlHandler || e.urlhandler || Ae, this.fetchingOptions = { timeout: e.timeout || w, withCredentials: !!e.withCredentials };
   }
   addURLTemplateFilter(e) {
     typeof e == "function" && this.URLTemplateFilters.push(e);
@@ -1117,7 +1117,7 @@ function Ee(a) {
   }
   return r;
 }
-function L(a) {
+function C(a) {
   const e = {
     attributes: {},
     children: {},
@@ -1134,7 +1134,7 @@ function L(a) {
   if (r)
     for (const i in r) {
       const s = r[i];
-      s.nodeName && s.nodeName.substring(0, 1) !== "#" && (e.children[s.nodeName] = L(s));
+      s.nodeName && s.nodeName.substring(0, 1) !== "#" && (e.children[s.nodeName] = C(s));
     }
   return e;
 }
@@ -1158,7 +1158,7 @@ class be {
           break;
         case "Extensions":
           this.extensions = ee(r, "Extension").map(
-            (i) => L(i)
+            (i) => C(i)
           );
           break;
       }
@@ -1194,7 +1194,7 @@ class Ne {
           break;
         case "Extensions":
           this.extensions = ee(r, "Extension").map(
-            (i) => L(i)
+            (i) => C(i)
           );
           break;
       }
@@ -1208,10 +1208,14 @@ const we = (a, e) => {
   return async () => {
     try {
       const o = new URL(e), n = new t.NonceRequest();
-      let c = localStorage.getItem("sl-device-id") || I(), u = sessionStorage.getItem("sl-ad-session-id");
-      u || (u = I(), sessionStorage.setItem("sl-ad-session-id", u)), ae(c) || (c = x(`https://${c}`, x.URL)), o.searchParams.get("url") || o.searchParams.set("url", "https://streamlayer.io"), o.searchParams.get("description_url") || o.searchParams.set("description_url", "https://streamlayer.io"), n.adWillAutoPlay = o.searchParams.get("vpa") === "auto", n.adWillPlayMuted = o.searchParams.get("vpmute") === "1", n.continuousPlayback = !0, n.descriptionUrl = o.searchParams.get("description_url"), n.iconsSupported = !0, n.sessionId = c, n.supportedApiFrameworks = "2,7,9", n.videoHeight = a.clientHeight, n.videoWidth = a.clientWidth;
+      let c = localStorage.getItem("sl-device-id") || x(), u = sessionStorage.getItem("sl-ad-session-id");
+      u || (u = x(), sessionStorage.setItem("sl-ad-session-id", u)), ae(c) || (c = S(`https://${c}`, S.URL)), o.searchParams.get("url") || o.searchParams.set("url", "https://streamlayer.io"), o.searchParams.get("description_url") || o.searchParams.set("description_url", "https://streamlayer.io"), n.adWillAutoPlay = o.searchParams.get("vpa") === "auto", n.adWillPlayMuted = o.searchParams.get("vpmute") === "1", n.continuousPlayback = !0, n.descriptionUrl = o.searchParams.get("description_url"), n.iconsSupported = !0, n.sessionId = c, n.supportedApiFrameworks = "2,7,9", n.videoHeight = a.clientHeight, n.videoWidth = a.clientWidth;
       const d = await i.loadNonceManager(n);
-      return o.searchParams.get("is_lat") === "[placeholder]" && o.searchParams.set("is_lat", "1"), o.searchParams.get("rdid") === "[placeholder]" && o.searchParams.set("rdid", c), o.searchParams.get("correlator") === "[placeholder]" && o.searchParams.set("correlator", u), o.searchParams.set("wta", "1"), o.searchParams.set("givn", d.getNonce()), o;
+      return o.searchParams.get("is_lat") === "[placeholder]" && o.searchParams.set("is_lat", "1"), o.searchParams.get("rdid") === "[placeholder]" && o.searchParams.set("rdid", c), o.searchParams.get("correlator") === "[placeholder]" && o.searchParams.set("correlator", u), o.searchParams.set("wta", "1"), o.searchParams.set("givn", d.getNonce()), {
+        url: o,
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        manager: d
+      };
     } catch (o) {
       console.log("AdsManager could not be started", o);
       return;
@@ -1221,27 +1225,34 @@ const we = (a, e) => {
   var t;
   const e = a == null ? void 0 : a.mediaFiles;
   return e != null && e.length && ((t = e.find((r) => r.fileURL)) == null ? void 0 : t.fileURL) || "";
-}, H = ie({
+}, k = ie({
   ads: [],
   autoplay: !0,
-  muted: !1
+  muted: !1,
+  nonceManager: void 0
 }), Ve = (a, e) => {
-  const [t, r] = re(), i = C(Date.now()), s = C(Date.now());
-  return U(() => {
+  const [t, r] = re(), i = U(Date.now()), s = U(Date.now());
+  return I(() => {
     if (!e || !(a != null && a.current))
       return;
     const o = we(a.current, e), n = Date.now();
-    i.current = n, o().then((c) => {
-      i.current === n && r(c);
+    i.current = n, k.set({
+      ...k.get(),
+      nonceManager: void 0
+    }), o().then((c) => {
+      i.current === n && c && (r(c.url), k.set({
+        ...k.get(),
+        nonceManager: c.manager
+      }));
     }).catch((c) => {
       console.error(c);
     });
-  }, [a, e]), U(() => {
+  }, [a, e]), I(() => {
     const o = async (n, c) => {
       let u = [];
       if (n.searchParams.get("output") === "vmap") {
         const h = await fetch(n.toString()), p = new DOMParser(), g = await h.text(), T = p.parseFromString(g, "text/xml");
-        u = new Ne(T).adBreaks.map((E) => E.adSource.adTagURI.uri);
+        u = new Ne(T).adBreaks.map((b) => b.adSource.adTagURI.uri);
       } else
         u = [n.toString()];
       const d = await Promise.all(
@@ -1250,18 +1261,19 @@ const we = (a, e) => {
             const T = g.ads.find((te) => te.creatives.length > 0);
             if (!T)
               return;
-            const A = Ce(T), E = Ue(A);
+            const A = Ce(T), b = Ue(A);
             return {
               creative: A,
               order: p,
-              mediaFileUrl: E,
+              mediaFileUrl: b,
               ad: T,
               raw: g
             };
           }
         }))
       ), v = n.searchParams.get("vpa") !== "click", m = n.searchParams.get("vpmute") === "1";
-      H.set({
+      k.set({
+        ...k.get(),
         ads: d.filter((h) => !!h),
         autoplay: v,
         muted: m
@@ -1274,7 +1286,7 @@ const we = (a, e) => {
     return () => {
       s.current = 0;
     };
-  }, [t]), H;
+  }, [t]), k;
 };
 export {
   Ue as a,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.27.3",
+  "version": "1.28.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -80,19 +80,19 @@
     "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.20.3",
-    "@streamlayer/react-polyfills": "^0.1.30",
-    "@streamlayer/sdk-web": "^1.14.3",
-    "@streamlayer/sdk-web-analytics": "^1.11.3",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.49",
-    "@streamlayer/sdk-web-api": "^1.12.3",
-    "@streamlayer/sdk-web-core": "^1.15.3",
-    "@streamlayer/sdk-web-features": "^1.0.70",
-    "@streamlayer/sdk-web-interfaces": "^1.7.3",
-    "@streamlayer/sdk-web-logger": "^1.0.70",
-    "@streamlayer/sdk-web-notifications": "^1.3.32",
-    "@streamlayer/sdk-web-storage": "^1.0.70",
-    "@streamlayer/sdk-web-types": "^1.14.3"
+    "@streamlayer/feature-gamification": "^1.21.1",
+    "@streamlayer/react-polyfills": "^0.1.32",
+    "@streamlayer/sdk-web": "^1.14.5",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.51",
+    "@streamlayer/sdk-web-analytics": "^1.11.5",
+    "@streamlayer/sdk-web-api": "^1.12.5",
+    "@streamlayer/sdk-web-core": "^1.15.5",
+    "@streamlayer/sdk-web-features": "^1.0.72",
+    "@streamlayer/sdk-web-interfaces": "^1.7.5",
+    "@streamlayer/sdk-web-logger": "^1.0.72",
+    "@streamlayer/sdk-web-notifications": "^1.3.34",
+    "@streamlayer/sdk-web-storage": "^1.0.72",
+    "@streamlayer/sdk-web-types": "^1.14.5"
   },
   "nx": {
     "implicitDependencies": [
@@ -133,7 +133,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.18.3"
+    "@streamlayer/react": "^1.18.5"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.2.0",