@streamlayer/react-ui 1.33.2 → 1.34.0

package/lib/app/app/Polymarket/index.d.ts

@@ -0,0 +1,4 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+export declare const StreamLayerSDKPolymarket: React.FC<{
+    sdk: StreamLayerSDK;
+}>;

package/lib/app/app/Polymarket/index.js

@@ -0,0 +1,56 @@
+import { jsx as s } from "react/jsx-runtime";
+import { styled as y } from "@linaria/react";
+import { useStore as h } from "@streamlayer/react-polyfills";
+import { PolymarketCard as b } from "../../../ui/polymarket/index.js";
+const D = /* @__PURE__ */ y("div")({
+  name: "Container",
+  class: "claeaeg",
+  propsAsIs: !1
+}), P = (e) => /* @__PURE__ */ s(b, {
+  ...e
+}), k = ({
+  sdk: e
+}) => {
+  const o = h(e.polymarket.marketWithSeries);
+  if (!o.data)
+    return null;
+  const i = o.data.outcomes, {
+    teams: n,
+    chartData: m
+  } = i.reduce((r, t) => {
+    const l = t.points[t.points.length - 1], d = l ? l.p * 100 : t.probabilityPct;
+    return r.teams.push({
+      teamName: t.label,
+      probabilityPct: d,
+      teamColor: t.color ?? "",
+      teamLogo: t.rawMetadata.teamLogo ?? "",
+      isDraw: t.type === 2
+    }), r.chartData.push({
+      label: t.label,
+      color: t.rawMetadata.teamColor ?? `#${t.color ?? ""}`,
+      points: t.points
+    }), r;
+  }, {
+    teams: [],
+    chartData: []
+  }), {
+    drawTeam: a,
+    teamsWithoutDraw: p
+  } = n.reduce((r, t) => (t.isDraw ? r.drawTeam = t : r.teamsWithoutDraw.push(t), r), {
+    drawTeam: void 0,
+    teamsWithoutDraw: []
+  });
+  return /* @__PURE__ */ s(D, {
+    children: /* @__PURE__ */ s(P, {
+      logo: "https://cdn-test.streamlayer.io/web-sdk/polymarket.png",
+      volume: o.data.volume,
+      drawProbabilityPct: a == null ? void 0 : a.probabilityPct,
+      drawColor: a == null ? void 0 : a.teamColor,
+      teams: p,
+      chartData: m
+    })
+  });
+};
+export {
+  k as StreamLayerSDKPolymarket
+};

package/lib/app/app/Polymarket/story.d.ts

@@ -0,0 +1,2 @@
+import { DebugProps } from '../../../utils/debug';
+export declare const PolymarketStory: React.FC<DebugProps>;

package/lib/app/app/Polymarket/story.js

@@ -0,0 +1,17 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { d as m, e as s, u } from "../../../hooks-B0Qttldg.js";
+import { useStreamLayerDebug as d } from "../../../utils/debug/index.js";
+import { StreamLayerSDKPolymarket as i } from "./index.js";
+const y = () => {
+  const r = u();
+  return r ? /* @__PURE__ */ t(i, { sdk: r }) : null;
+}, v = ({ sdkKey: r, eventId: o, production: a }) => {
+  const e = d({ sdkKey: r, eventId: o, production: a });
+  return /* @__PURE__ */ n(m, { sdkKey: e.sdkKey, production: e.env === "production", autoEnable: !0, children: [
+    /* @__PURE__ */ t(s, { event: e.event }),
+    /* @__PURE__ */ t(y, {})
+  ] });
+};
+export {
+  v as PolymarketStory
+};

package/lib/app/masters/useSdkResponsive.js

@@ -1,7 +1,7 @@
 import c from "lodash.throttle";
 import { useState as m, useEffect as u } from "react";
 import { BREAKPOINTS as r } from "../../ui/theme/constants.js";
-import { m as p } from "../../index-DSi8Qgfs.js";
+import { m as p } from "../../index-Fv2CC2QU.js";
 const d = Object.keys(r), i = () => {
   const t = window.innerWidth;
   let e = "sm";

package/lib/app/masters/useSdkScroll.js

@@ -2,7 +2,7 @@ import g from "lodash.throttle";
 import { useRef as m, useState as h, useEffect as b } from "react";
 import { useStore as v } from "@streamlayer/react-polyfills";
 import { BREAKPOINTS as d } from "../../ui/theme/constants.js";
-import { m as E } from "../../index-DSi8Qgfs.js";
+import { m as E } from "../../index-Fv2CC2QU.js";
 const y = (e, i, o) => {
   var t;
   (t = e.current) == null || t.scrollTo({

package/lib/app/useSdkResponsive.js

@@ -1,7 +1,7 @@
 import i from "lodash.throttle";
 import { useState as m, useEffect as a } from "react";
 import { BREAKPOINTS as r } from "../ui/theme/constants.js";
-import { m as u } from "../index-DSi8Qgfs.js";
+import { m as u } from "../index-Fv2CC2QU.js";
 const o = Object.keys(r), c = () => {
   const t = window.innerWidth;
   let e = "sm";

package/lib/app/useSdkScroll.js

@@ -3,7 +3,7 @@ import { useRef as u, useState as b, useEffect as g } from "react";
 import { useStore as k } from "@streamlayer/react-polyfills";
 import { BREAKPOINTS as a } from "../ui/theme/constants.js";
 import { checkSdkInDesktopView as m } from "./useSdkResponsive.js";
-import { m as v } from "../index-DSi8Qgfs.js";
+import { m as v } from "../index-Fv2CC2QU.js";
 const I = (o, e, n) => {
   const t = e >= a.lg && e < a.xl ? 75 : 52;
   o.current && window.scrollTo({

package/lib/app/webos/Advertisement/index.js

@@ -1,88 +1,88 @@
-import { jsx as u, jsxs as $ } from "react/jsx-runtime";
+import { jsx as l, jsxs as N } from "react/jsx-runtime";
 import { cx as V } from "@linaria/core";
-import { styled as j } from "@linaria/react";
-import { StreamLayerSDKBannerProvider as q } from "../../app/Banner/index.js";
-import { useAnalyticsListener as H } from "../../../hooks/analytics.js";
-import { useHideTransition as Q } from "../../../hooks/showIn.js";
-import { forwardRef as G, useEffect as _, useRef as z } from "react";
-import { useStore as d } from "@streamlayer/react-polyfills";
+import { styled as $ } from "@linaria/react";
+import { StreamLayerSDKBannerProvider as j } from "../../app/Banner/index.js";
+import { useAnalyticsListener as q } from "../../../hooks/analytics.js";
+import { useHideTransition as H } from "../../../hooks/showIn.js";
+import { forwardRef as Q, useEffect as G, useRef as _ } from "react";
+import { useStore as u } from "@streamlayer/react-polyfills";
 import { eventBus as x } from "@streamlayer/sdk-web-interfaces";
-import { QuestionPosition as C, AdUnit as J, PromotionType as X, FeatureType as Y } from "@streamlayer/sdk-web-types";
-import { useAdvertisementBackground as Z } from "../../../ui/theme/utils.js";
-import { AdvertisementUI as ee } from "./AdvertisementUI.js";
-const D = /* @__PURE__ */ j("div")({
+import { QuestionPosition as z, AdUnit as C, PromotionType as J, FeatureType as X } from "@streamlayer/sdk-web-types";
+import { useAdvertisementBackground as Y } from "../../../ui/theme/utils.js";
+import { AdvertisementUI as Z } from "./AdvertisementUI.js";
+const D = /* @__PURE__ */ $("div")({
   name: "AdvertisementUIWrap",
   class: "a17b2u9w",
   propsAsIs: !1
-}), te = (t) => {
+}), ee = (t) => {
   const r = t.target;
   if (r instanceof HTMLAnchorElement && r.target === "_blank") {
-    const n = r.getAttribute("data-promo-id") || "", a = r.getAttribute("data-promo-type") || X.UNSET;
+    const s = r.getAttribute("data-promo-id") || "", a = r.getAttribute("data-promo-type") || J.UNSET;
     r.getAttribute("data-a") === "button" && x.emit("advertisement", {
       action: "buttonSelect",
       payload: {
-        id: n,
+        id: s,
         type: a
       }
     }), r.getAttribute("data-a") === "banner" && x.emit("advertisement", {
       action: "bannerSelect",
       payload: {
-        id: n,
+        id: s,
         type: a
       }
     });
   }
-}, re = G(({
+}, te = Q(({
   gamification: t,
   skipAutoClose: r,
-  containerId: n,
+  containerId: s,
   muted: a,
-  notification: m,
-  sidebar: l,
-  banner: i,
+  notification: i,
+  sidebar: d,
+  banner: n,
   persistent: c,
   controlVideo: p
-}, s) => {
-  var g, A, S, b, U, y, I, L, P, h, W, k, w, E, T, B;
-  const e = d(t.advertisement.$store), o = d(t.openedQuestion.$store), f = d(t.openedQuestion.$extendedStore), {
+}, m) => {
+  var A, g, b, S, y, L, U, P, I, W, O, h, k, E, T, B;
+  const e = u(t.advertisement.$store), o = u(t.openedQuestion.$store), f = u(t.openedQuestion.$extendedStore), {
     finished: v
-  } = Q();
-  H(s, {
+  } = H();
+  q(m, {
     enabled: !!e.data,
     event: "click",
-    listener: te
-  }), _(() => {
-    var O;
-    v && ((O = e.close) == null || O.call(e));
+    listener: ee
+  }), G(() => {
+    var w;
+    v && ((w = e.close) == null || w.call(e));
   }, [v]);
-  const F = !i && !l, M = ((S = (A = (g = e.data) == null ? void 0 : g.question) == null ? void 0 : A.backgroundImage) == null ? void 0 : S.landscapeUrl) || ((U = (b = e.data) == null ? void 0 : b.promotion) == null ? void 0 : U.backgroundImageLandscapeUrl), R = ((L = (I = (y = e.data) == null ? void 0 : y.question) == null ? void 0 : I.backgroundImage) == null ? void 0 : L.portraitUrl) || ((h = (P = e.data) == null ? void 0 : P.promotion) == null ? void 0 : h.backgroundImagePortraitUrl), K = Z({
-    containerId: n,
-    landscapeUrl: M,
-    portraitUrl: R
-  }), N = ((k = (W = f == null ? void 0 : f.data) == null ? void 0 : W.appearance) == null ? void 0 : k.position) === C.LBAR;
-  return i && e.data === void 0 && ((w = o == null ? void 0 : o.attributes) == null ? void 0 : w.adUnit) === J.STANDART && N && ((B = (T = (E = o == null ? void 0 : o.attributes) == null ? void 0 : E.adPromotion) == null ? void 0 : T.banner) != null && B.imageUrl) ? /* @__PURE__ */ u(D, {
-    ref: s,
+  const F = ((b = (g = (A = e.data) == null ? void 0 : A.question) == null ? void 0 : g.backgroundImage) == null ? void 0 : b.landscapeUrl) || ((y = (S = e.data) == null ? void 0 : S.promotion) == null ? void 0 : y.backgroundImageLandscapeUrl), M = ((P = (U = (L = e.data) == null ? void 0 : L.question) == null ? void 0 : U.backgroundImage) == null ? void 0 : P.portraitUrl) || ((W = (I = e.data) == null ? void 0 : I.promotion) == null ? void 0 : W.backgroundImagePortraitUrl), R = Y({
+    containerId: s,
+    landscapeUrl: F,
+    portraitUrl: M
+  }), K = ((h = (O = f == null ? void 0 : f.data) == null ? void 0 : O.appearance) == null ? void 0 : h.position) === z.LBAR;
+  return n && e.data === void 0 && ((k = o == null ? void 0 : o.attributes) == null ? void 0 : k.adUnit) === C.STANDART && K && ((B = (T = (E = o == null ? void 0 : o.attributes) == null ? void 0 : E.adPromotion) == null ? void 0 : T.banner) != null && B.imageUrl) ? /* @__PURE__ */ l(D, {
+    ref: m,
     style: {
       height: "100%"
     },
-    className: V("SL-AdvertisementUIWrap", "SL-AdvertisementWebOs", "SL-AdvertisementUIWrap--lower-third"),
-    children: /* @__PURE__ */ u(q, {
+    className: V("SL-AdvertisementWebOs", "SL-AdvertisementWebOs--banner"),
+    children: /* @__PURE__ */ l(j, {
       cardId: o.id,
       promotion: {
         ...o.attributes.adPromotion,
         adUnit: o.attributes.adUnit
       },
-      direction: i
+      direction: n
     })
-  }) : e.data === void 0 || !c && e.isViewed ? null : /* @__PURE__ */ $(D, {
-    ref: s,
+  }) : e.data === void 0 || !c && e.isViewed ? null : /* @__PURE__ */ N(D, {
+    ref: m,
     style: {
-      height: F ? "auto" : "100%"
+      height: d || n ? "100%" : "auto"
     },
-    className: V("SL-AdvertisementUIWrap", "SL-AdvertisementWebOs", "SL-AdvertisementUIWrap--lower-third"),
-    children: [!m && K, /* @__PURE__ */ u(ee, {
-      sidebar: l,
-      banner: i,
+    className: V("SL-AdvertisementWebOs", !d && !n && !i && "SL-AdvertisementWebOs--overlay", d && "SL-AdvertisementWebOs--sidebar", n && "SL-AdvertisementWebOs--banner", i && "SL-AdvertisementWebOs--notification"),
+    children: [!i && R, /* @__PURE__ */ l(Z, {
+      sidebar: d,
+      banner: n,
       advertisement: e.data,
       advertisementPaused: !!e.isPaused,
       togglePause: e.togglePause || (() => {
@@ -94,40 +94,40 @@ const D = /* @__PURE__ */ j("div")({
       fireEvent: e.fireEvent,
       markAsViewed: t.advertisement.markAsViewed,
       open: t.advertisement.open,
-      isNotification: m,
+      isNotification: i,
       skipAutoClose: r,
       controlVideo: p,
       muted: a
     })]
   });
-}), ge = ({
+}), ve = ({
   sdk: t,
   sidebar: r,
-  muted: n,
+  muted: s,
   banner: a,
-  skipAutoClose: m,
-  persistent: l,
-  notification: i
+  skipAutoClose: i,
+  persistent: d,
+  notification: n
 }) => {
   const {
     containerId: c
-  } = d(t.options), p = d(t.featuresList.getStore()), s = z(null);
+  } = u(t.options), p = u(t.featuresList.getStore()), m = _(null);
   if (!p)
     return null;
-  const e = t.getFeature(Y.GAMES);
-  return e != null && e.advertisement ? /* @__PURE__ */ u(re, {
-    ref: s,
+  const e = t.getFeature(X.GAMES);
+  return e != null && e.advertisement ? /* @__PURE__ */ l(te, {
+    ref: m,
     gamification: e,
     sidebar: r,
     banner: a,
-    persistent: l,
-    skipAutoClose: m,
-    muted: n,
-    notification: i,
+    persistent: d,
+    skipAutoClose: i,
+    muted: s,
+    notification: n,
     containerId: c,
     controlVideo: t.controlVideoPlayer
   }) : null;
 };
 export {
-  ge as StreamLayerSDKAdvertisementWebOS
+  ve as StreamLayerSDKAdvertisementWebOS
 };

package/lib/app/webos/ExposedPauseAd/PauseAd.js

@@ -1,136 +1,163 @@
-import { jsx as u, jsxs as b } from "react/jsx-runtime";
-import { cx as G } from "@linaria/core";
-import { useFocusable as I } from "@noriginmedia/norigin-spatial-navigation";
-import { useState as B, useRef as E, useCallback as C, useEffect as y } from "react";
-import { useStore as N } from "@streamlayer/react-polyfills";
-import { eventBus as g } from "@streamlayer/sdk-web-interfaces";
-import { useLoadGAMStatic as M } from "../../../ui/advertisement/overlay/externalAd/vast-player/useGAMStatic.js";
-import { PauseAdOverlay as j, PauseAdContent as K, PauseAdTopLeft as O, PauseAdTitle as V, PauseAdCaption as $, PauseAdBottomLeft as _, PauseAdPlayButton as q, PauseAdSidebarGradient as z, PauseAdSidebar as H, PauseAdTitleDescription as J, ExternalAdContainer as D } from "./styles.js";
-const Q = ({ vastUrl: r, isDesktop: o }) => {
-  var a;
-  const [, h] = M(), e = N(h, { keys: [r] });
-  return y(() => {
-    e && e[r] && e[r].imageSrc && e[r].id && g.emit("exposedPauseAd", {
-      action: "rendered",
-      payload: {
-        id: e[r].id
-      }
-    });
-  }, [e, r]), (a = e == null ? void 0 : e[r]) != null && a.imageSrc ? !e[r].adUrl || !o ? /* @__PURE__ */ u(D, { src: e[r].imageSrc }) : /* @__PURE__ */ u(
-    "a",
-    {
-      onClick: () => {
-        g.emit("exposedPauseAd", {
-          action: "navigated",
-          payload: {
-            id: e[r].id
-          }
-        });
-      },
-      href: e[r].adUrl,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: /* @__PURE__ */ u(D, { src: e[r].imageSrc })
+import { jsx as u, jsxs as B } from "react/jsx-runtime";
+import { cx as j } from "@linaria/core";
+import { useFocusable as K } from "@noriginmedia/norigin-spatial-navigation";
+import { useState as F, useRef as w, useCallback as N, useEffect as n } from "react";
+import { useStore as M } from "@streamlayer/react-polyfills";
+import { eventBus as v } from "@streamlayer/sdk-web-interfaces";
+import { PauseAdOverlay as U, PauseAdContent as V, PauseAdTopLeft as $, PauseAdTitle as G, PauseAdCaption as _, PauseAdBottomLeft as q, PauseAdPlayButton as z, PauseAdSidebarGradient as H, PauseAdSidebar as J, PauseAdTitleDescription as Q, ExternalAdContainer as O } from "./styles.js";
+const W = ({
+  vastUrl: l,
+  isDesktop: o,
+  content: r
+}) => (n(() => {
+  r.imageSrc && r.id && v.emit("exposedPauseAd", {
+    action: "rendered",
+    payload: {
+      id: r.id,
+      parentId: r.parentId
     }
-  ) : null;
-}, W = ({ isClosing: r, title: o, caption: h, onPlay: e, onClose: a, vastUrl: f, options: t, isDesktop: m }) => {
-  const T = (t == null ? void 0 : t.showPauseButton) ?? !0, { ref: s, focusSelf: p } = I({
+  });
+}, [r, l]), r != null && r.imageSrc ? !r.adUrl || !o ? /* @__PURE__ */ u(O, { src: r.imageSrc }) : /* @__PURE__ */ u(
+  "a",
+  {
+    onClick: () => {
+      v.emit("exposedPauseAd", {
+        action: "navigated",
+        payload: {
+          id: r.id,
+          parentId: r.parentId
+        }
+      });
+    },
+    href: r.adUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: /* @__PURE__ */ u(O, { src: r.imageSrc })
+  }
+) : null), X = ({ isClosing: l, content: o, externalPauseAdStore: r, title: k, caption: y, onPlay: f, onClose: a, vastUrl: c, options: A, isDesktop: m }) => {
+  const b = (A == null ? void 0 : A.showPauseButton) ?? !0, { ref: s, focusSelf: I } = K({
     focusKey: "sl-pause-ad-play",
-    onEnterRelease: e,
+    onEnterRelease: f,
     isFocusBoundary: !0,
     forceFocus: !0
   });
-  return y(() => {
-    s.current && p();
-  }, [s, p]), y(() => {
+  return n(() => () => {
+    r.revalidate();
+  }, [r]), n(() => {
+    s.current && I();
+  }, [s, I]), n(() => {
     if (!a)
       return () => {
       };
-    const S = (A) => {
-      const d = A.keyCode;
-      if (d === 461 || d === 10009 || d === 27 || d === 8) {
-        A.preventDefault(), A.stopPropagation(), A.stopImmediatePropagation(), a();
+    const E = (d) => {
+      const t = d.keyCode;
+      if (t === 461 || t === 10009 || t === 27 || t === 8) {
+        d.preventDefault(), d.stopPropagation(), d.stopImmediatePropagation(), a();
         return;
       }
     };
-    return window.addEventListener("keydown", S, { capture: !0 }), () => window.removeEventListener("keydown", S, { capture: !0 });
-  }, [a]), /* @__PURE__ */ u(j, { className: G("SL_PauseAdOverlay", r && "pause-ad-closing"), children: /* @__PURE__ */ b(K, { children: [
-    /* @__PURE__ */ b(O, { children: [
-      /* @__PURE__ */ u(V, { children: o }),
-      /* @__PURE__ */ u($, { children: h })
+    return window.addEventListener("keydown", E, { capture: !0 }), () => window.removeEventListener("keydown", E, { capture: !0 });
+  }, [a]), /* @__PURE__ */ u(U, { className: j("SL_PauseAdOverlay", l && "pause-ad-closing"), children: /* @__PURE__ */ B(V, { children: [
+    /* @__PURE__ */ B($, { children: [
+      /* @__PURE__ */ u(G, { children: k }),
+      /* @__PURE__ */ u(_, { children: y })
     ] }),
-    T && /* @__PURE__ */ u(_, { children: /* @__PURE__ */ u(
-      q,
+    b && /* @__PURE__ */ u(q, { children: /* @__PURE__ */ u(
+      z,
       {
         ref: s,
-        onClick: e,
+        onClick: f,
         onMouseEnter: () => s.current.focus(),
         "aria-label": "Resume playback"
       }
     ) }),
-    /* @__PURE__ */ u(z, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ b(H, { children: [
-      f && /* @__PURE__ */ u(Q, { isDesktop: m, vastUrl: f }),
-      /* @__PURE__ */ u(J, { children: "ADVERTISEMENT" })
+    /* @__PURE__ */ u(H, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ B(J, { children: [
+      c && /* @__PURE__ */ u(W, { content: o, isDesktop: m, vastUrl: c }),
+      /* @__PURE__ */ u(Q, { children: "ADVERTISEMENT" })
     ] }) })
   ] }) });
-}, te = ({ showPauseAd: r, vastUrls: o, title: h, caption: e, sdk: a, onClose: f, onRender: t, options: m, isDesktop: T }) => {
-  const s = (m == null ? void 0 : m.pauseAdDelay) ?? 5e3, [p, S] = B(!1), [A, d] = B(!1), c = E(), i = o == null ? void 0 : o[0].url, P = E(i), x = E("");
-  P.current = i;
-  const [k, w] = M(), n = C(() => {
-    f && (x.current = P.current, g.emit("exposedPauseAd", {
-      action: "closed",
-      payload: {}
-    }), f());
-  }, [f]), F = C(() => {
-    a.controlVideoPlayer({ play: !0 });
-  }, [a]);
-  return y(() => {
-    if (r && i) {
-      g.emit("exposedPauseAd", {
+}, se = ({ showPauseAd: l, vastUrls: o, title: r, caption: k, sdk: y, onClose: f, onRender: a, options: c, isDesktop: A }) => {
+  const m = (c == null ? void 0 : c.pauseAdDelay) ?? 0, b = (c == null ? void 0 : c.pauseAdRefetchInterval) ?? 1e3 * 60 * 50, [s, I] = F(!1), [E, d] = F(!1), t = w(), p = o == null ? void 0 : o[0].url, P = w(p), S = w(""), T = w("");
+  P.current = p;
+  const [i, D] = y.advertisement.getExternalPauseAd(p, {
+    refetchInterval: b,
+    $enabled: m === 0 || !!l,
+    prefetch: m === 0 && b > 0
+  }), x = M(i), g = N(() => {
+    if (f) {
+      T.current = P.current;
+      const e = i.get().data;
+      v.emit("exposedPauseAd", {
+        action: "closed",
+        payload: (e == null ? void 0 : e.url) === T.current ? {
+          id: e == null ? void 0 : e.id,
+          parentId: e == null ? void 0 : e.parentId
+        } : {}
+      }), f();
+    }
+  }, [f, i]), R = N(() => {
+    y.controlVideoPlayer({ play: !0 });
+  }, [y]);
+  return n(() => {
+    D === P.current && x.error && (console.log("error", x.error), clearTimeout(t.current), g == null || g());
+  }, [x, g, D]), n(() => {
+    if (l && p) {
+      S.current = P.current, T.current = "";
+      const e = i.get().data;
+      v.emit("exposedPauseAd", {
         action: "enabled",
-        payload: {}
-      }), k(i).then((l) => {
-        P.current === i && (l == null ? void 0 : l.success) !== !0 && (clearTimeout(c.current), n == null || n());
-      }).catch(() => {
-        P.current === i && (clearTimeout(c.current), n == null || n());
+        payload: (e == null ? void 0 : e.url) === S.current ? {
+          id: e == null ? void 0 : e.id,
+          parentId: e == null ? void 0 : e.parentId
+        } : {}
       });
       const L = () => {
-        const l = w.get()[P.current];
-        l != null && l.imageSrc ? (clearTimeout(c.current), d(!1), S(!0)) : c.current = setTimeout(() => {
-          L();
-        }, 200);
+        const C = i.get(), h = C.data;
+        (h == null ? void 0 : h.url) === P.current && (!C.loading && (h != null && h.imageSrc) ? (clearTimeout(t.current), d(!1), I(!0)) : C.loading && (t.current = setTimeout(() => {
+          console.log("checkAndAllowRender timeout"), L();
+        }, 200)));
       };
-      c.current = setTimeout(() => {
+      clearTimeout(t.current), t.current = setTimeout(() => {
         L();
-      }, s);
-    } else
-      x.current !== P.current && (x.current = "", g.emit("exposedPauseAd", {
-        action: "disabled",
-        payload: {}
-      })), d(!0), c.current = setTimeout(() => {
-        S(!1);
+      }, m);
+    } else {
+      if (T.current !== P.current) {
+        const e = i.get().data;
+        T.current = "", S.current !== "" && (v.emit("exposedPauseAd", {
+          action: "disabled",
+          payload: S.current === (e == null ? void 0 : e.url) ? {
+            id: e == null ? void 0 : e.id,
+            parentId: e == null ? void 0 : e.parentId
+          } : {}
+        }), S.current = "");
+      }
+      d(!0), t.current = setTimeout(() => {
+        I(!1);
       }, 400);
+    }
     return () => {
-      c.current && clearTimeout(c.current);
+      t.current && clearTimeout(t.current);
     };
-  }, [w, k, n, s, r, i]), y(() => {
-    t == null || t({ rendered: p });
-  }, [p, t]), y(() => () => {
-    t == null || t({ rendered: !1 });
-  }, [t]), p ? /* @__PURE__ */ u(
-    W,
+  }, [i, g, m, l, p]), n(() => {
+    a == null || a({ rendered: s });
+  }, [s, a]), n(() => () => {
+    a == null || a({ rendered: !1 });
+  }, [a]), !s || !x.data ? null : /* @__PURE__ */ u(
+    X,
     {
-      onClose: n,
-      isClosing: A,
-      title: h,
-      caption: e,
-      onPlay: F,
-      vastUrl: i,
-      options: m,
-      isDesktop: T
+      onClose: g,
+      isClosing: E,
+      title: r,
+      caption: k,
+      onPlay: R,
+      vastUrl: p,
+      options: c,
+      isDesktop: A,
+      externalPauseAdStore: i,
+      content: x.data
     }
-  ) : null;
+  );
 };
 export {
-  te as PauseAd
+  se as PauseAd
 };