@streamlayer/react 1.24.5 → 1.24.7

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

@@ -1,257 +0,0 @@
-import { jsx as r, jsxs as D } from "react/jsx-runtime";
-import { h as M } from "./index8.js";
-import { s as d, u as q, c as V } from "./sl-types.js";
-import { d as j } from "./index10.js";
-import { useState as B, useRef as x, useCallback as _, useEffect as c, Component as K } from "react";
-import { e as T } from "./index4.js";
-import { Y as z, _ as G } from "./hooks-n9ax4LRT.js";
-const O = /* @__PURE__ */ d("div")({
-  name: "PauseAdOverlay",
-  class: "pw9gih8",
-  propsAsIs: !1
-}), W = /* @__PURE__ */ d("div")({
-  name: "PauseAdContent",
-  class: "p8lpomy",
-  propsAsIs: !1
-}), X = /* @__PURE__ */ d("div")({
-  name: "PauseAdTopLeft",
-  class: "pv7u167",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ d("h2")({
-  name: "PauseAdTitle",
-  class: "p1kh2yb0",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ d("p")({
-  name: "PauseAdCaption",
-  class: "pl8f94x",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ d("div")({
-  name: "PauseAdBottomLeft",
-  class: "p1m6zmrt",
-  propsAsIs: !1
-}), Q = /* @__PURE__ */ d("button")({
-  name: "PauseAdPlayButton",
-  class: "pm3vwfa",
-  propsAsIs: !1
-}), Z = /* @__PURE__ */ d("div")({
-  name: "PauseAdSidebarGradient",
-  class: "p1tibuhw",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ d("div")({
-  name: "PauseAdSidebar",
-  class: "ptqqrqd",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ d("span")({
-  name: "PauseAdTitleDescription",
-  class: "p14estxv",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ d("img")({
-  name: "ExternalAdContainer",
-  class: "e1dpvfl1",
-  propsAsIs: !1
-}), re = ({
-  vastUrl: i,
-  isDesktop: a,
-  content: e
-}) => (c(() => {
-  e.imageSrc && e.id && T.emit("exposedPauseAd", {
-    action: "rendered",
-    payload: {
-      id: e.id,
-      parentId: e.parentId
-    }
-  });
-}, [e, i]), e?.imageSrc ? !e.adUrl || !a ? /* @__PURE__ */ r(N, { src: e.imageSrc }) : /* @__PURE__ */ r(
-  "a",
-  {
-    onClick: () => {
-      T.emit("exposedPauseAd", {
-        action: "navigated",
-        payload: {
-          id: e.id,
-          parentId: e.parentId
-        }
-      });
-    },
-    href: e.adUrl,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    children: /* @__PURE__ */ r(N, { src: e.imageSrc })
-  }
-) : null), te = ({ isClosing: i, content: a, externalPauseAdStore: e, title: y, caption: f, onPlay: l, onClose: u, vastUrl: t, options: h, isDesktop: n }) => {
-  const b = h?.showPauseButton ?? !0, { ref: p, focusSelf: I } = j.useFocusable({
-    focusKey: "sl-pause-ad-play",
-    onEnterRelease: l,
-    isFocusBoundary: !0,
-    forceFocus: !0
-  });
-  return c(() => () => {
-    e.revalidate();
-  }, [e]), c(() => {
-    p.current && I();
-  }, [p, I]), c(() => {
-    if (!u)
-      return () => {
-      };
-    const C = (A) => {
-      const s = A.keyCode;
-      if (s === 461 || s === 10009 || s === 27 || s === 8) {
-        A.preventDefault(), A.stopPropagation(), A.stopImmediatePropagation(), u();
-        return;
-      }
-    };
-    return window.addEventListener("keydown", C, { capture: !0 }), () => window.removeEventListener("keydown", C, { capture: !0 });
-  }, [u]), /* @__PURE__ */ r(O, { className: V("SL_PauseAd", i && "pause-ad-closing"), children: /* @__PURE__ */ D(W, { children: [
-    /* @__PURE__ */ D(X, { children: [
-      /* @__PURE__ */ r(Y, { children: y }),
-      /* @__PURE__ */ r(H, { children: f })
-    ] }),
-    b && /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
-      Q,
-      {
-        ref: p,
-        onClick: l,
-        onMouseEnter: () => p.current.focus(),
-        "aria-label": "Resume playback"
-      }
-    ) }),
-    /* @__PURE__ */ r(Z, { className: "SL_PauseAdSidebar", children: /* @__PURE__ */ D($, { children: [
-      t && /* @__PURE__ */ r(re, { content: a, isDesktop: n, vastUrl: t }),
-      /* @__PURE__ */ r(ee, { children: "ADVERTISEMENT" })
-    ] }) })
-  ] }) });
-}, se = ({ showPauseAd: i, vastUrls: a, title: e, caption: y, sdk: f, onClose: l, onRender: u, options: t, isDesktop: h }) => {
-  const n = t?.pauseAdDelay ?? 0, b = t?.pauseAdRefetchInterval ?? 1e3 * 60 * 50, [p, I] = B(!1), [C, A] = B(!1), s = x(), v = a?.[0].url, P = x(v), g = x(""), S = x("");
-  P.current = v;
-  const [m, R] = f.advertisement.getExternalPauseAd(v, {
-    refetchInterval: b,
-    $enabled: n === 0 || !!i,
-    prefetch: n === 0 && b > 0
-  }), k = q(m), E = _(() => {
-    if (l) {
-      S.current = P.current;
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
-        action: "closed",
-        payload: o?.url === S.current ? {
-          id: o?.id,
-          parentId: o?.parentId
-        } : {}
-      }), l();
-    }
-  }, [l, m]), F = _(() => {
-    f.controlVideoPlayer({ play: !0 });
-  }, [f]);
-  return c(() => {
-    R === P.current && k.error && (console.log("error", k.error), clearTimeout(s.current), E?.());
-  }, [k, E, R]), c(() => {
-    if (i && v) {
-      g.current = P.current, S.current = "";
-      const o = m.get().data;
-      T.emit("exposedPauseAd", {
-        action: "enabled",
-        payload: o?.url === g.current ? {
-          id: o?.id,
-          parentId: o?.parentId
-        } : {}
-      });
-      const U = () => {
-        const w = m.get(), L = w.data;
-        (!L || L?.url === P.current) && (!w.loading && L?.imageSrc ? (clearTimeout(s.current), A(!1), I(!0)) : w.loading && (s.current = setTimeout(() => {
-          U();
-        }, 200)));
-      };
-      clearTimeout(s.current), s.current = setTimeout(() => {
-        U();
-      }, n);
-    } else {
-      if (S.current !== P.current) {
-        const o = m.get().data;
-        S.current = "", g.current !== "" && (T.emit("exposedPauseAd", {
-          action: "disabled",
-          payload: g.current === o?.url ? {
-            id: o?.id,
-            parentId: o?.parentId
-          } : {}
-        }), g.current = "");
-      }
-      A(!0), s.current = setTimeout(() => {
-        I(!1);
-      }, 400);
-    }
-    return () => {
-      s.current && clearTimeout(s.current);
-    };
-  }, [m, E, n, i, v]), c(() => {
-    u?.({ rendered: p });
-  }, [p, u]), c(() => () => {
-    u?.({ rendered: !1 });
-  }, [u]), !p || !k.data ? null : /* @__PURE__ */ r(
-    te,
-    {
-      onClose: E,
-      isClosing: C,
-      title: e,
-      caption: y,
-      onPlay: F,
-      vastUrl: v,
-      options: t,
-      isDesktop: h,
-      externalPauseAdStore: m,
-      content: k.data
-    }
-  );
-}, ae = ({
-  showPauseAd: i,
-  pauseAdVastUrl: a,
-  videoPlayerController: e,
-  onRenderPauseAd: y,
-  onClosePauseAd: f,
-  children: l,
-  options: u
-}) => {
-  const t = z(), h = G(), n = x();
-  return c(() => t ? (e && (n.current = e, t.addVideoPlayerController(n.current)), () => {
-    n.current && t.removeVideoPlayerController(n.current);
-  }) : () => {
-  }, [t, e]), t ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ D(
-    M,
-    {
-      style: l ? { position: "relative" } : {},
-      customTheme: h.theme,
-      themeMode: h.themeMode,
-      children: [
-        l,
-        a && /* @__PURE__ */ r(
-          se,
-          {
-            sdk: t,
-            showPauseAd: i,
-            vastUrls: a,
-            onClose: f,
-            onRender: y,
-            options: u,
-            isDesktop: !0
-          }
-        )
-      ]
-    }
-  ) }) : l;
-};
-class pe extends K {
-  constructor(a) {
-    super(a), this.state = { hasError: !1 };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: !0 };
-  }
-  componentDidCatch(a, e) {
-    console.error(a, e.componentStack);
-  }
-  render() {
-    return this.state.hasError ? this.props.children : /* @__PURE__ */ r(ae, { ...this.props });
-  }
-}
-export {
-  pe as StreamLayerPauseAd
-};

package/lib/classic/es/points.js

@@ -1,77 +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 } from "./sl-types.js";
-import { e as n } from "./index4.js";
-import { p as y } from "./index3.js";
-import { B as S } from "./index6.js";
-import { F as m } from "./feature.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;
-}, O = ({ 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 {
-  O as StreamLayerSDKPoints
-};