@streamlayer/react 1.24.5 → 1.24.7

package/lib/classic/es/index11.js

@@ -1,317 +0,0 @@
-import { jsxs as O, jsx as e, Fragment as re } from "react/jsx-runtime";
-import { s as n, c as X } from "./sl-types.js";
-import { useState as h, useEffect as b, useCallback as A, forwardRef as le, useRef as V } from "react";
-import { B as f } from "./index6.js";
-import { G as ce, d as ue, b as ie } from "./index7.js";
-import { C as de } from "./useStreamLayerApp2.js";
-const pe = /* @__PURE__ */ n("div")({
-  name: "CloseIconWrap",
-  class: "c3v6bv6",
-  propsAsIs: !1
-}), me = /* @__PURE__ */ n("div")({
-  name: "TimerWrap",
-  class: "teuhmro",
-  propsAsIs: !1
-}), fe = () => f, ye = /* @__PURE__ */ n(fe())({
-  name: "Icon",
-  class: "i17rfxv5",
-  propsAsIs: !0
-}), Xe = ({
-  close: t,
-  className: a,
-  timerClassName: o,
-  skipIcon: l,
-  isPlaying: i = !0,
-  duration: c = 0,
-  autoClose: d
-}) => {
-  const [p, y] = h(c === 0);
-  b(() => {
-    y(!c);
-  }, [c]);
-  const M = A(() => {
-    d === de.ENABLED ? t?.() : y(!0);
-  }, [d, t]);
-  return p ? /* @__PURE__ */ O(pe, {
-    "data-a": "intr",
-    onClick: t,
-    className: a,
-    style: l ? {
-      width: "auto"
-    } : {},
-    children: [l && /* @__PURE__ */ e("span", {
-      "data-a": "intr",
-      children: "Skip"
-    }), /* @__PURE__ */ e(ye, {
-      "data-a": "intr",
-      name: l ? "iconSkip" : "icon-cross"
-    })]
-  }) : /* @__PURE__ */ e(me, {
-    children: /* @__PURE__ */ e(ce, {
-      className: o,
-      isPlaying: i,
-      duration: c,
-      onTimerExpired: M
-    })
-  });
-}, ge = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1bgb86j",
-  propsAsIs: !1
-}), Ie = /* @__PURE__ */ n("video")({
-  name: "Player",
-  class: "p6703cq",
-  propsAsIs: !1
-}), he = /* @__PURE__ */ n("img")({
-  name: "Poster",
-  class: "p12ow7zo",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ n("div")({
-  name: "Control",
-  class: "cdpal9o",
-  propsAsIs: !1
-}), be = "t1xke4ml", Pe = "h1yzxv57", ve = /* @__PURE__ */ n("div")({
-  name: "VideoControls",
-  class: "vxo8xch",
-  propsAsIs: !1
-}), U = /* @__PURE__ */ n("button")({
-  name: "ControlBtn",
-  class: "coyuzu0",
-  propsAsIs: !1
-}), Ae = () => U, Me = /* @__PURE__ */ n(Ae())({
-  name: "MuteIcon",
-  class: "musmi9a",
-  propsAsIs: !0
-}), Ce = () => U, ke = /* @__PURE__ */ n(Ce())({
-  name: "PauseIcon",
-  class: "p1qe7rum",
-  propsAsIs: !0
-}), we = () => U, Se = /* @__PURE__ */ n(we())({
-  name: "PlayIcon",
-  class: "psevery",
-  propsAsIs: !0
-}), Z = /* @__PURE__ */ n("button")({
-  name: "WebOSIconButton",
-  class: "w1q3u7py",
-  propsAsIs: !1
-}), xe = () => Z, R = /* @__PURE__ */ n(xe())({
-  name: "WebOSIconButtonAnimation",
-  class: "wdlqvum",
-  propsAsIs: !0
-}), Be = () => R, We = /* @__PURE__ */ n(Be())({
-  name: "WebOSIconButtonPlay",
-  class: "w1ylz9ea",
-  propsAsIs: !0
-}), Ee = () => R, Ne = /* @__PURE__ */ n(Ee())({
-  name: "WebOSIconButtonPause",
-  class: "w1iylt55",
-  propsAsIs: !0
-}), Ve = () => R, Te = /* @__PURE__ */ n(Ve())({
-  name: "WebOSIconButtonMute",
-  class: "w8h4h7",
-  propsAsIs: !0
-}), Oe = () => R, Re = /* @__PURE__ */ n(Oe())({
-  name: "WebOSIconButtonUnmute",
-  class: "w12l12kt",
-  propsAsIs: !0
-}), $e = (t) => {
-  for (const a of t)
-    a.isIntersecting ? a.target instanceof HTMLVideoElement && a.target.autoplay && a.target.play() : a.target instanceof HTMLVideoElement && !a.target.paused && a.target.pause();
-}, Y = new IntersectionObserver($e, { threshold: 0.5 }), H = /* @__PURE__ */ new Set(), je = (t) => {
-  Y.observe(t), H.add(t);
-}, qe = (t) => {
-  Y.unobserve(t), H.delete(t);
-}, ze = () => {
-  for (const t of H)
-    t instanceof HTMLVideoElement && !t.paused && t.pause();
-};
-function Fe(...t) {
-  return A(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (a) => {
-      for (const o of t)
-        o !== null && (typeof o == "function" ? o(a) : o && (o.current = a));
-    },
-    // Re-run the callback if the array of refs changes
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...t]
-  );
-}
-const Le = ie(ge), Ue = ({ loading: t, autoPlay: a, played: o, playing: l, isMuted: i, unmute: c, mute: d, togglePlaying: p }) => !t && !a && !o ? /* @__PURE__ */ e(T, { children: l ? /* @__PURE__ */ e(f, { name: "icon-pause" }) : /* @__PURE__ */ e(f, { name: "icon-play" }) }) : o ? /* @__PURE__ */ O(ve, { children: [
-  l ? /* @__PURE__ */ e(ke, { onClick: p }) : /* @__PURE__ */ e(Se, { onClick: p }),
-  /* @__PURE__ */ e(Me, { className: X(!i && "muted"), onClick: i ? c : d })
-] }) : null, He = ({
-  loading: t,
-  autoPlay: a,
-  playMuted: o,
-  playing: l,
-  played: i,
-  unmute: c,
-  mute: d,
-  isMuted: p,
-  hasNotPausedVideo: y,
-  hasInteractedWithAudio: M
-}) => /* @__PURE__ */ O(re, { children: [
-  !t && !(a && o) && /* @__PURE__ */ e(T, { "data-control-btn": "true", children: l ? y ? null : /* @__PURE__ */ e(We, { children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) : i ? /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(f, { name: "icon-pause" }) }) : /* @__PURE__ */ e(Z, { "data-control-icon": "true", children: /* @__PURE__ */ e(f, { name: "icon-play" }) }) }),
-  !t && a && o && M && /* @__PURE__ */ e(T, { children: p ? /* @__PURE__ */ e(Te, { onClick: c, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Re, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
-] }), Ze = le(
-  ({
-    poster: t,
-    source: a,
-    aspectRatio: o,
-    controlVideo: l,
-    onReplay: i,
-    onPlay: c,
-    onPause: d,
-    onEnd: p,
-    onRender: y,
-    onMute: M,
-    onQuartile: $,
-    autoPlay: C,
-    playMuted: k,
-    className: ee,
-    muted: w,
-    webos: x,
-    hasNotPausedVideo: te
-  }, ae) => {
-    const u = V(null), se = Fe(u, ae), j = V(!1), q = V(!1), m = V(/* @__PURE__ */ new Set()), [D, G] = h(!1), [B, W] = h(!1), [z, K] = h(!1), [Q, E] = h(!0), [F, N] = h(k), [L, ne] = h(!1);
-    b(() => {
-      a && (N(k), G(!1));
-    }, [a]);
-    const P = A(() => {
-      l?.({ muted: !1 });
-    }, [l]), _ = A(() => {
-      l?.({ muted: !0 });
-    }, [l]), v = A((s) => {
-      s?.stopPropagation(), u.current && (u.current.muted = !0), N(!0);
-    }, []), S = A(
-      (s) => {
-        s?.stopPropagation(), u.current && (u.current.muted = !1), N(!1), L || ne(!0);
-      },
-      [L]
-    );
-    b(() => {
-      w !== void 0 && (w ? v() : S());
-    }, [v, w, S]);
-    const J = (s) => {
-      s.stopPropagation?.();
-      const r = u?.current;
-      if (r)
-        if (B)
-          r.pause();
-        else {
-          const g = u?.current;
-          if (!g)
-            return;
-          ze(), g.play().catch((I) => console.log(I)), E(!1);
-        }
-    }, oe = () => {
-      u?.current?.load(), E(!0);
-    };
-    return b(() => () => {
-      P();
-    }, [P]), b(() => {
-      const s = u.current;
-      return s ? (q.current = s.muted, N(s.muted), je(s), () => {
-        qe(s);
-      }) : () => {
-      };
-    }, []), b(() => {
-      y?.();
-    }, [y]), b(() => {
-      m.current.clear(), j.current = !1;
-    }, [a]), /* @__PURE__ */ O(
-      Le,
-      {
-        webos: x,
-        onClick: C && k ? F ? S : v : J,
-        "data-a": "intr",
-        autoFocus: !0,
-        options: { focusKey: "video-play-btn" },
-        className: X(B && !x && be, C && Pe, ee),
-        style: o ? { aspectRatio: o } : {},
-        children: [
-          /* @__PURE__ */ e(
-            Ie,
-            {
-              ref: se,
-              src: a,
-              autoPlay: C,
-              onPlay: () => {
-                G(!0), j.current && (i?.(), m.current.clear()), W(!0), E(!1), c?.(), k ? v() : _();
-              },
-              onTimeUpdate: (s) => {
-                const r = s.target.duration, g = s.target.currentTime;
-                if (r && g) {
-                  const I = Math.floor(g / r * 100);
-                  I >= 25 && I < 50 && !m.current.has(25) ? ($?.(25), m.current.add(25)) : I >= 50 && I < 75 && !m.current.has(50) ? ($?.(50), m.current.add(50)) : I >= 75 && !m.current.has(75) && ($?.(75), m.current.add(75));
-                }
-              },
-              onVolumeChange: (s) => {
-                const r = s.target.muted;
-                q.current !== r && (M?.(r), q.current = r, (r !== w || w === void 0) && (r ? P() : _()));
-              },
-              onError: async (s) => {
-                try {
-                  if (s.target instanceof HTMLVideoElement) {
-                    K(!0);
-                    const r = await (await fetch(s.target.src)).blob(), g = URL.createObjectURL(r);
-                    s.target.src = g;
-                  }
-                } catch (r) {
-                  console.error("video fallback fetch failed", r), W(!0), E(!0);
-                } finally {
-                  K(!1), P();
-                }
-              },
-              onPause: () => {
-                W(!1), d?.(), P();
-              },
-              onEnded: () => {
-                W(!1), j.current = !0, oe(), p?.(), P();
-              },
-              style: { visibility: Q ? "hidden" : "visible" },
-              controls: !1,
-              playsInline: !0
-            }
-          ),
-          /* @__PURE__ */ e(he, { src: t, style: { visibility: Q ? "visible" : "hidden" } }),
-          !x && /* @__PURE__ */ e(
-            Ue,
-            {
-              loading: z,
-              autoPlay: C,
-              played: D,
-              playing: B,
-              isMuted: F,
-              unmute: S,
-              mute: v,
-              togglePlaying: J
-            }
-          ),
-          x && /* @__PURE__ */ e(
-            He,
-            {
-              loading: z,
-              autoPlay: C,
-              playMuted: k,
-              playing: B,
-              played: D,
-              unmute: S,
-              mute: v,
-              isMuted: F,
-              hasNotPausedVideo: te,
-              hasInteractedWithAudio: L
-            }
-          ),
-          z && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(ue, {}) })
-        ]
-      }
-    );
-  }
-);
-export {
-  Ze as F,
-  ze as I,
-  Xe as y
-};

package/lib/classic/es/index12.js

@@ -1,185 +0,0 @@
-import { s as a } from "./sl-types.js";
-import { Q as i } from "./useStreamLayerApp2.js";
-import { jsxs as t, jsx as s, Fragment as U } from "react/jsx-runtime";
-import { memo as $, useMemo as w } from "react";
-import { F as y } from "./index11.js";
-import { B as T } from "./index6.js";
-const G = {
-  [i.TWEET]: { label: "Insight", iconName: "icon-insight" },
-  [i.PROMOTION]: { label: "Insight", iconName: "icon-insight" },
-  [i.UNSET]: void 0,
-  [i.FACTOID]: { label: "Insight", iconName: "icon-insight" },
-  [i.POLL]: { label: "Poll", iconName: "icon-poll" },
-  [i.TRIVIA]: { label: "Trivia", iconName: "icon-trivia" },
-  [i.PREDICTION]: { label: "Prediction", iconName: "icon-prediction" }
-}, J = {
-  [i.TWEET]: "Learn more",
-  [i.FACTOID]: "Learn more",
-  [i.POLL]: "Answer",
-  [i.TRIVIA]: "Answer",
-  [i.PREDICTION]: "Answer",
-  [i.PROMOTION]: "",
-  [i.UNSET]: ""
-}, K = (r) => r.split(/\s+/).map((n) => n[0]).join("").toUpperCase(), X = (r) => r ? r.toLocaleString("en-US") : "0", L = (r) => {
-  const n = new Date(r);
-  if (!n)
-    return "";
-  const c = /* @__PURE__ */ new Date(), o = Math.floor(c.getTime() - n.getTime());
-  return o < 6e4 ? `${Math.floor(o / 1e3)}s` : o < 36e5 ? `${Math.floor(o / 6e4)}m` : o < 864e5 ? `${Math.floor(o / 36e5)}h` : n.getFullYear() === c.getFullYear() ? `${n.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric"
-  })}` : `${n.toLocaleDateString("en-US", {
-    month: "2-digit",
-    day: "2-digit",
-    year: "2-digit"
-  })}`;
-}, D = /* @__PURE__ */ a("div")({
-  name: "Container",
-  class: "cjq447q",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ a("div")({
-  name: "ImageContainer",
-  class: "i14egogb",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ a("img")({
-  name: "Image",
-  class: "i2g9g4l",
-  propsAsIs: !1
-}), O = () => T, E = /* @__PURE__ */ a(O())({
-  name: "TwitterIcon",
-  class: "t1c454nm",
-  propsAsIs: !0
-}), b = /* @__PURE__ */ a("div")({
-  name: "Details",
-  class: "d11nigc3",
-  propsAsIs: !1
-}), x = /* @__PURE__ */ a("div")({
-  name: "Name",
-  class: "nrxa4k8",
-  propsAsIs: !1
-}), C = /* @__PURE__ */ a("div")({
-  name: "UserNameAndDate",
-  class: "u1p051g3",
-  propsAsIs: !1
-}), F = ({ image: r, name: n, userName: c, verified: o, createdTweet: p }) => {
-  const m = p && L(p);
-  return /* @__PURE__ */ t(D, { children: [
-    r && /* @__PURE__ */ t(H, { children: [
-      /* @__PURE__ */ s(S, { className: "SL_AccountImage", src: r }),
-      /* @__PURE__ */ s(E, { name: "twitter" })
-    ] }),
-    /* @__PURE__ */ t(b, { children: [
-      n && /* @__PURE__ */ t(x, { className: "SL_TweetAccountName", children: [
-        n,
-        " ",
-        o && /* @__PURE__ */ s(T, { name: "icon-twitter-verified" })
-      ] }),
-      c && /* @__PURE__ */ t(C, { className: "SL_TweetAccountUserName", children: [
-        "@",
-        c,
-        " ",
-        m && `･ ${m}`
-      ] })
-    ] })
-  ] });
-}, P = /* @__PURE__ */ a("div")({
-  name: "Container",
-  class: "c1kzqw87",
-  propsAsIs: !1
-}), M = /* @__PURE__ */ a("div")({
-  name: "Details",
-  class: "d9r1hf9",
-  propsAsIs: !1
-}), R = /* @__PURE__ */ a("div")({
-  name: "Body",
-  class: "bezygt5",
-  propsAsIs: !1
-}), d = /* @__PURE__ */ a("div")({
-  name: "ImagesContainer",
-  class: "i1y8f7ym",
-  propsAsIs: !1
-}), h = /* @__PURE__ */ a("div")({
-  name: "ImagesBlock",
-  class: "i18gwonx",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ a("img")({
-  name: "Image",
-  class: "i3g0xjd",
-  propsAsIs: !1
-}), j = () => N, l = /* @__PURE__ */ a(j())({
-  name: "ImageFullSize",
-  class: "io8rt7p",
-  propsAsIs: !0
-}), V = () => N, f = /* @__PURE__ */ a(V())({
-  name: "ImageHalfSize",
-  class: "i4hn3ox",
-  propsAsIs: !0
-}), _ = new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"), z = (r) => r?.replace(_, ""), Z = $(
-  ({ image: r, body: n, muted: c, account: o, accountVerified: p, tweet: m, isDetail: u, controlVideo: v }) => {
-    const e = m?.meta?.extendedEntities?.media, g = e?.find(
-      ({ type: I }) => I === "photo"
-      /* PHOTO */
-    ), A = w(() => e?.[0]?.videoInfo?.variants?.findLast(
-      ({ contentType: I }) => I === "video/mp4"
-      /* VIDEO */
-    )?.url, [e]);
-    return /* @__PURE__ */ t(P, { children: [
-      /* @__PURE__ */ t(M, { children: [
-        /* @__PURE__ */ s(
-          F,
-          {
-            image: r,
-            name: m?.meta?.accountName,
-            userName: o,
-            verified: p,
-            createdTweet: m?.date
-          }
-        ),
-        /* @__PURE__ */ s(R, { children: z(n) }),
-        !u && g && /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(l, { src: e?.[0].mediaUrlHttps }) }),
-        u && g && /* @__PURE__ */ t(U, { children: [
-          e?.length === 1 && /* @__PURE__ */ s(d, { children: /* @__PURE__ */ s(l, { src: e[0].mediaUrlHttps }) }),
-          e?.length === 2 && /* @__PURE__ */ t(d, { children: [
-            /* @__PURE__ */ s(f, { src: e[0].mediaUrlHttps }),
-            /* @__PURE__ */ s(f, { src: e[1].mediaUrlHttps })
-          ] }),
-          e?.length === 3 && /* @__PURE__ */ t(d, { children: [
-            /* @__PURE__ */ s(f, { src: e[0].mediaUrlHttps }),
-            /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ s(l, { src: e[1].mediaUrlHttps }),
-              /* @__PURE__ */ s(l, { src: e[2].mediaUrlHttps })
-            ] })
-          ] }),
-          e?.length === 4 && /* @__PURE__ */ t(d, { children: [
-            /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ s(l, { src: e[0].mediaUrlHttps }),
-              /* @__PURE__ */ s(l, { src: e[1].mediaUrlHttps })
-            ] }),
-            /* @__PURE__ */ t(h, { children: [
-              /* @__PURE__ */ s(l, { src: e[2].mediaUrlHttps }),
-              /* @__PURE__ */ s(l, { src: e[3].mediaUrlHttps })
-            ] })
-          ] })
-        ] })
-      ] }),
-      !g && (e?.[0]?.type === "video" || e?.[0]?.type === "animated_gif") && A && /* @__PURE__ */ s(
-        y,
-        {
-          muted: c,
-          source: A,
-          poster: e[0].mediaUrlHttps,
-          controlVideo: v
-        }
-      )
-    ] });
-  }
-);
-export {
-  F as D,
-  K as I,
-  Z as N,
-  G as e,
-  z as j,
-  J as o,
-  X as s
-};