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

package/lib/classic/es/index.js

@@ -1,15 +0,0 @@
-import { h as r } from "./index8.js";
-import { D as m } from "./index2.js";
-import { a as S, x as s } from "./notification2.js";
-import { V as L, g as i, Y as f, _ as x, q as D } from "./hooks-n9ax4LRT.js";
-export {
-  L as StreamLayerProvider,
-  i as StreamLayerSDKEvent,
-  S as StreamLayerSDKNotification,
-  s as StreamLayerSDKNotificationUI,
-  m as StreamLayerSDKReact,
-  r as StreamLayerThemeProvider,
-  f as useStreamLayer,
-  x as useStreamLayerTheme,
-  D as useStreamLayerUI
-};

package/lib/classic/es/index10.js

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