@streamlayer/react 1.24.8-pre.84ab1b9 → 1.24.8-pre.a96f156

package/lib/es/pause-ad.js

@@ -1,420 +1,421 @@
-import { jsx as c, jsxs as N } from "react/jsx-runtime";
-import { h as Q } from "./index7.js";
-import { useEffect as w, useState as j, useRef as _, useMemo as J, useCallback as H, Component as X } from "react";
-import { s as G, u as V, c as K } from "./feature.js";
-import { e as D } from "./index3.js";
-import { d as Y } from "./index15.js";
-import { w as Z, q as $ } from "./hooks-DHRXtbBc.js";
-const ee = /* @__PURE__ */ G("div")({
+import { jsx as m, jsxs as F } from "react/jsx-runtime";
+import { h as z } from "./index7.js";
+import { useEffect as I, useState as B, useRef as T, useMemo as J, useCallback as O, Component as Z } from "react";
+import { s as _, u as N, c as V } from "./feature.js";
+import { e as L } from "./index3.js";
+import { d as Q } from "./index15.js";
+import { w as X, q as Y } from "./hooks-DHRXtbBc.js";
+const $ = /* @__PURE__ */ _("div")({
   name: "PauseAdOverlay",
   class: "pw9gih8",
   propsAsIs: !1
-}), te = /* @__PURE__ */ G("div")({
+}), ee = /* @__PURE__ */ _("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
   propsAsIs: !1
-}), re = /* @__PURE__ */ G("div")({
+}), te = /* @__PURE__ */ _("div")({
   name: "PauseAdBottomLeft",
   class: "pv7u167",
   propsAsIs: !1
-}), ae = /* @__PURE__ */ G("button")({
+}), re = /* @__PURE__ */ _("button")({
   name: "PauseAdPlayButton",
   class: "p1kh2yb0",
   propsAsIs: !1
-}), se = /* @__PURE__ */ G("div")({
+}), ae = /* @__PURE__ */ _("div")({
   name: "PauseAdSidebarGradient",
   class: "pl8f94x",
   propsAsIs: !1
-}), ne = /* @__PURE__ */ G("div")({
+}), se = /* @__PURE__ */ _("div")({
   name: "PauseAdSidebar",
   class: "p1m6zmrt",
   propsAsIs: !1
-}), z = /* @__PURE__ */ G("img")({
+}), K = /* @__PURE__ */ _("img")({
   name: "ExternalAdContainer",
   class: "em3vwfa",
   propsAsIs: !1
-}), de = /* @__PURE__ */ G("iframe")({
+}), ne = /* @__PURE__ */ _("iframe")({
   name: "GptAdIframe",
   class: "g1tibuhw",
   propsAsIs: !1
-}), oe = ({
+}), de = ({
   vastUrl: s,
-  isDesktop: p,
-  content: t
-}) => (w(() => {
-  t.imageSrc && t.id && D.emit("exposedPauseAd", {
+  isDesktop: h,
+  content: r
+}) => (I(() => {
+  r.imageSrc && r.id && L.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
-      id: t.id,
-      parentId: t.parentId
+      id: r.id,
+      parentId: r.parentId
     }
   });
-}, [t, s]), t?.imageSrc ? !t.adUrl || !p ? /* @__PURE__ */ c(z, { src: t.imageSrc }) : /* @__PURE__ */ c(
+}, [r, s]), r?.imageSrc ? !r.adUrl || !h ? /* @__PURE__ */ m(K, { src: r.imageSrc }) : /* @__PURE__ */ m(
   "a",
   {
     onClick: () => {
-      D.emit("exposedPauseAd", {
+      L.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
-          id: t.id,
-          parentId: t.parentId
+          id: r.id,
+          parentId: r.parentId
         }
       });
     },
-    href: t.adUrl,
+    href: r.adUrl,
     target: "_blank",
     rel: "noopener noreferrer",
-    children: /* @__PURE__ */ c(z, { src: t.imageSrc })
+    children: /* @__PURE__ */ m(K, { src: r.imageSrc })
   }
-) : null), ie = ({
+) : null), oe = ({
   vastUrl: s,
-  sdk: p,
-  onLoaded: t,
-  onReady: u,
-  product: v,
-  platform: m,
-  platformtype: y,
-  pagetype: x,
-  content: A,
-  adWidth: n,
-  adHeight: S,
-  rdid: i,
-  idtype: R,
-  npa: W,
-  isLat: C,
-  targeting: b,
-  containerRef: M
+  sdk: h,
+  onLoaded: r,
+  product: o,
+  platform: P,
+  platformtype: f,
+  pagetype: y,
+  content: w,
+  adWidth: k,
+  adHeight: d,
+  rdid: b,
+  idtype: i,
+  npa: C,
+  isLat: G,
+  targeting: U,
+  containerRef: D
 }) => {
-  const { production: d } = V(p.options), T = V(p.deviceId), [l, h] = j(!1), [r, L] = j({ width: 0, height: 0 }), [f, U] = j({ width: 0, height: 0 }), g = _(null), P = J(() => {
+  const { production: E } = N(h.options), l = N(h.deviceId), [W, n] = B(!1), [g, a] = B({ width: 0, height: 0 }), [c, R] = B({ width: 0, height: 0 }), S = T(null), u = J(() => {
     const e = new URLSearchParams();
-    return v && e.set("product", v), m && e.set("platform", m), y && e.set("platformtype", y), x && e.set("pagetype", x), A && e.set("content", A), n && e.set("width", n.toString()), S && e.set("height", S.toString()), W != null && e.set("npa", W.toString()), C != null && e.set("is_lat", C.toString()), b && e.set("targeting", new URLSearchParams(b).toString()), T && (e.set("rdid", T), e.set("idtype", "uuid")), i && e.set("rdid", i), R && e.set("idtype", R), s.startsWith("http") ? e.set("url", s) : e.set("slot", s), `https://${d ? "bell-ad.streamlayer.io" : "bell-ad-test.streamlayer.io"}?${e.toString()}`;
+    return o && e.set("product", o), P && e.set("platform", P), f && e.set("platformtype", f), y && e.set("pagetype", y), w && e.set("content", w), k && e.set("width", k.toString()), d && e.set("height", d.toString()), C != null && e.set("npa", C.toString()), G != null && e.set("is_lat", G.toString()), U && e.set("targeting", new URLSearchParams(U).toString()), l && (e.set("rdid", l), e.set("idtype", "uuid")), b && e.set("rdid", b), i && e.set("idtype", i), s.startsWith("http") ? e.set("url", s) : e.set("slot", s), `https://${E ? "bell-ad.streamlayer.io" : "bell-ad-test.streamlayer.io"}?${e.toString()}`;
   }, [
     s,
-    v,
-    m,
+    o,
+    P,
+    f,
     y,
-    x,
-    A,
-    n,
-    S,
-    W,
+    w,
+    k,
+    d,
     C,
-    i,
-    R,
+    G,
     b,
-    T,
-    d
+    i,
+    U,
+    l,
+    E
   ]);
-  w(() => {
-    const e = M.current;
+  I(() => {
+    u && (L.emit("exposedPauseAd", {
+      action: "load",
+      payload: {}
+    }), n(!1));
+  }, [u]), I(() => {
+    const e = D.current;
     if (!e) return;
-    const a = new ResizeObserver(([k]) => {
-      const { width: I, height: O } = k.contentRect;
-      L({ width: Math.round(I), height: Math.round(O) });
+    const t = new ResizeObserver(([x]) => {
+      const { width: A, height: j } = x.contentRect;
+      a({ width: Math.round(A), height: Math.round(j) });
     });
-    return a.observe(e), () => a.disconnect();
-  }, [M]), w(() => {
-    const e = (a) => {
-      const k = d ? "https://bell-ad.streamlayer.io" : "https://bell-ad-test.streamlayer.io";
-      a.origin === k && a.data.id === "slGptAdCb" && (g.current && a.source !== g.current.contentWindow || (a.data?.type === "slGptAdLoaded" && (h(!0), t?.({
-        id: a.data.creativeId,
-        parentId: a.data.advertiserId,
-        width: a.data.width,
-        height: a.data.height
-      }), U({ width: a.data.width, height: a.data.height })), a.data?.type === "slGptAdReady" && u?.({
-        id: a.data.creativeId,
-        parentId: a.data.advertiserId
+    return t.observe(e), () => t.disconnect();
+  }, [D]), I(() => {
+    const e = (t) => {
+      const x = E ? "https://bell-ad.streamlayer.io" : "https://bell-ad-test.streamlayer.io";
+      t.origin === x && t.data.id === "slGptAdCb" && (S.current && t.source !== S.current.contentWindow || (t.data?.type === "slGptAdLoaded" && (n(!0), r?.({
+        id: t.data.creativeId,
+        parentId: t.data.advertiserId,
+        width: t.data.width,
+        height: t.data.height
+      }), R({ width: t.data.width, height: t.data.height }), L.emit("exposedPauseAd", {
+        action: "rendered",
+        payload: {
+          id: t.data.creativeId,
+          parentId: t.data.advertiserId
+        }
+      })), t.data?.type === "slGptAdReady" && L.emit("exposedPauseAd", {
+        action: "loaded",
+        payload: {
+          id: t.data.creativeId,
+          parentId: t.data.advertiserId
+        }
       })));
     };
-    return window.addEventListener("message", e), () => window.removeEventListener("message", e);
-  }, [t, u, d]);
-  const E = f.width > 0 && f.height > 0 ? Math.min(r.width / f.width, r.height / f.height) : 1;
-  return /* @__PURE__ */ c("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ c(
-    de,
+    return S.current?.setAttribute("allowtransparency", "true"), window.addEventListener("message", e), () => window.removeEventListener("message", e);
+  }, [r, E]);
+  const p = c.width > 0 && c.height > 0 ? Math.min(g.width / c.width, g.height / c.height) : 1;
+  return /* @__PURE__ */ m("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ m(
+    ne,
     {
-      ref: g,
-      src: P,
+      ref: S,
+      src: u,
       scrolling: "no",
       allow: "attribution-reporting",
-      allowTransparency: !0,
       style: {
-        opacity: l ? 1 : 0,
-        width: f.width,
-        height: f.height,
+        opacity: W ? 1 : 0,
+        width: c.width,
+        height: c.height,
         transformOrigin: "0 0",
-        transform: `scale(${E})`
+        transform: `scale(${p})`
       }
     }
   ) });
-}, le = ({
+}, ie = ({
   sdk: s,
-  isClosing: p,
-  adContent: t,
-  externalPauseAdStore: u,
-  onPlay: v,
-  onClose: m,
+  isClosing: h,
+  adContent: r,
+  externalPauseAdStore: o,
+  onPlay: P,
+  onClose: f,
   onGptAdLoaded: y,
-  onGptAdReady: x,
-  vastUrl: A,
-  product: n,
-  platform: S,
-  platformtype: i,
-  pagetype: R,
-  content: W,
-  adWidth: C,
-  adHeight: b,
-  npa: M,
-  isLat: d,
-  targeting: T,
-  options: l,
-  isDesktop: h,
-  isGptAd: r,
-  rdid: L,
-  idtype: f,
-  gptAdLoaded: U
+  vastUrl: w,
+  product: k,
+  platform: d,
+  platformtype: b,
+  pagetype: i,
+  content: C,
+  adWidth: G,
+  adHeight: U,
+  npa: D,
+  isLat: E,
+  targeting: l,
+  options: W,
+  isDesktop: n,
+  isGptAd: g,
+  rdid: a,
+  idtype: c,
+  gptAdLoaded: R
 }) => {
-  const g = l?.showPauseButton ?? !0, P = _(null), { ref: E, focusSelf: e } = Y.useFocusable({
+  const S = W?.showPauseButton ?? !0, u = T(null), { ref: p, focusSelf: e } = Q.useFocusable({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: v,
+    onEnterRelease: P,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return w(() => () => {
-    u.revalidate();
-  }, [u]), w(() => {
-    E.current && e();
-  }, [E, e]), w(() => {
-    if (!m)
+  return I(() => () => {
+    o.revalidate();
+  }, [o]), I(() => {
+    p.current && e();
+  }, [p, e]), I(() => {
+    if (!f)
       return () => {
       };
-    const a = (k) => {
-      const I = k.keyCode;
-      if (I === 461 || I === 10009 || I === 27 || I === 8) {
-        k.preventDefault(), k.stopPropagation(), k.stopImmediatePropagation(), m();
+    const t = (x) => {
+      const A = x.keyCode;
+      if (A === 461 || A === 10009 || A === 27 || A === 8) {
+        x.preventDefault(), x.stopPropagation(), x.stopImmediatePropagation(), f();
         return;
       }
     };
-    return window.addEventListener("keydown", a, { capture: !0 }), () => window.removeEventListener("keydown", a, { capture: !0 });
-  }, [m]), /* @__PURE__ */ c(
-    ee,
+    return window.addEventListener("keydown", t, { capture: !0 }), () => window.removeEventListener("keydown", t, { capture: !0 });
+  }, [f]), /* @__PURE__ */ m(
+    $,
     {
-      className: K("SL_PauseAd", p && "pause-ad-closing", r && !U && "pause-ad-preloading"),
-      children: /* @__PURE__ */ N(te, { children: [
-        g && /* @__PURE__ */ c(re, { children: /* @__PURE__ */ c(
-          ae,
+      className: V("SL_PauseAd", h && "pause-ad-closing", g && !R && "pause-ad-preloading"),
+      children: /* @__PURE__ */ F(ee, { children: [
+        S && /* @__PURE__ */ m(te, { children: /* @__PURE__ */ m(
+          re,
           {
-            ref: E,
-            onClick: v,
-            onMouseEnter: () => E.current.focus(),
+            ref: p,
+            onClick: P,
+            onMouseEnter: () => p.current.focus(),
             "aria-label": "Resume playback"
           }
         ) }),
-        /* @__PURE__ */ c(se, { className: K("SL_PauseAdSidebar", h && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ N(ne, { ref: P, className: K(h && "SL_PauseAdSidebar__content--desktop"), children: [
-          r && A && /* @__PURE__ */ c(
-            ie,
+        /* @__PURE__ */ m(ae, { className: V("SL_PauseAdSidebar", n && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ F(se, { ref: u, className: V(n && "SL_PauseAdSidebar__content--desktop"), children: [
+          g && w && /* @__PURE__ */ m(
+            oe,
             {
-              vastUrl: A,
-              isDesktop: h,
-              product: n,
-              platform: S,
-              platformtype: i,
-              pagetype: R,
-              content: W,
-              adWidth: C,
-              adHeight: b,
-              npa: M,
-              isLat: d,
-              rdid: L,
-              idtype: f,
-              targeting: T,
-              containerRef: P,
+              vastUrl: w,
+              isDesktop: n,
+              product: k,
+              platform: d,
+              platformtype: b,
+              pagetype: i,
+              content: C,
+              adWidth: G,
+              adHeight: U,
+              npa: D,
+              isLat: E,
+              rdid: a,
+              idtype: c,
+              targeting: l,
+              containerRef: u,
               onLoaded: y,
-              onReady: x,
               sdk: s
             }
           ),
-          !r && A && t && /* @__PURE__ */ c(oe, { content: t, isDesktop: h, vastUrl: A })
+          !g && w && r && /* @__PURE__ */ m(de, { content: r, isDesktop: n, vastUrl: w })
         ] }) })
       ] })
     }
   );
-}, ce = (s) => {
+}, le = (s) => {
   if (!s) return !1;
   try {
     return s.startsWith("http") ? new URL(s).searchParams.get("output") === "ldjh" : !0;
   } catch {
     return !1;
   }
-}, pe = ({ showPauseAd: s, externalUrls: p, vastUrls: t, sdk: u, onClose: v, onRender: m, options: y, isDesktop: x }) => {
-  const A = p ?? t, n = y?.pauseAdDelay ?? 0, S = y?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [i, R] = j(!1), [W, C] = j(!1), [b, M] = j(!1), d = _(), T = _(), l = A?.[0], h = l?.url, r = ce(h), L = _(h), f = _(""), U = _(""), g = _(null);
-  L.current = h;
-  const [P, E] = u.advertisement.getExternalPauseAd(r ? "" : h, {
-    refetchInterval: S,
-    $enabled: !r && (n === 0 || !!s),
-    prefetch: !r && n === 0 && S > 0
-  }), e = V(P), a = H((o) => {
-    g.current = { id: o.id, parentId: o.parentId }, M(!0);
-  }, []), k = H((o) => {
-    D.emit("exposedPauseAd", {
-      action: "rendered",
-      payload: {
-        id: o.id,
-        parentId: o.parentId
-      }
-    });
-  }, []), I = H(() => {
-    if (v) {
-      if (U.current = L.current, r)
-        D.emit("exposedPauseAd", {
+}, ce = ({ showPauseAd: s, externalUrls: h, vastUrls: r, sdk: o, onClose: P, onRender: f, options: y, isDesktop: w }) => {
+  const k = h ?? r, d = y?.pauseAdDelay ?? 0, b = y?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [i, C] = B(!1), [G, U] = B(!1), [D, E] = B(!1), l = T(), W = T(), n = k?.[0], g = n?.url, a = le(g), c = T(g), R = T(""), S = T(""), u = T(null);
+  c.current = g;
+  const [p, e] = o.advertisement.getExternalPauseAd(a ? "" : g, {
+    refetchInterval: b,
+    $enabled: !a && (d === 0 || !!s),
+    prefetch: !a && d === 0 && b > 0
+  }), t = N(p), x = O((v) => {
+    u.current = { id: v.id, parentId: v.parentId }, E(!0);
+  }, []), A = O(() => {
+    if (P) {
+      if (S.current = c.current, a)
+        L.emit("exposedPauseAd", {
           action: "closed",
-          payload: g.current ? {
-            id: g.current.id,
-            parentId: g.current.parentId
+          payload: u.current ? {
+            id: u.current.id,
+            parentId: u.current.parentId
           } : {}
         });
       else {
-        const o = P.get().data;
-        D.emit("exposedPauseAd", {
+        const v = p.get().data;
+        L.emit("exposedPauseAd", {
           action: "closed",
-          payload: o?.url === U.current ? {
-            id: o?.id,
-            parentId: o?.parentId
+          payload: v?.url === S.current ? {
+            id: v?.id,
+            parentId: v?.parentId
           } : {}
         });
       }
-      v();
+      P();
     }
-  }, [v, P, r]), O = H(() => {
-    u.controlVideoPlayer({ play: !0 });
-  }, [u]);
-  w(() => {
-    !r && E === L.current && e.error && (clearTimeout(d.current), I?.());
-  }, [e, r, I, E]), w(() => {
-    if (s && h) {
-      if (f.current = L.current, U.current = "", r)
-        g.current = null, M(!1), D.emit("exposedPauseAd", {
+  }, [P, p, a]), j = O(() => {
+    o.controlVideoPlayer({ play: !0 });
+  }, [o]);
+  I(() => {
+    !a && e === c.current && t.error && (clearTimeout(l.current), A?.());
+  }, [t, a, A, e]), I(() => {
+    if (s && g) {
+      if (R.current = c.current, S.current = "", a)
+        u.current = null, E(!1), L.emit("exposedPauseAd", {
           action: "enabled",
           payload: {}
         });
       else {
-        const B = P.get().data;
-        D.emit("exposedPauseAd", {
+        const M = p.get().data;
+        L.emit("exposedPauseAd", {
           action: "enabled",
-          payload: B?.url === f.current ? {
-            id: B?.id,
-            parentId: B?.parentId
+          payload: M?.url === R.current ? {
+            id: M?.id,
+            parentId: M?.parentId
           } : {}
         });
       }
-      const o = () => {
-        if (r) {
-          clearTimeout(d.current), C(!1), R(!0);
+      const v = () => {
+        if (a) {
+          clearTimeout(l.current), U(!1), C(!0);
           return;
         }
-        const B = P.get(), F = B.data;
-        (!F || F?.url === L.current) && (!B.loading && F?.imageSrc ? (clearTimeout(d.current), C(!1), R(!0)) : B.loading && (d.current = setTimeout(() => {
-          o();
+        const M = p.get(), H = M.data;
+        (!H || H?.url === c.current) && (!M.loading && H?.imageSrc ? (clearTimeout(l.current), U(!1), C(!0)) : M.loading && (l.current = setTimeout(() => {
+          v();
         }, 200)));
       };
-      clearTimeout(d.current), d.current = setTimeout(() => {
-        o();
-      }, n);
+      clearTimeout(l.current), l.current = setTimeout(() => {
+        v();
+      }, d);
     } else {
-      if (U.current !== L.current && (U.current = "", f.current !== "")) {
-        if (r)
-          D.emit("exposedPauseAd", {
+      if (S.current !== c.current && (S.current = "", R.current !== "")) {
+        if (a)
+          L.emit("exposedPauseAd", {
             action: "disabled",
-            payload: g.current ? {
-              id: g.current.id,
-              parentId: g.current.parentId
+            payload: u.current ? {
+              id: u.current.id,
+              parentId: u.current.parentId
             } : {}
           });
         else {
-          const o = P.get().data;
-          D.emit("exposedPauseAd", {
+          const v = p.get().data;
+          L.emit("exposedPauseAd", {
             action: "disabled",
-            payload: f.current === o?.url ? {
-              id: o?.id,
-              parentId: o?.parentId
+            payload: R.current === v?.url ? {
+              id: v?.id,
+              parentId: v?.parentId
             } : {}
           });
         }
-        f.current = "";
+        R.current = "";
       }
-      C(!0), d.current = setTimeout(() => {
-        R(!1);
+      U(!0), l.current = setTimeout(() => {
+        C(!1);
       }, 400);
     }
     return () => {
-      d.current && clearTimeout(d.current);
+      l.current && clearTimeout(l.current);
     };
-  }, [P, r, I, n, s, h]), w(() => (i && r && !b ? T.current = setTimeout(() => {
-    I?.();
-  }, 1e4) : clearTimeout(T.current), () => clearTimeout(T.current)), [i, r, b, I]);
-  const q = i && (!r || b);
-  return w(() => {
-    m?.({ rendered: q });
-  }, [q, m]), w(() => () => {
-    m?.({ rendered: !1 });
-  }, [m]), !i || !r && !e.data ? null : /* @__PURE__ */ c(
-    le,
+  }, [p, a, A, d, s, g]), I(() => (i && a && !D ? W.current = setTimeout(() => {
+    A?.();
+  }, 1e4) : clearTimeout(W.current), () => clearTimeout(W.current)), [i, a, D, A]);
+  const q = i && (!a || D);
+  return I(() => {
+    f?.({ rendered: q });
+  }, [q, f]), I(() => () => {
+    f?.({ rendered: !1 });
+  }, [f]), !i || !a && !t.data ? null : /* @__PURE__ */ m(
+    ie,
     {
-      onClose: I,
-      isClosing: W,
-      onPlay: O,
-      vastUrl: h,
-      product: l?.product,
-      platform: l?.platform,
-      platformtype: l?.platformtype,
-      pagetype: l?.pagetype,
-      content: l?.content,
-      adWidth: l?.adWidth,
-      adHeight: l?.adHeight,
-      npa: l?.npa,
-      isLat: l?.is_lat,
-      targeting: l?.targeting,
+      onClose: A,
+      isClosing: G,
+      onPlay: j,
+      vastUrl: g,
+      product: n?.product,
+      platform: n?.platform,
+      platformtype: n?.platformtype,
+      pagetype: n?.pagetype,
+      content: n?.content,
+      adWidth: n?.adWidth,
+      adHeight: n?.adHeight,
+      npa: n?.npa,
+      isLat: n?.is_lat,
+      targeting: n?.targeting,
       options: y,
-      isDesktop: x,
-      isGptAd: r,
-      gptAdLoaded: b,
-      onGptAdLoaded: a,
-      onGptAdReady: k,
-      externalPauseAdStore: P,
-      adContent: e.data,
-      sdk: u
+      isDesktop: w,
+      isGptAd: a,
+      gptAdLoaded: D,
+      onGptAdLoaded: x,
+      externalPauseAdStore: p,
+      adContent: t.data,
+      sdk: o
     }
   );
 }, ue = ({
   showPauseAd: s,
-  pauseAdExternalUrls: p,
-  pauseAdVastUrl: t,
-  videoPlayerController: u,
-  onRenderPauseAd: v,
-  onClosePauseAd: m,
+  pauseAdExternalUrls: h,
+  pauseAdVastUrl: r,
+  videoPlayerController: o,
+  onRenderPauseAd: P,
+  onClosePauseAd: f,
   children: y,
-  options: x
+  options: w
 }) => {
-  const A = p ?? t, n = Z(), S = $(), i = _();
-  return w(() => n ? (u && (i.current = u, n.addVideoPlayerController(i.current)), () => {
-    i.current && n.removeVideoPlayerController(i.current);
+  const k = h ?? r, d = X(), b = Y(), i = T();
+  return I(() => d ? (o && (i.current = o, d.addVideoPlayerController(i.current)), () => {
+    i.current && d.removeVideoPlayerController(i.current);
   }) : () => {
-  }, [n, u]), n ? /* @__PURE__ */ c("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ N(
-    Q,
+  }, [d, o]), d ? /* @__PURE__ */ m("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ F(
+    z,
     {
       style: y ? { position: "relative" } : {},
-      customTheme: S.theme,
-      themeMode: S.themeMode,
+      customTheme: b.theme,
+      themeMode: b.themeMode,
       children: [
         y,
-        A && /* @__PURE__ */ c(
-          pe,
+        k && /* @__PURE__ */ m(
+          ce,
           {
-            sdk: n,
+            sdk: d,
             showPauseAd: s,
-            externalUrls: A,
-            onClose: m,
-            onRender: v,
-            options: x,
+            externalUrls: k,
+            onClose: f,
+            onRender: P,
+            options: w,
             isDesktop: !0
           }
         )
@@ -422,20 +423,20 @@ const ee = /* @__PURE__ */ G("div")({
     }
   ) }) : y;
 };
-class Ie extends X {
-  constructor(p) {
-    super(p), this.state = { hasError: !1 };
+class ve extends Z {
+  constructor(h) {
+    super(h), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(p, t) {
-    console.error(p, t.componentStack);
+  componentDidCatch(h, r) {
+    console.error(h, r.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ c(ue, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ m(ue, { ...this.props });
   }
 }
 export {
-  Ie as StreamLayerPauseAd
+  ve as StreamLayerPauseAd
 };