analytica-frontend-lib 1.1.85 → 1.1.87

package/dist/index.js

@@ -8707,6 +8707,8 @@ var VideoPlayer = ({
     }
   }, [isPlaying, isFullscreen, showControlsWithTimer, clearControlsTimeout]);
   (0, import_react27.useEffect)(() => {
+    const video = videoRef.current;
+    if (!video) return;
     const handleFullscreenChange = () => {
       const isCurrentlyFullscreen = !!document.fullscreenElement;
       setIsFullscreen(isCurrentlyFullscreen);
@@ -8714,9 +8716,29 @@ var VideoPlayer = ({
         showControlsWithTimer();
       }
     };
+    const handleWebkitBeginFullscreen = () => {
+      setIsFullscreen(true);
+      showControlsWithTimer();
+    };
+    const handleWebkitEndFullscreen = () => {
+      setIsFullscreen(false);
+    };
     document.addEventListener("fullscreenchange", handleFullscreenChange);
+    video.addEventListener(
+      "webkitbeginfullscreen",
+      handleWebkitBeginFullscreen
+    );
+    video.addEventListener("webkitendfullscreen", handleWebkitEndFullscreen);
     return () => {
       document.removeEventListener("fullscreenchange", handleFullscreenChange);
+      video.removeEventListener(
+        "webkitbeginfullscreen",
+        handleWebkitBeginFullscreen
+      );
+      video.removeEventListener(
+        "webkitendfullscreen",
+        handleWebkitEndFullscreen
+      );
     };
   }, [showControlsWithTimer]);
   (0, import_react27.useEffect)(() => {
@@ -8823,15 +8845,30 @@ var VideoPlayer = ({
       video.currentTime = newTime;
     }
   }, []);
+  const isSafariIOS = (0, import_react27.useCallback)(() => {
+    const ua = navigator.userAgent;
+    const isIOS = /iPad|iPhone|iPod/.test(ua);
+    const isWebKit = /WebKit/.test(ua);
+    const isNotChrome = !/CriOS|Chrome/.test(ua);
+    return isIOS && isWebKit && isNotChrome;
+  }, []);
   const toggleFullscreen = (0, import_react27.useCallback)(() => {
-    const container = videoRef.current?.parentElement;
-    if (!container) return;
-    if (!isFullscreen && container.requestFullscreen) {
+    const video = videoRef.current;
+    const container = video?.parentElement;
+    if (!video || !container) return;
+    if (isSafariIOS()) {
+      const videoElement = video;
+      if (!isFullscreen && videoElement.webkitEnterFullscreen) {
+        videoElement.webkitEnterFullscreen();
+      } else if (isFullscreen && videoElement.webkitExitFullscreen) {
+        videoElement.webkitExitFullscreen();
+      }
+    } else if (!isFullscreen && container.requestFullscreen) {
       container.requestFullscreen();
     } else if (isFullscreen && document.exitFullscreen) {
       document.exitFullscreen();
     }
-  }, [isFullscreen]);
+  }, [isFullscreen, isSafariIOS]);
   const handleSpeedChange = (0, import_react27.useCallback)((speed) => {
     if (videoRef.current) {
       videoRef.current.playbackRate = speed;
@@ -9240,7 +9277,7 @@ var Whiteboard = ({
       "div",
       {
         className: cn(
-          "flex items-center justify-center p-8 bg-background border border-gray-100 rounded-xl",
+          "flex items-center justify-center p-8 bg-background border border-border-50 rounded-xl",
           className
         ),
         ...rest,
@@ -9252,7 +9289,7 @@ var Whiteboard = ({
     "div",
     {
       className: cn(
-        "flex flex-col bg-background border border-gray-100 p-4 gap-2 rounded-xl w-fit mx-auto",
+        "flex flex-col bg-background border border-border-50 p-4 gap-2 rounded-xl w-fit mx-auto",
         className
       ),
       ...rest,