@streamlayer/react-ui 1.28.3 → 1.29.0

package/lib/ui/advertisement/notification/index.js

@@ -1,43 +1,43 @@
 import { jsx as i, jsxs as m } from "react/jsx-runtime";
 import { withFocusable as N } from "../../../app/webos/useTvButton.js";
-import { NotificationPromotionImagePosition as n, NotificationEnabled as E, NotificationPromotionMode as L, NotificationSponsorLogoMode as S, CtaIconMode as _ } from "@streamlayer/sdk-web-types";
+import { NotificationPromotionImagePosition as e, NotificationEnabled as E, NotificationPromotionMode as L, NotificationSponsorLogoMode as S, CtaIconMode as _ } from "@streamlayer/sdk-web-types";
 import { SlideIn as D } from "../../slide-in/index.js";
 import { LowerThirdNotification as R } from "./lower-third/index.js";
-import { MediaImgFit as I, MediaImgCentered as P, MediaImgBottom as b, MediaImgSolid as A, MediaImgMiddle as F, NotificationContainer as u, Logo as x, NotificationContent as k, Body as y, Title as W, Text as j, CtaIcon as v, StyledChevronRight as G, DismissButton as H, OpenButton as U } from "./styles.js";
+import { MediaImgFit as I, MediaImgCentered as P, MediaImgBottom as A, MediaImgSolid as F, MediaImgMiddle as b, NotificationContainer as x, Logo as k, NotificationContent as u, Body as y, Title as W, Text as j, CtaIcon as v, StyledChevronRight as G, DismissButton as H, OpenButton as U } from "./styles.js";
 const q = {
-  [n.UNSET]: I,
-  [n.FIT]: I,
-  [n.CENTERED]: P,
-  [n.BOTTOM]: b,
-  [n.SOLID]: A,
-  [n.MIDDLE]: F
-}, z = ({ src: r, imagePosition: e }) => {
-  const c = q[e];
-  return /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("img", { src: r, alt: "" }) });
-}, J = N(H), K = N(U), w = ({ notification: r, open: e, promotionId: c, hiding: p, direction: g = "left", close: d, webos: t }) => {
-  if (!r || !r.promotion || r.enabled !== E.NOTIFICATION_ENABLED)
+  [e.UNSET]: I,
+  [e.FIT]: I,
+  [e.CENTERED]: P,
+  [e.BOTTOM]: A,
+  [e.SOLID]: F,
+  [e.MIDDLE]: b
+}, z = ({ src: n, imagePosition: t }) => {
+  const c = q[t];
+  return /* @__PURE__ */ i(c, { children: /* @__PURE__ */ i("img", { src: n, alt: "" }) });
+}, J = N(H), K = N(U), w = ({ notification: n, open: t, promotionId: c, hiding: p, direction: g = "left", close: d, webos: r }) => {
+  if (!n || !n.promotion || n.enabled !== E.NOTIFICATION_ENABLED)
     return null;
-  if (r.promotion.mode === L.LOWER_THIRD)
-    return /* @__PURE__ */ i(R, { notification: r, open: e, close: d, webos: t });
-  const { title: l, body: s, image: h, promotion: C } = r, { sponsorLogo: a, sponsorLogoMode: O, imagePosition: M, ctaButton: o } = C, T = (f) => {
+  if (n.promotion.mode === L.LOWER_THIRD)
+    return /* @__PURE__ */ i(R, { notification: n, open: t, close: d, webos: r });
+  const { title: l, body: s, image: h, promotion: C } = n, { sponsorLogo: a, sponsorLogoMode: O, imagePosition: M, ctaButton: o } = C, T = (f) => {
     f.stopPropagation(), d == null || d();
   };
-  return /* @__PURE__ */ i(D, { className: "SL_Rich_Notification", direction: g, hiding: p, children: /* @__PURE__ */ m(u, { onClick: t ? () => {
-  } : e, children: [
-    O !== S.NOTIFICATION_SPONSOR_LOGO_NONE && a && /* @__PURE__ */ i(x, { children: /* @__PURE__ */ i("img", { src: a, alt: l }) }),
-    /* @__PURE__ */ m(k, { children: [
+  return /* @__PURE__ */ i(D, { className: "SL_Rich_Notification", direction: g, hiding: p, children: /* @__PURE__ */ m(x, { onClick: r ? () => {
+  } : t, children: [
+    O !== S.NOTIFICATION_SPONSOR_LOGO_NONE && a && /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i("img", { src: a, alt: l }) }),
+    /* @__PURE__ */ m(u, { children: [
       /* @__PURE__ */ i(z, { src: h, imagePosition: M }),
       /* @__PURE__ */ m(y, { children: [
         l && /* @__PURE__ */ i(W, { children: l }),
         s && /* @__PURE__ */ i(j, { children: s })
       ] }),
-      t && /* @__PURE__ */ i(J, { webos: !0, onClick: T, children: "Dismiss" }),
+      r && /* @__PURE__ */ i(J, { webos: !0, onClick: T, children: "Dismiss" }),
       /* @__PURE__ */ m(
         K,
         {
-          webos: t,
-          autoFocus: !0,
-          onClick: t ? e : () => {
+          webos: r,
+          autoFocus: r,
+          onClick: r ? t : () => {
           },
           name: "promo-button",
           style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color },

package/lib/ui/advertisement/notification/lower-third/index.js

@@ -1,51 +1,59 @@
 import { jsx as i, jsxs as e, Fragment as m } from "react/jsx-runtime";
-import { withFocusable as C } from "../../../../app/webos/useTvButton.js";
+import { withFocusable as O } from "../../../../app/webos/useTvButton.js";
 import { NotificationPromotionImagePosition as N, NotificationEnabled as t, NotificationSponsorLogoMode as _, CtaIconMode as I } from "@streamlayer/sdk-web-types";
-import { MediaImgBottom as a, MediaImgMiddle as f, NotificationContainer as L, NotificationContent as A, Body as S, Title as E, Text as P, Footer as x, Logo as D, Vector as F, CtaIcon as O, OpenButton as h, DismissButton as k } from "./styles.js";
+import { MediaImgBottom as C, MediaImgMiddle as f, NotificationContainer as L, NotificationContent as A, Body as S, Title as E, Text as P, Footer as x, Logo as D, Vector as F, CtaIcon as a, OpenButton as h, DismissButton as k } from "./styles.js";
 const R = {
-  [N.BOTTOM]: a,
+  [N.BOTTOM]: C,
   [N.MIDDLE]: f
 }, w = ({ src: r, imagePosition: n }) => {
-  const l = R[n] || a;
+  const l = R[n] || C;
   return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i("img", { src: r, alt: "" }) });
-}, y = C(k), j = C(h), q = ({ notification: r, open: n, close: l, webos: c }) => {
+}, y = O(k), j = O(h), q = ({ notification: r, open: n, close: l, webos: s }) => {
   if (!r || !r.promotion || r.enabled !== t.NOTIFICATION_ENABLED)
     return null;
-  const { title: s, body: d, image: T, promotion: p } = r, { sponsorLogo: g, sponsorLogoMode: M, imagePosition: b, ctaButton: o } = p;
-  return /* @__PURE__ */ e(L, { className: "SL_Lower_Third_Notification", onClick: c ? void 0 : n, children: [
-    /* @__PURE__ */ e(A, { children: [
-      /* @__PURE__ */ i(w, { src: T, imagePosition: b }),
-      /* @__PURE__ */ e(S, { children: [
-        s && /* @__PURE__ */ i(E, { children: s }),
-        d && /* @__PURE__ */ i(P, { children: d })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(x, { children: [
-      M !== _.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ e(m, { children: [
-        /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i("img", { src: g, alt: s }) }),
-        /* @__PURE__ */ i(F, {})
-      ] }),
-      c ? /* @__PURE__ */ e(m, { children: [
-        /* @__PURE__ */ i(y, { webos: !0, onClick: l, children: "Dismiss" }),
-        /* @__PURE__ */ e(
-          j,
-          {
-            webos: !0,
-            autoFocus: !0,
-            style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color },
-            onClick: n,
-            children: [
-              (o == null ? void 0 : o.ctaIcon) && (o == null ? void 0 : o.ctaIconMode) === I.CTA_ICON_TRANSPARENT && /* @__PURE__ */ i(O, { src: o == null ? void 0 : o.ctaIcon, alt: "cta-icon" }),
-              (o == null ? void 0 : o.label) || "Open"
-            ]
-          }
-        )
-      ] }) : /* @__PURE__ */ e(h, { name: "promo-button", style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color }, children: [
-        (o == null ? void 0 : o.ctaIcon) && (o == null ? void 0 : o.ctaIconMode) === I.CTA_ICON_TRANSPARENT && /* @__PURE__ */ i(O, { src: o == null ? void 0 : o.ctaIcon, alt: "cta-icon" }),
-        (o == null ? void 0 : o.label) || "Open"
-      ] })
-    ] })
-  ] });
+  const { title: c, body: d, image: T, promotion: p } = r, { sponsorLogo: g, sponsorLogoMode: M, imagePosition: b, ctaButton: o } = p;
+  return /* @__PURE__ */ e(
+    L,
+    {
+      "data-webos": s,
+      className: "SL_Lower_Third_Notification",
+      onClick: s ? void 0 : n,
+      children: [
+        /* @__PURE__ */ e(A, { children: [
+          /* @__PURE__ */ i(w, { src: T, imagePosition: b }),
+          /* @__PURE__ */ e(S, { children: [
+            c && /* @__PURE__ */ i(E, { children: c }),
+            d && /* @__PURE__ */ i(P, { children: d })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(x, { children: [
+          M !== _.NOTIFICATION_SPONSOR_LOGO_NONE && /* @__PURE__ */ e(m, { children: [
+            /* @__PURE__ */ i(D, { children: /* @__PURE__ */ i("img", { src: g, alt: c }) }),
+            /* @__PURE__ */ i(F, {})
+          ] }),
+          s ? /* @__PURE__ */ e(m, { children: [
+            /* @__PURE__ */ i(y, { webos: !0, onClick: l, children: "Dismiss" }),
+            /* @__PURE__ */ e(
+              j,
+              {
+                webos: !0,
+                autoFocus: !0,
+                style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color },
+                onClick: n,
+                children: [
+                  (o == null ? void 0 : o.ctaIcon) && (o == null ? void 0 : o.ctaIconMode) === I.CTA_ICON_TRANSPARENT && /* @__PURE__ */ i(a, { src: o == null ? void 0 : o.ctaIcon, alt: "cta-icon" }),
+                  (o == null ? void 0 : o.label) || "Open"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ e(h, { name: "promo-button", style: { color: o == null ? void 0 : o.textColor, backgroundColor: o == null ? void 0 : o.color }, children: [
+            (o == null ? void 0 : o.ctaIcon) && (o == null ? void 0 : o.ctaIconMode) === I.CTA_ICON_TRANSPARENT && /* @__PURE__ */ i(a, { src: o == null ? void 0 : o.ctaIcon, alt: "cta-icon" }),
+            (o == null ? void 0 : o.label) || "Open"
+          ] })
+        ] })
+      ]
+    }
+  );
 };
 export {
   q as LowerThirdNotification,

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

@@ -1,6 +1,7 @@
-import { u as pg, z as gg } from "../../../../../useVastAds-CakWRNKN.js";
+import { z as pg } from "../../../../../vast-client.min-B0NUra1B.js";
 import { useRef as Qr, useCallback as Ui, useEffect as js } from "react";
-import { D as mg } from "../../../../../index-DXvAPWiE.js";
+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 : {};
 function nr(s) {
@@ -4589,7 +4590,7 @@ const tr = ({
 }, Rc = (s) => {
   if (s === "")
     throw new Error(es.DASH_EMPTY_MANIFEST);
-  const e = new mg();
+  const e = new gg();
   let t, i;
   try {
     t = e.parseFromString(s, "application/xml"), i = t && t.documentElement.tagName === "MPD" ? t.documentElement : null;
@@ -33146,8 +33147,8 @@ const fv = (s) => {
     return 0;
   const e = s.duration(), t = s.currentTime();
   return e === void 0 || isNaN(e) || t === void 0 || isNaN(t) ? 0 : Math.round(e - t);
-}, bv = (s, e) => {
-  const t = pg(s, e), i = fv(s), r = Qr(), n = Qr(!1), a = Qr(!1), l = Ui(() => {
+}, vv = (s, e) => {
+  const t = mg(s, e), i = fv(s), r = Qr(), n = Qr(!1), a = Qr(!1), l = Ui(() => {
     if (a.current)
       return;
     const I = t.get().nonceManager;
@@ -33174,7 +33175,7 @@ const fv = (s) => {
       if (I < P) {
         const U = I + 1, { ads: N, muted: F, autoplay: D, nonceManager: V } = t.get(), X = N[U - 1];
         if (X) {
-          (v = r.current) == null || v.complete(), r.current = new gg(null, X.ad, X.creative), r.current.on("clickthrough", (G) => {
+          (v = r.current) == null || v.complete(), r.current = new pg(null, X.ad, X.creative), r.current.on("clickthrough", (G) => {
             if (V)
               try {
                 V.sendAdClick();
@@ -33241,5 +33242,5 @@ const fv = (s) => {
   }, [d]), [ye, g, T, w, r];
 };
 export {
-  bv as useGAMPlayer
+  vv as useGAMPlayer
 };

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

@@ -0,0 +1,9 @@
+type GAMStaticCore = Record<string, {
+    url: string;
+    imageSrc?: string;
+    adUrl?: string;
+}>;
+export declare const useLoadGAMStatic: () => readonly [(adUrl: string) => Promise<{
+    success: boolean;
+}>, import('nanostores').PreinitializedMapStore<GAMStaticCore> & object];
+export {};

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

@@ -0,0 +1,44 @@
+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)
+      return { success: !0 };
+    const s = Date.now();
+    n.current = s, a.setKey(e, { 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 };
+          }
+          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 };
+        }
+      }
+    } catch (c) {
+      console.error("Error parsing VAST", c);
+    }
+    return { success: !1 };
+  }, []), a];
+};
+export {
+  _ as useLoadGAMStatic
+};

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

@@ -1,8 +1,242 @@
-import { g as s, a as i, u as o } from "../../../../../useVastAds-CakWRNKN.js";
-import "react";
-import "../../../../../index-tnt2CtQe.js";
+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);
+  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,
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        manager: m
+      };
+    } catch (o) {
+      console.log("AdsManager could not be started", o);
+      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({
+  ads: [],
+  autoplay: !0,
+  muted: !1,
+  nonceManager: void 0
+}), $ = (r, e) => {
+  const [s, t] = M(), n = A(Date.now()), a = A(Date.now());
+  return w(() => {
+    if (!e || !(r != null && r.current))
+      return;
+    const o = C(r.current, e), i = Date.now();
+    n.current = i, h.set({
+      ads: [],
+      autoplay: !0,
+      muted: !1,
+      nonceManager: void 0
+    }), o().then((c) => {
+      n.current === i && c && (t(c.url), h.set({
+        ads: [],
+        autoplay: !0,
+        muted: !1,
+        nonceManager: c.manager
+      }));
+    }).catch((c) => {
+      console.error(c);
+    });
+  }, [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);
+      } 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)
+              return;
+            const p = x(u), v = B(p);
+            return {
+              creative: p,
+              order: g,
+              mediaFileUrl: v,
+              ad: u,
+              raw: f
+            };
+          }
+        }))
+      ), 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
+      });
+    };
+    if (s) {
+      const i = Date.now();
+      a.current = i, o(s, i);
+    }
+    return () => {
+      a.current = 0;
+    };
+  }, [s]), h;
+};
 export {
-  s as getCreative,
-  i as getMediaFileUrl,
-  o as useVastAds
+  x as getCreative,
+  B as getMediaFileUrl,
+  $ as useVastAds
 };