@streamlayer/react 1.24.6 → 1.24.8

package/lib/es/index14.js

@@ -1,8 +1,8 @@
 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 "./index8.js";
-import { G as ue, d as ie, b as de } from "./index9.js";
+import { useState as I, useEffect as b, useCallback as v, forwardRef as ce, useRef as R } from "react";
+import { H as f } from "./index5.js";
+import { G as ue, d as ie, b as de } from "./index8.js";
 import { C as pe } from "./useStreamLayerApp2.js";
 const me = /* @__PURE__ */ n("div")({
   name: "CloseIconWrap",
@@ -66,7 +66,7 @@ const me = /* @__PURE__ */ n("div")({
   name: "Poster",
   class: "p12ow7zo",
   propsAsIs: !1
-}), R = /* @__PURE__ */ n("div")({
+}), H = /* @__PURE__ */ n("div")({
   name: "Control",
   class: "cdpal9o",
   propsAsIs: !1
@@ -94,34 +94,34 @@ const me = /* @__PURE__ */ n("div")({
   name: "WebOSIconButton",
   class: "w1q3u7py",
   propsAsIs: !1
-}), Ee = () => Y, L = /* @__PURE__ */ n(Ee())({
+}), Ee = () => Y, B = /* @__PURE__ */ n(Ee())({
   name: "WebOSIconButtonAnimation",
   class: "wdlqvum",
   propsAsIs: !0
-}), Ne = () => L, Oe = /* @__PURE__ */ n(Ne())({
+}), Ne = () => B, Oe = /* @__PURE__ */ n(Ne())({
   name: "WebOSIconButtonPlay",
   class: "w1ylz9ea",
   propsAsIs: !0
-}), Se = () => L, We = /* @__PURE__ */ n(Se())({
+}), Se = () => B, We = /* @__PURE__ */ n(Se())({
   name: "WebOSIconButtonPause",
   class: "w1iylt55",
   propsAsIs: !0
-}), Be = () => L, Re = /* @__PURE__ */ n(Be())({
+}), Re = () => B, He = /* @__PURE__ */ n(Re())({
   name: "WebOSIconButtonMute",
   class: "w8h4h7",
   propsAsIs: !0
-}), Te = () => L, Le = /* @__PURE__ */ n(Te())({
+}), Te = () => B, Be = /* @__PURE__ */ n(Te())({
   name: "WebOSIconButtonUnmute",
   class: "w12l12kt",
   propsAsIs: !0
-}), Ue = (t) => {
+}), Le = (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 = new IntersectionObserver(Le, { threshold: 0.5 }), F = /* @__PURE__ */ new Set(), Ue = (t) => {
   ee.observe(t), F.add(t);
-}, ze = (t) => {
+}, je = (t) => {
   ee.unobserve(t), F.delete(t);
-}, He = () => {
+}, ze = () => {
   for (const t of F)
     t instanceof HTMLVideoElement && !t.paused && t.pause();
 };
@@ -137,7 +137,7 @@ function qe(...t) {
     [...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: [
+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(H, { 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 = ({
@@ -152,8 +152,8 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
   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" }) }) })
+  !t && !(a && o) && /* @__PURE__ */ e(H, { "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(H, { children: p ? /* @__PURE__ */ e(He, { onClick: c, children: /* @__PURE__ */ e(f, { name: "iconMute" }) }) : /* @__PURE__ */ e(Be, { onClick: d, children: /* @__PURE__ */ e(f, { name: "iconUnMute" }) }) })
 ] }), Ye = ce(
   ({
     poster: t,
@@ -167,7 +167,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
     onRender: y,
     onMute: C,
     onMuteClick: x,
-    onQuartile: U,
+    onQuartile: L,
     autoPlay: M,
     playMuted: k,
     className: te,
@@ -175,7 +175,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
     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);
+    const u = R(null), ne = qe(u, se), U = R(!1), j = R(!1), m = R(/* @__PURE__ */ new Set()), [G, K] = I(!1), [N, O] = I(!1), [z, _] = I(!1), [J, S] = I(!0), [q, W] = I(k), [$, oe] = I(!1);
     b(() => {
       a && (W(k), K(!1));
     }, [a]);
@@ -207,7 +207,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
           const g = u?.current;
           if (!g)
             return;
-          He(), g.play().catch((h) => console.log(h)), S(!1);
+          ze(), g.play().catch((h) => console.log(h)), S(!1);
         }
     }, re = () => {
       u?.current?.load(), S(!0);
@@ -216,14 +216,14 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
       P();
     }, [P]), b(() => {
       const s = u.current;
-      return s ? (z.current = s.muted, W(s.muted), je(s), () => {
-        ze(s);
+      return s ? (j.current = s.muted, W(s.muted), Ue(s), () => {
+        je(s);
       }) : () => {
       };
     }, []), b(() => {
       y?.();
     }, [y]), b(() => {
-      m.current.clear(), j.current = !1;
+      m.current.clear(), U.current = !1;
     }, [a]), /* @__PURE__ */ T(
       $e,
       {
@@ -242,18 +242,18 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
               src: a,
               autoPlay: M,
               onPlay: () => {
-                K(!0), j.current && (i?.(), m.current.clear()), O(!0), S(!1), c?.(), k ? A() : Q();
+                K(!0), U.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));
+                  h >= 25 && h < 50 && !m.current.has(25) ? (L?.(25), m.current.add(25)) : h >= 50 && h < 75 && !m.current.has(50) ? (L?.(50), m.current.add(50)) : h >= 75 && !m.current.has(75) && (L?.(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()));
+                j.current !== r && (C?.(r), j.current = r, (r !== w || w === void 0) && (r ? P() : Q()));
               },
               onError: async (s) => {
                 try {
@@ -272,7 +272,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
                 O(!1), d?.(), P();
               },
               onEnded: () => {
-                O(!1), j.current = !0, re(), p?.(), P();
+                O(!1), U.current = !0, re(), p?.(), P();
               },
               style: { visibility: J ? "hidden" : "visible" },
               controls: !1,
@@ -283,7 +283,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
           !E && /* @__PURE__ */ e(
             De,
             {
-              loading: H,
+              loading: z,
               autoPlay: M,
               played: G,
               playing: N,
@@ -296,7 +296,7 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
           E && /* @__PURE__ */ e(
             Fe,
             {
-              loading: H,
+              loading: z,
               autoPlay: M,
               playMuted: k,
               playing: N,
@@ -308,14 +308,14 @@ const $e = de(he), De = ({ loading: t, autoPlay: a, played: o, playing: l, isMut
               hasInteractedWithAudio: $
             }
           ),
-          H && /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(ie, {}) })
+          z && /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(ie, {}) })
         ]
       }
     );
   }
 );
 export {
-  He as O,
+  ze as O,
   Ye as V,
   Ze as y
 };