analytica-frontend-lib 1.1.11 → 1.1.12

package/dist/index.js

@@ -6826,6 +6826,8 @@ var NotFound_default = NotFound;
 var import_react22 = require("react");
 var import_phosphor_react18 = require("phosphor-react");
 var import_jsx_runtime36 = require("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);
@@ -6945,6 +6947,16 @@ var VideoPlayer = ({
   const controlsTimeoutRef = (0, import_react22.useRef)(null);
   const lastMousePositionRef = (0, import_react22.useRef)({ x: 0, y: 0 });
   const mouseMoveTimeoutRef = (0, import_react22.useRef)(null);
+  const isUserInteracting = (0, import_react22.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 = (0, import_react22.useCallback)(() => {
     if (controlsTimeoutRef.current) {
       clearTimeout(controlsTimeoutRef.current);
@@ -6961,12 +6973,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 = (0, import_react22.useCallback)(
     (event) => {
       const currentX = event.clientX;
@@ -6980,6 +6991,14 @@ var VideoPlayer = ({
     },
     [showControlsWithTimer]
   );
+  const handleMouseLeave = (0, import_react22.useCallback)(() => {
+    clearControlsTimeout();
+    if (isPlaying && !isUserInteracting()) {
+      controlsTimeoutRef.current = window.setTimeout(() => {
+        setShowControls(false);
+      }, LEAVE_HIDE_TIMEOUT);
+    }
+  }, [isPlaying, clearControlsTimeout, isUserInteracting]);
   (0, import_react22.useEffect)(() => {
     if (videoRef.current) {
       videoRef.current.volume = volume;
@@ -7280,12 +7299,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__ */ (0, import_jsx_runtime36.jsx)(
             "video",