@streamlayer/react 1.24.6 → 1.24.7

package/lib/classic/es/pause-ad.js

@@ -1,232 +0,0 @@
-import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { h as F } from "./index8.js";
-import { useEffect as i, useState as _, useRef as g, useCallback as R, Component as M } from "react";
-import { s as h, c as w, u as j } from "./feature.js";
-import { e as k } from "./index4.js";
-import { d as K } from "./index11.js";
-import { Y as V, _ as z } from "./hooks-n9ax4LRT.js";
-const G = /* @__PURE__ */ h("div")({
-  name: "PauseAdOverlay",
-  class: "pw9gih8",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ h("div")({
-  name: "PauseAdContent",
-  class: "p8lpomy",
-  propsAsIs: !1
-}), O = /* @__PURE__ */ h("div")({
-  name: "PauseAdBottomLeft",
-  class: "pv7u167",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ h("button")({
-  name: "PauseAdPlayButton",
-  class: "p1kh2yb0",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ h("div")({
-  name: "PauseAdSidebarGradient",
-  class: "pl8f94x",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ h("div")({
-  name: "PauseAdSidebar",
-  class: "p1m6zmrt",
-  propsAsIs: !1
-}), U = /* @__PURE__ */ h("img")({
-  name: "ExternalAdContainer",
-  class: "em3vwfa",
-  propsAsIs: !1
-}), Q = ({
-  vastUrl: d,
-  isDesktop: n,
-  content: e
-}) => (i(() => {
-  e.imageSrc && e.id && k.emit("exposedPauseAd", {
-    action: "rendered",
-    payload: {
-      id: e.id,
-      parentId: e.parentId
-    }
-  });
-}, [e, d]), e?.imageSrc ? !e.adUrl || !n ? /* @__PURE__ */ a(U, { src: e.imageSrc }) : /* @__PURE__ */ a(
-  "a",
-  {
-    onClick: () => {
-      k.emit("exposedPauseAd", {
-        action: "navigated",
-        payload: {
-          id: e.id,
-          parentId: e.parentId
-        }
-      });
-    },
-    href: e.adUrl,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    children: /* @__PURE__ */ a(U, { src: e.imageSrc })
-  }
-) : null), W = ({ 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({
-    focusKey: "sl-pause-ad-play",
-    onEnterRelease: l,
-    isFocusBoundary: !0,
-    forceFocus: !0
-  });
-  return i(() => () => {
-    e.revalidate();
-  }, [e]), i(() => {
-    t.current && y();
-  }, [t, y]), i(() => {
-    if (!u)
-      return () => {
-      };
-    const b = (f) => {
-      const s = f.keyCode;
-      if (s === 461 || s === 10009 || s === 27 || s === 8) {
-        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation(), u();
-        return;
-      }
-    };
-    return window.addEventListener("keydown", b, { capture: !0 }), () => window.removeEventListener("keydown", b, { capture: !0 });
-  }, [u]), /* @__PURE__ */ a(G, { className: w("SL_PauseAd", d && "pause-ad-closing"), children: /* @__PURE__ */ B(H, { children: [
-    m && /* @__PURE__ */ a(O, { children: /* @__PURE__ */ a(
-      Y,
-      {
-        ref: t,
-        onClick: l,
-        onMouseEnter: () => t.current.focus(),
-        "aria-label": "Resume playback"
-      }
-    ) }),
-    /* @__PURE__ */ a(q, { className: w("SL_PauseAdSidebar", r && "SL_PauseAdSidebar--desktop"), children: /* @__PURE__ */ a(J, { className: w(r && "SL_PauseAdSidebar__content--desktop"), children: c && /* @__PURE__ */ a(Q, { content: n, isDesktop: r, vastUrl: c }) }) })
-  ] }) });
-}, X = ({ 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();
-    }
-  }, [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(), D = E.data;
-        (!D || D?.url === A.current) && (!E.loading && D?.imageSrc ? (clearTimeout(s.current), f(!1), y(!0)) : E.loading && (s.current = setTimeout(() => {
-          T();
-        }, 200)));
-      };
-      clearTimeout(s.current), s.current = setTimeout(() => {
-        T();
-      }, r);
-    } 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 = "");
-      }
-      f(!0), s.current = setTimeout(() => {
-        y(!1);
-      }, 400);
-    }
-    return () => {
-      s.current && clearTimeout(s.current);
-    };
-  }, [p, C, r, d, P]), i(() => {
-    u?.({ rendered: t });
-  }, [t, u]), i(() => () => {
-    u?.({ rendered: !1 });
-  }, [u]), !t || !x.data ? null : /* @__PURE__ */ a(
-    W,
-    {
-      onClose: C,
-      isClosing: b,
-      onPlay: N,
-      vastUrl: P,
-      options: c,
-      isDesktop: v,
-      externalPauseAdStore: p,
-      content: x.data
-    }
-  );
-}, Z = ({
-  showPauseAd: d,
-  pauseAdVastUrl: n,
-  videoPlayerController: e,
-  onRenderPauseAd: l,
-  onClosePauseAd: u,
-  children: c,
-  options: v
-}) => {
-  const r = V(), m = z(), t = g();
-  return i(() => r ? (e && (t.current = e, r.addVideoPlayerController(t.current)), () => {
-    t.current && r.removeVideoPlayerController(t.current);
-  }) : () => {
-  }, [r, e]), r ? /* @__PURE__ */ a("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ B(
-    F,
-    {
-      style: c ? { position: "relative" } : {},
-      customTheme: m.theme,
-      themeMode: m.themeMode,
-      children: [
-        c,
-        n && /* @__PURE__ */ a(
-          X,
-          {
-            sdk: r,
-            showPauseAd: d,
-            vastUrls: n,
-            onClose: u,
-            onRender: l,
-            options: v,
-            isDesktop: !0
-          }
-        )
-      ]
-    }
-  ) }) : c;
-};
-class oe extends M {
-  constructor(n) {
-    super(n), this.state = { hasError: !1 };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  componentDidCatch(n, e) {
-    console.error(n, e.componentStack);
-  }
-  render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ a(Z, { ...this.props });
-  }
-}
-export {
-  oe as StreamLayerPauseAd
-};

package/lib/classic/es/points.js

@@ -1,76 +0,0 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { m as c, h as u } from "./index8.js";
-import { useState as d, useEffect as f } from "react";
-import { s as o, u as h, F as m } from "./feature.js";
-import { e as n } from "./index4.js";
-import { p as y } from "./index3.js";
-import { B as S } from "./index6.js";
-import { S as v } from "./useStreamLayerApp2.js";
-import { Y as g, _ as A } from "./hooks-n9ax4LRT.js";
-const I = /* @__PURE__ */ o("div")({
-  name: "PointsContainer",
-  class: "psiob9b",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ o("div")({
-  name: "PointsIcon",
-  class: "p1gqe4lh",
-  propsAsIs: !1
-}), b = () => S, k = /* @__PURE__ */ o(b())({
-  name: "PointsSvg",
-  class: "p15syg2y",
-  propsAsIs: !0
-}), F = /* @__PURE__ */ o("div")({
-  name: "PointsBody",
-  class: "p12n4f2h",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ o("div")({
-  name: "PointsTitle",
-  class: "poqmx89",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ o("div")({
-  name: "PointsValue",
-  class: "prj9b3v",
-  propsAsIs: !1
-}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ p(I, { className: c, onClick: e, children: [
-  /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { name: "icon-trophy-solid" }) }),
-  /* @__PURE__ */ p(F, { children: [
-    /* @__PURE__ */ t(T, { children: "Total points" }),
-    /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(y, { value: s }) })
-  ] })
-] }), C = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [a, l] = d(0);
-  return f(() => {
-    const r = e.subscribe((i) => {
-      i?.summary?.points && l(i.summary.points);
-    });
-    return () => {
-      r();
-    };
-  }, [e]), /* @__PURE__ */ t(B, { points: a, onClick: () => {
-    const r = s.status.get();
-    r === m.Suspended ? (s.openFeature(), n.emit("app", {
-      action: "open",
-      payload: {}
-    }), n.emit("interactions", {
-      action: "tap",
-      payload: {}
-    })) : r === m.Ready && (s.closeFeature(!1), n.emit("app", {
-      action: "close",
-      payload: {}
-    }), n.emit("interactions", {
-      action: "tap",
-      payload: {}
-    }));
-  } });
-}, $ = ({ sdk: s }) => {
-  if (!h(s.featuresList.getStore()))
-    return null;
-  const e = s.getFeature(v.GAMES);
-  return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, G = ({ theme: s }) => {
-  const e = g(), a = A();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(u, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t($, { sdk: e }) }) }) : null;
-};
-export {
-  G as StreamLayerSDKPoints
-};