@streamlayer/react 1.24.8-pre.11da316 → 1.24.8-pre.a96f156

package/lib/es/pause-ad.js

@@ -1,232 +1,442 @@
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { h as F } from "./index7.js";
-import { useEffect as i, useState as _, useRef as g, useCallback as R, Component as M } from "react";
-import { s as h, c as D, u as j } from "./feature.js";
-import { e as k } from "./index3.js";
-import { d as K } from "./index15.js";
-import { w as V, q } from "./hooks-42q2i9Iw.js";
-const z = /* @__PURE__ */ h("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
-}), G = /* @__PURE__ */ h("div")({
+}), ee = /* @__PURE__ */ _("div")({
   name: "PauseAdContent",
   class: "p8lpomy",
   propsAsIs: !1
-}), H = /* @__PURE__ */ h("div")({
+}), te = /* @__PURE__ */ _("div")({
   name: "PauseAdBottomLeft",
   class: "pv7u167",
   propsAsIs: !1
-}), O = /* @__PURE__ */ h("button")({
+}), re = /* @__PURE__ */ _("button")({
   name: "PauseAdPlayButton",
   class: "p1kh2yb0",
   propsAsIs: !1
-}), J = /* @__PURE__ */ h("div")({
+}), ae = /* @__PURE__ */ _("div")({
   name: "PauseAdSidebarGradient",
   class: "pl8f94x",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ h("div")({
+}), se = /* @__PURE__ */ _("div")({
   name: "PauseAdSidebar",
   class: "p1m6zmrt",
   propsAsIs: !1
-}), U = /* @__PURE__ */ h("img")({
+}), K = /* @__PURE__ */ _("img")({
   name: "ExternalAdContainer",
   class: "em3vwfa",
   propsAsIs: !1
-}), W = ({
-  vastUrl: d,
-  isDesktop: n,
-  content: e
-}) => (i(() => {
-  e.imageSrc && e.id && k.emit("exposedPauseAd", {
+}), ne = /* @__PURE__ */ _("iframe")({
+  name: "GptAdIframe",
+  class: "g1tibuhw",
+  propsAsIs: !1
+}), de = ({
+  vastUrl: s,
+  isDesktop: h,
+  content: r
+}) => (I(() => {
+  r.imageSrc && r.id && L.emit("exposedPauseAd", {
     action: "rendered",
     payload: {
-      id: e.id,
-      parentId: e.parentId
+      id: r.id,
+      parentId: r.parentId
     }
   });
-}, [e, d]), e?.imageSrc ? !e.adUrl || !n ? /* @__PURE__ */ a(U, { src: e.imageSrc }) : /* @__PURE__ */ a(
+}, [r, s]), r?.imageSrc ? !r.adUrl || !h ? /* @__PURE__ */ m(K, { src: r.imageSrc }) : /* @__PURE__ */ m(
   "a",
   {
     onClick: () => {
-      k.emit("exposedPauseAd", {
+      L.emit("exposedPauseAd", {
         action: "navigated",
         payload: {
-          id: e.id,
-          parentId: e.parentId
+          id: r.id,
+          parentId: r.parentId
         }
       });
     },
-    href: e.adUrl,
+    href: r.adUrl,
     target: "_blank",
     rel: "noopener noreferrer",
-    children: /* @__PURE__ */ a(U, { src: e.imageSrc })
+    children: /* @__PURE__ */ m(K, { src: r.imageSrc })
   }
-) : null), X = ({ isClosing: d, content: n, externalPauseAdStore: e, onPlay: l, onClose: u, vastUrl: c, options: v, isDesktop: r }) => {
-  const m = v?.showPauseButton ?? !0, { ref: t, focusSelf: y } = K.useFocusable({
+) : null), oe = ({
+  vastUrl: s,
+  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: 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 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,
+    o,
+    P,
+    f,
+    y,
+    w,
+    k,
+    d,
+    C,
+    G,
+    b,
+    i,
+    U,
+    l,
+    E
+  ]);
+  I(() => {
+    u && (L.emit("exposedPauseAd", {
+      action: "load",
+      payload: {}
+    }), n(!1));
+  }, [u]), I(() => {
+    const e = D.current;
+    if (!e) return;
+    const t = new ResizeObserver(([x]) => {
+      const { width: A, height: j } = x.contentRect;
+      a({ width: Math.round(A), height: Math.round(j) });
+    });
+    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 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: S,
+      src: u,
+      scrolling: "no",
+      allow: "attribution-reporting",
+      style: {
+        opacity: W ? 1 : 0,
+        width: c.width,
+        height: c.height,
+        transformOrigin: "0 0",
+        transform: `scale(${p})`
+      }
+    }
+  ) });
+}, ie = ({
+  sdk: s,
+  isClosing: h,
+  adContent: r,
+  externalPauseAdStore: o,
+  onPlay: P,
+  onClose: f,
+  onGptAdLoaded: y,
+  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 S = W?.showPauseButton ?? !0, u = T(null), { ref: p, focusSelf: e } = Q.useFocusable({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: l,
+    onEnterRelease: P,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return i(() => () => {
-    e.revalidate();
-  }, [e]), i(() => {
-    t.current && y();
-  }, [t, y]), i(() => {
-    if (!u)
+  return I(() => () => {
+    o.revalidate();
+  }, [o]), I(() => {
+    p.current && e();
+  }, [p, e]), I(() => {
+    if (!f)
       return () => {
       };
-    const b = (f) => {
-      const s = f.keyCode;
-      if (s === 461 || s === 10009 || s === 27 || s === 8) {
-        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation(), u();
+    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", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
-  }, [u]), /* @__PURE__ */ a(z, { className: D("SL_PauseAd", d && "pause-ad-closing"), children: /* @__PURE__ */ B(G, { children: [
-    m && /* @__PURE__ */ a(H, { children: /* @__PURE__ */ a(
-      O,
-      {
-        ref: t,
-        onClick: l,
-        onMouseEnter: () => t.current.focus(),
-        "aria-label": "Resume playback"
+    return window.addEventListener("keydown", t, { capture: !0 }), () => window.removeEventListener("keydown", t, { capture: !0 });
+  }, [f]), /* @__PURE__ */ m(
+    $,
+    {
+      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: p,
+            onClick: P,
+            onMouseEnter: () => p.current.focus(),
+            "aria-label": "Resume playback"
+          }
+        ) }),
+        /* @__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: 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,
+              sdk: s
+            }
+          ),
+          !g && w && r && /* @__PURE__ */ m(de, { content: r, isDesktop: n, vastUrl: w })
+        ] }) })
+      ] })
+    }
+  );
+}, le = (s) => {
+  if (!s) return !1;
+  try {
+    return s.startsWith("http") ? new URL(s).searchParams.get("output") === "ldjh" : !0;
+  } catch {
+    return !1;
+  }
+}, 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: u.current ? {
+            id: u.current.id,
+            parentId: u.current.parentId
+          } : {}
+        });
+      else {
+        const v = p.get().data;
+        L.emit("exposedPauseAd", {
+          action: "closed",
+          payload: v?.url === S.current ? {
+            id: v?.id,
+            parentId: v?.parentId
+          } : {}
+        });
       }
-    ) }),
-    /* @__PURE__ */ a(J, { className: D("SL_PauseAdSidebar", r && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ a(Q, { className: D(r && "SL_PauseAdSidebar__content--desktop"), children: c && /* @__PURE__ */ a(W, { content: n, isDesktop: r, vastUrl: c }) }) })
-  ] }) });
-}, Y = ({ showPauseAd: d, vastUrls: n, sdk: e, onClose: l, onRender: u, options: c, isDesktop: v }) => {
-  const r = c?.pauseAdDelay ?? 0, m = c?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [t, y] = _(!1), [b, f] = _(!1), s = g(), P = n?.[0].url, A = g(P), S = g(""), I = g("");
-  A.current = P;
-  const [p, L] = e.advertisement.getExternalPauseAd(P, {
-    refetchInterval: m,
-    $enabled: r === 0 || !!d,
-    prefetch: r === 0 && m > 0
-  }), x = j(p), C = R(() => {
-    if (l) {
-      I.current = A.current;
-      const o = p.get().data;
-      k.emit("exposedPauseAd", {
-        action: "closed",
-        payload: o?.url === I.current ? {
-          id: o?.id,
-          parentId: o?.parentId
-        } : {}
-      }), l();
+      P();
     }
-  }, [l, p]), N = R(() => {
-    e.controlVideoPlayer({ play: !0 });
-  }, [e]);
-  return i(() => {
-    L === A.current && x.error && (clearTimeout(s.current), C?.());
-  }, [x, C, L]), i(() => {
-    if (d && P) {
-      S.current = A.current, I.current = "";
-      const o = p.get().data;
-      k.emit("exposedPauseAd", {
-        action: "enabled",
-        payload: o?.url === S.current ? {
-          id: o?.id,
-          parentId: o?.parentId
-        } : {}
-      });
-      const T = () => {
-        const E = p.get(), w = E.data;
-        (!w || w?.url === A.current) && (!E.loading && w?.imageSrc ? (clearTimeout(s.current), f(!1), y(!0)) : E.loading && (s.current = setTimeout(() => {
-          T();
+  }, [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 M = p.get().data;
+        L.emit("exposedPauseAd", {
+          action: "enabled",
+          payload: M?.url === R.current ? {
+            id: M?.id,
+            parentId: M?.parentId
+          } : {}
+        });
+      }
+      const v = () => {
+        if (a) {
+          clearTimeout(l.current), U(!1), C(!0);
+          return;
+        }
+        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(s.current), s.current = setTimeout(() => {
-        T();
-      }, r);
+      clearTimeout(l.current), l.current = setTimeout(() => {
+        v();
+      }, d);
     } else {
-      if (I.current !== A.current) {
-        const o = p.get().data;
-        I.current = "", S.current !== "" && (k.emit("exposedPauseAd", {
-          action: "disabled",
-          payload: S.current === o?.url ? {
-            id: o?.id,
-            parentId: o?.parentId
-          } : {}
-        }), S.current = "");
+      if (S.current !== c.current && (S.current = "", R.current !== "")) {
+        if (a)
+          L.emit("exposedPauseAd", {
+            action: "disabled",
+            payload: u.current ? {
+              id: u.current.id,
+              parentId: u.current.parentId
+            } : {}
+          });
+        else {
+          const v = p.get().data;
+          L.emit("exposedPauseAd", {
+            action: "disabled",
+            payload: R.current === v?.url ? {
+              id: v?.id,
+              parentId: v?.parentId
+            } : {}
+          });
+        }
+        R.current = "";
       }
-      f(!0), s.current = setTimeout(() => {
-        y(!1);
+      U(!0), l.current = setTimeout(() => {
+        C(!1);
       }, 400);
     }
     return () => {
-      s.current && clearTimeout(s.current);
+      l.current && clearTimeout(l.current);
     };
-  }, [p, C, r, d, P]), i(() => {
-    u?.({ rendered: t });
-  }, [t, u]), i(() => () => {
-    u?.({ rendered: !1 });
-  }, [u]), !t || !x.data ? null : /* @__PURE__ */ a(
-    X,
+  }, [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: C,
-      isClosing: b,
-      onPlay: N,
-      vastUrl: P,
-      options: c,
-      isDesktop: v,
+      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: w,
+      isGptAd: a,
+      gptAdLoaded: D,
+      onGptAdLoaded: x,
       externalPauseAdStore: p,
-      content: x.data
+      adContent: t.data,
+      sdk: o
     }
   );
-}, Z = ({
-  showPauseAd: d,
-  pauseAdVastUrl: n,
-  videoPlayerController: e,
-  onRenderPauseAd: l,
-  onClosePauseAd: u,
-  children: c,
-  options: v
+}, ue = ({
+  showPauseAd: s,
+  pauseAdExternalUrls: h,
+  pauseAdVastUrl: r,
+  videoPlayerController: o,
+  onRenderPauseAd: P,
+  onClosePauseAd: f,
+  children: y,
+  options: w
 }) => {
-  const r = V(), m = q(), t = g();
-  return i(() => r ? (e && (t.current = e, r.addVideoPlayerController(t.current)), () => {
-    t.current && r.removeVideoPlayerController(t.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);
   }) : () => {
-  }, [r, e]), r ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ B(
-    F,
+  }, [d, o]), d ? /* @__PURE__ */ m("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ F(
+    z,
     {
-      style: c ? { position: "relative" } : {},
-      customTheme: m.theme,
-      themeMode: m.themeMode,
+      style: y ? { position: "relative" } : {},
+      customTheme: b.theme,
+      themeMode: b.themeMode,
       children: [
-        c,
-        n && /* @__PURE__ */ a(
-          Y,
+        y,
+        k && /* @__PURE__ */ m(
+          ce,
           {
-            sdk: r,
-            showPauseAd: d,
-            vastUrls: n,
-            onClose: u,
-            onRender: l,
-            options: v,
+            sdk: d,
+            showPauseAd: s,
+            externalUrls: k,
+            onClose: f,
+            onRender: P,
+            options: w,
             isDesktop: !0
           }
         )
       ]
     }
-  ) }) : c;
+  ) }) : y;
 };
-class oe extends M {
-  constructor(n) {
-    super(n), this.state = { hasError: !1 };
+class ve extends Z {
+  constructor(h) {
+    super(h), this.state = { hasError: !1 };
   }
   static getDerivedStateFromError() {
     return { hasError: !0 };
   }
-  componentDidCatch(n, e) {
-    console.error(n, e.componentStack);
+  componentDidCatch(h, r) {
+    console.error(h, r.componentStack);
   }
   render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(Z, { ...this.props });
+    return this.state.hasError ? this.props.children : /* @__PURE__ */ m(ue, { ...this.props });
   }
 }
 export {
-  oe as StreamLayerPauseAd
+  ve as StreamLayerPauseAd
 };

package/lib/es/points.js

@@ -7,7 +7,7 @@ import { p as h } from "./index11.js";
 import { m as y } from "./theme.js";
 import { M as S } from "./index5.js";
 import { S as v } from "./useStreamLayerApp2.js";
-import { w as g, q as A } from "./hooks-42q2i9Iw.js";
+import { w as g, q as A } from "./hooks-DHRXtbBc.js";
 const I = /* @__PURE__ */ o("div")({
   name: "PointsContainer",
   class: "psiob9b",

package/lib/es/polymarket.js

@@ -1,7 +1,7 @@
 import { jsxs as K, jsx as E } from "react/jsx-runtime";
 import { h as fs } from "./index7.js";
 import { s as k, u as js, c as Vs } from "./feature.js";
-import { z as ds, w as ms, q as ps } from "./hooks-42q2i9Iw.js";
+import { z as ds, w as ms, q as ps } from "./hooks-DHRXtbBc.js";
 import { useRef as Ds, useEffect as Ks } from "react";
 import "./index6.js";
 function _(h) {