@streamlayer/react-ui 1.32.4 → 1.33.2

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

@@ -1,15 +1,15 @@
-import { _ as C } from "../../../../../vast-client.min-B0NUra1B.js";
-import { useRef as P, useCallback as k } from "react";
+import { VASTClient as x } from "@dailymotion/vast-client";
+import { useRef as P, useCallback as V } 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) => {
+import { createLogger as k } from "@streamlayer/sdk-web-logger";
+import { m as I } from "../../../../../index-DSi8Qgfs.js";
+const K = {}, B = new x(), i = I(K), d = k("ui:gam-static"), b = (n) => new Promise((m, e) => {
   const r = new Image();
   r.onload = () => m(n), r.onerror = () => e(), r.src = n;
-}), $ = () => {
+}), j = () => {
   const n = P(0);
-  return [k(async (e) => {
-    var p, g, f, v, y, A, T, R, S, w, h;
+  return [V(async (e) => {
+    var p, g, f, v, y, A, T, S, R, w, h;
     if ((p = i.get()[e]) != null && p.imageSrc)
       return { success: !0 };
     const r = Date.now();
@@ -27,13 +27,13 @@ const V = {}, B = new C(), i = K(V), d = I("ui:gam-static"), b = (n) => new Prom
           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;
+            const o = (f = (g = s.variations) == null ? void 0 : g[0]) == null ? void 0 : f.staticResource, L = (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
+                adUrl: L
               }), l.emit("exposedPauseAd", {
                 action: "loaded",
                 payload: {
@@ -43,13 +43,13 @@ const V = {}, B = new C(), i = K(V), d = I("ui:gam-static"), b = (n) => new Prom
           }
           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;
+          const u = (R = (S = (T = (A = a == null ? void 0 : a.variations) == null ? void 0 : A[0]) == null ? void 0 : T.staticResources) == null ? void 0 : S[0]) == null ? void 0 : R.url, C = (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
+              adUrl: C
             }), l.emit("exposedPauseAd", {
               action: "loaded",
               payload: {
@@ -65,5 +65,5 @@ const V = {}, B = new C(), i = K(V), d = I("ui:gam-static"), b = (n) => new Prom
   }, []), i];
 };
 export {
-  $ as useLoadGAMStatic
+  j as useLoadGAMStatic
 };

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

@@ -1,242 +1,101 @@
-import { _ as D } from "../../../../../vast-client.min-B0NUra1B.js";
-import { useState as M, useRef as A, useEffect as w } from "react";
-import { v4 as b, validate as R, v5 as k } from "uuid";
-import { a as I } from "../../../../../index-tnt2CtQe.js";
-class U {
-  constructor(e) {
-    this.id = e.getAttribute("id"), this.allowMultipleAds = e.getAttribute("allowMultipleAds"), this.followRedirects = e.getAttribute("followRedirects"), this.vastAdData = null, this.adTagURI = null, this.customData = null;
-    for (const s in e.childNodes) {
-      const t = e.childNodes[s];
-      switch (t.localName) {
-        case "AdTagURI":
-          this.adTagURI = {
-            templateType: t.getAttribute("templateType"),
-            uri: (t.textContent || t.text || "").trim()
-          };
-          break;
-        case "VASTAdData":
-          for (this.vastAdData = t.firstChild; this.vastAdData && this.vastAdData.nodeType !== 1; )
-            this.vastAdData = this.vastAdData.nextSibling;
-          break;
-        case "CustomAdData":
-          this.customData = t;
-          break;
-      }
-    }
-  }
-}
-function y(r, e) {
-  const s = [];
-  for (const t in r.childNodes) {
-    const n = r.childNodes[t];
-    (n.nodeName === e || e === `vmap:${n.nodeName}` || n.nodeName === `vmap:${e}`) && s.push(n);
-  }
-  return s;
-}
-function T(r) {
-  if (!r || !r.childNodes)
-    return {};
-  const e = r.childNodes, s = [];
-  for (const n in e) {
-    const a = e[n];
-    a.nodeName === "#cdata-section" && s.push(a);
-  }
-  if (s && s.length > 0)
-    try {
-      return JSON.parse(s[0].data);
-    } catch {
-    }
-  let t = "";
-  for (const n in e) {
-    const a = e[n];
-    switch (a.nodeName) {
-      case "#text":
-        t += a.textContent.trim();
-        break;
-      case "#cdata-section":
-        t += a.data;
-        break;
-    }
-  }
-  return t;
-}
-function N(r) {
-  const e = {
-    attributes: {},
-    children: {},
-    value: {}
-  };
-  e.value = T(r);
-  const s = r.attributes;
-  if (s)
-    for (const n in s) {
-      const a = s[n];
-      a.nodeName && a.nodeValue !== void 0 && a.nodeValue !== null && (e.attributes[a.nodeName] = a.nodeValue);
-    }
-  const t = r.childNodes;
-  if (t)
-    for (const n in t) {
-      const a = t[n];
-      a.nodeName && a.nodeName.substring(0, 1) !== "#" && (e.children[a.nodeName] = N(a));
-    }
-  return e;
-}
-class K {
-  constructor(e) {
-    this.timeOffset = e.getAttribute("timeOffset"), this.breakType = e.getAttribute("breakType"), this.breakId = e.getAttribute("breakId"), this.repeatAfter = e.getAttribute("repeatAfter"), this.adSource = null, this.trackingEvents = [], this.extensions = [];
-    for (const s in e.childNodes) {
-      const t = e.childNodes[s];
-      switch (t.localName) {
-        case "AdSource":
-          this.adSource = new U(t);
-          break;
-        case "TrackingEvents":
-          for (const n in t.childNodes) {
-            const a = t.childNodes[n];
-            a.localName === "Tracking" && this.trackingEvents.push({
-              event: a.getAttribute("event"),
-              uri: (a.textContent || a.text || "").trim()
-            });
-          }
-          break;
-        case "Extensions":
-          this.extensions = y(t, "Extension").map(
-            (n) => N(n)
-          );
-          break;
-      }
-    }
-  }
-  track(e, s) {
-    for (const t in this.trackingEvents) {
-      const n = this.trackingEvents[t];
-      if (n.event === e) {
-        let { uri: a } = n;
-        n.event === "error" && (a = a.replace("[ERRORCODE]", s)), this.tracker(a);
-      }
-    }
-  }
-  // Easy to overwrite tracker client for unit testing
-  tracker(e) {
-    if (typeof window < "u" && window !== null) {
-      const s = new Image();
-      s.src = e;
-    }
-  }
-}
-class V {
-  constructor(e) {
-    if (!e || !e.documentElement || e.documentElement.localName !== "VMAP")
-      throw new Error("Not a VMAP document");
-    this.version = e.documentElement.getAttribute("version"), this.adBreaks = [], this.extensions = [];
-    for (const s in e.documentElement.childNodes) {
-      const t = e.documentElement.childNodes[s];
-      switch (t.localName) {
-        case "AdBreak":
-          this.adBreaks.push(new K(t));
-          break;
-        case "Extensions":
-          this.extensions = y(t, "Extension").map(
-            (n) => N(n)
-          );
-          break;
-      }
-    }
-  }
-}
-const C = (r, e) => {
-  const s = goog.pal, t = new s.ConsentSettings();
-  t.allowStorage = !1;
-  const n = new s.NonceLoader(t);
+import { VASTClient as R } from "@dailymotion/vast-client";
+import { useState as A, useRef as P, useEffect as w } from "react";
+import D from "vmap";
+import { v4 as S, validate as L, v5 as y } from "uuid";
+import { a as F } from "../../../../../index-tnt2CtQe.js";
+const N = (a, s) => {
+  const o = goog.pal, c = new o.ConsentSettings();
+  c.allowStorage = !1;
+  const u = new o.NonceLoader(c);
   return async () => {
     try {
-      const o = new URL(e), i = new s.NonceRequest();
-      let c = localStorage.getItem("sl-device-id") || b(), d = sessionStorage.getItem("sl-ad-session-id");
-      d || (d = b(), sessionStorage.setItem("sl-ad-session-id", d)), R(c) || (c = k(`https://${c}`, k.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"), i.adWillAutoPlay = o.searchParams.get("vpa") === "auto", i.adWillPlayMuted = o.searchParams.get("vpmute") === "1", i.continuousPlayback = !0, i.descriptionUrl = o.searchParams.get("description_url"), i.iconsSupported = !0, i.sessionId = c, i.supportedApiFrameworks = "2,7,9", i.videoHeight = r.clientHeight, i.videoWidth = r.clientWidth;
-      const m = await n.loadNonceManager(i);
-      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", d), o.searchParams.set("wta", "1"), o.searchParams.set("givn", m.getNonce()), {
-        url: o,
+      const e = new URL(s), t = new o.NonceRequest();
+      let r = localStorage.getItem("sl-device-id") || S(), n = sessionStorage.getItem("sl-ad-session-id");
+      n || (n = S(), sessionStorage.setItem("sl-ad-session-id", n)), L(r) || (r = y(`https://${r}`, y.URL)), e.searchParams.get("url") || e.searchParams.set("url", "https://streamlayer.io"), e.searchParams.get("description_url") || e.searchParams.set("description_url", "https://streamlayer.io"), t.adWillAutoPlay = e.searchParams.get("vpa") === "auto", t.adWillPlayMuted = e.searchParams.get("vpmute") === "1", t.continuousPlayback = !0, t.descriptionUrl = e.searchParams.get("description_url"), t.iconsSupported = !0, t.sessionId = r, t.supportedApiFrameworks = "2,7,9", t.videoHeight = a.clientHeight, t.videoWidth = a.clientWidth;
+      const g = await u.loadNonceManager(t);
+      return e.searchParams.get("is_lat") === "[placeholder]" && e.searchParams.set("is_lat", "1"), e.searchParams.get("rdid") === "[placeholder]" && e.searchParams.set("rdid", r), e.searchParams.get("correlator") === "[placeholder]" && e.searchParams.set("correlator", n), e.searchParams.set("wta", "1"), e.searchParams.set("givn", g.getNonce()), {
+        url: e,
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-        manager: m
+        manager: g
       };
-    } catch (o) {
-      console.log("AdsManager could not be started", o);
+    } catch (e) {
+      console.log("AdsManager could not be started", e);
       return;
     }
   };
-}, L = new D(), x = (r) => r.creatives.find((e) => e.mediaFiles), B = (r) => {
-  var s;
-  const e = r == null ? void 0 : r.mediaFiles;
-  return e != null && e.length && ((s = e.find((t) => t.fileURL)) == null ? void 0 : s.fileURL) || "";
-}, h = I({
+}, _ = new R(), x = (a) => a.creatives.find((s) => s.mediaFiles), W = (a) => {
+  var o;
+  const s = a == null ? void 0 : a.mediaFiles;
+  return s != null && s.length && ((o = s.find((c) => c.fileURL)) == null ? void 0 : o.fileURL) || "";
+}, d = F({
   ads: [],
   autoplay: !0,
   muted: !1,
   nonceManager: void 0
-}), $ = (r, e) => {
-  const [s, t] = M(), n = A(Date.now()), a = A(Date.now());
+}), H = (a, s) => {
+  const [o, c] = A(), u = P(Date.now()), m = P(Date.now());
   return w(() => {
-    if (!e || !(r != null && r.current))
+    if (!s || !(a != null && a.current))
       return;
-    const o = C(r.current, e), i = Date.now();
-    n.current = i, h.set({
+    const e = N(a.current, s), t = Date.now();
+    u.current = t, d.set({
       ads: [],
       autoplay: !0,
       muted: !1,
       nonceManager: void 0
-    }), o().then((c) => {
-      n.current === i && c && (t(c.url), h.set({
+    }), e().then((r) => {
+      u.current === t && r && (c(r.url), d.set({
         ads: [],
         autoplay: !0,
         muted: !1,
-        nonceManager: c.manager
+        nonceManager: r.manager
       }));
-    }).catch((c) => {
-      console.error(c);
+    }).catch((r) => {
+      console.error(r);
     });
-  }, [r, e]), w(() => {
-    const o = async (i, c) => {
-      let d = [];
-      if (i.searchParams.get("output") === "vmap") {
-        const l = await fetch(i.toString()), g = new DOMParser(), f = await l.text(), u = g.parseFromString(f, "text/xml");
-        d = new V(u).adBreaks.map((v) => v.adSource.adTagURI.uri);
+  }, [a, s]), w(() => {
+    const e = async (t, r) => {
+      let n = [];
+      if (t.searchParams.get("output") === "vmap") {
+        const i = await fetch(t.toString()), f = new DOMParser(), p = await i.text(), l = f.parseFromString(p, "text/xml");
+        n = new D(l).adBreaks.map((v) => v.adSource.adTagURI.uri);
       } else
-        d = [i.toString()];
-      const m = await Promise.all(
-        d.map((l, g) => L.get(l).then((f) => {
-          if (a.current === c) {
-            const u = f.ads.find((S) => S.creatives.length > 0);
-            if (!u)
+        n = [t.toString()];
+      const g = await Promise.all(
+        n.map((i, f) => _.get(i).then((p) => {
+          if (m.current === r) {
+            const l = p.ads.find((I) => I.creatives.length > 0);
+            if (!l)
               return;
-            const p = x(u), v = B(p);
+            const h = x(l), v = W(h);
             return {
-              creative: p,
-              order: g,
+              creative: h,
+              order: f,
               mediaFileUrl: v,
-              ad: u,
-              raw: f
+              ad: l,
+              raw: p
             };
           }
         }))
-      ), P = i.searchParams.get("vpa") !== "click", E = i.searchParams.get("vpmute") === "1";
-      h.set({
-        ...h.get(),
-        ads: m.filter((l) => !!l),
-        autoplay: P,
-        muted: E
+      ), M = t.searchParams.get("vpa") !== "click", U = t.searchParams.get("vpmute") === "1";
+      d.set({
+        ...d.get(),
+        ads: g.filter((i) => !!i),
+        autoplay: M,
+        muted: U
       });
     };
-    if (s) {
-      const i = Date.now();
-      a.current = i, o(s, i);
+    if (o) {
+      const t = Date.now();
+      m.current = t, e(o, t);
     }
     return () => {
-      a.current = 0;
+      m.current = 0;
     };
-  }, [s]), h;
+  }, [o]), d;
 };
 export {
   x as getCreative,
-  B as getMediaFileUrl,
-  $ as useVastAds
+  W as getMediaFileUrl,
+  H as useVastAds
 };

package/lib/ui/gamification/leaderboard/static.d.ts

@@ -1,4 +1,4 @@
-import { ScrollNodeRef } from '../../../app/masters';
+import { ScrollNodeRef } from '../../../app';
 import { ScrollStore } from '../../../app/useSdkScroll';
 import { LeaderboardItemProps } from './list-item';
 type LeaderboardListProps = {

package/lib/ui/gamification/question/inapp/notification/AdNotification/NotificationMedia/index.d.ts

@@ -1,6 +1,6 @@
 import { NotificationUseContentMedia, QuestionImages } from '@streamlayer/sdk-web-types';
 export declare const MediaComponentWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
-    color: string;
+    color?: string;
 }>;
 export declare const MediaImgBottom: {
     __wyw_meta: unknown;

package/lib/ui/gamification/question/inapp/notification/AdNotification/NotificationMedia/index.js

@@ -4,7 +4,7 @@ import { QuestionImages as o, NotificationUseContentMedia as l } from "@streamla
 import { VideoPlayer as I } from "../../../../../../video-player/index.js";
 const N = () => ({
   color: n
-}) => n, m = /* @__PURE__ */ e("div")({
+}) => n || "transparent", m = /* @__PURE__ */ e("div")({
   name: "MediaComponentWrap",
   class: "mek728j",
   propsAsIs: !1,