analytica-frontend-lib 1.1.11 → 1.1.12

package/dist/index.mjs

@@ -6789,6 +6789,8 @@ import {
   DotsThreeVertical as DotsThreeVertical2
 } from "phosphor-react";
 import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+var CONTROLS_HIDE_TIMEOUT = 3e3;
+var LEAVE_HIDE_TIMEOUT = 1e3;
 var formatTime = (seconds) => {
   if (!seconds || isNaN(seconds)) return "0:00";
   const mins = Math.floor(seconds / 60);
@@ -6908,6 +6910,16 @@ var VideoPlayer = ({
   const controlsTimeoutRef = useRef9(null);
   const lastMousePositionRef = useRef9({ x: 0, y: 0 });
   const mouseMoveTimeoutRef = useRef9(null);
+  const isUserInteracting = useCallback(() => {
+    if (showSpeedMenu) return true;
+    const activeElement = document.activeElement;
+    const videoContainer = videoRef.current?.parentElement;
+    if (activeElement && videoContainer?.contains(activeElement)) {
+      const isControl = activeElement.matches("button, input, [tabindex]");
+      if (isControl) return true;
+    }
+    return false;
+  }, [showSpeedMenu]);
   const clearControlsTimeout = useCallback(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
@@ -6924,12 +6936,11 @@ var VideoPlayer = ({
     setShowControls(true);
     clearControlsTimeout();
     if (isPlaying) {
-      const timeout = isFullscreen ? 2e3 : 3e3;
       controlsTimeoutRef.current = window.setTimeout(() => {
         setShowControls(false);
-      }, timeout);
+      }, CONTROLS_HIDE_TIMEOUT);
     }
-  }, [isPlaying, isFullscreen, clearControlsTimeout]);
+  }, [isPlaying, clearControlsTimeout]);
   const handleMouseMove = useCallback(
     (event) => {
       const currentX = event.clientX;
@@ -6943,6 +6954,14 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
+  const handleMouseLeave = useCallback(() => {
+    clearControlsTimeout();
+    if (isPlaying && !isUserInteracting()) {
+      controlsTimeoutRef.current = window.setTimeout(() => {
+        setShowControls(false);
+      }, LEAVE_HIDE_TIMEOUT);
+    }
+  }, [isPlaying, clearControlsTimeout, isUserInteracting]);
   useEffect11(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
@@ -7243,12 +7262,13 @@ var VideoPlayer = ({
         className: cn(
           "relative w-full bg-background overflow-hidden group",
           title || subtitleText ? "rounded-b-xl" : "rounded-xl",
-          // Hide cursor when controls are hidden and video is playing in fullscreen
-          isFullscreen && isPlaying && !showControls ? "cursor-none" : "cursor-default"
+          // Hide cursor when controls are hidden and video is playing
+          isPlaying && !showControls ? "cursor-none group-hover:cursor-default" : "cursor-default"
         ),
         "aria-label": title ? `Video player: ${title}` : "Video player",
-        onMouseMove: isFullscreen ? handleMouseMove : showControlsWithTimer,
+        onMouseMove: handleMouseMove,
         onMouseEnter: showControlsWithTimer,
+        onMouseLeave: handleMouseLeave,
         children: [
           /* @__PURE__ */ jsx36(
             "video",