@brainfish-ai/components 0.13.14 → 0.14.1

package/dist/esm/chunks/{FormattedMessage.Cmv0Kl8o.js → FormattedMessage.C7CKFL5X.js}

@@ -39173,6 +39173,7 @@ const parseTimeParams = (url) => {
     return {};
   }
 };
+
 const NativeVideo = ({ attrs }) => {
   const { href } = attrs;
   const videoRef = React.useRef(null);
@@ -39180,25 +39181,42 @@ const NativeVideo = ({ attrs }) => {
   const [duration, setDuration] = React.useState(0);
   const [currentTime, setCurrentTime] = React.useState(0);
   const [isLoading, setIsLoading] = React.useState(true);
-  const handleLoadedMetadata = React.useCallback(() => {
-    if (videoRef.current) {
-      setDuration(videoRef.current.duration);
+  const hasSetInitialTime = React.useRef(false);
+  React.useEffect(() => {
+    const video = videoRef.current;
+    if (!video) {
+      return;
+    }
+    const abortController = new AbortController();
+    const { signal } = abortController;
+    const handleLoadStart = () => {
+      setCurrentTime(0);
+      hasSetInitialTime.current = false;
+      setIsLoading(true);
+    };
+    const handleLoadedMetadata = () => {
+      setDuration(video.duration);
+    };
+    const handleCanPlay = () => {
       setIsLoading(false);
-      if (startTime !== void 0) {
-        videoRef.current.currentTime = startTime;
+      if (startTime !== null && startTime !== void 0 && startTime >= 0 && !hasSetInitialTime.current) {
+        hasSetInitialTime.current = true;
+        video.currentTime = startTime;
         setCurrentTime(startTime);
       }
-    }
-  }, [startTime]);
-  const handleTimeUpdate = React.useCallback(() => {
-    if (videoRef.current) {
-      setCurrentTime(videoRef.current.currentTime);
-      if (endTime && videoRef.current.currentTime >= endTime) {
-        videoRef.current.pause();
-      }
-    }
-  }, [endTime]);
-  return /* @__PURE__ */ React.createElement("div", { className: "w-full relative" }, /* @__PURE__ */ React.createElement(
+    };
+    const handleTimeUpdate = () => {
+      setCurrentTime(video.currentTime);
+    };
+    video.addEventListener("loadstart", handleLoadStart, { signal });
+    video.addEventListener("loadedmetadata", handleLoadedMetadata, { signal });
+    video.addEventListener("canplay", handleCanPlay, { signal });
+    video.addEventListener("timeupdate", handleTimeUpdate, { signal });
+    return () => {
+      abortController.abort();
+    };
+  }, [startTime, endTime]);
+  return /* @__PURE__ */ React.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React.createElement(
     "video",
     {
       ref: videoRef,
@@ -39208,21 +39226,24 @@ const NativeVideo = ({ attrs }) => {
       height: "auto",
       src: href,
       title: "Native Video",
-      className: "rounded-lg overflow-hidden",
-      controlsList: "nodownload",
-      onLoadedMetadata: handleLoadedMetadata,
-      onTimeUpdate: handleTimeUpdate
+      className: "overflow-hidden rounded-lg",
+      controlsList: "nodownload"
     },
     "Your browser does not support the video tag."
-  ), duration > 0 && !isLoading && (startTime !== void 0 || endTime !== void 0) && /* @__PURE__ */ React.createElement(
-    VideoTimeline,
-    {
-      duration,
-      currentTime,
-      startTime: startTime ?? null,
-      endTime: endTime ?? null
+  ), React.useMemo(() => {
+    if (duration > 0 && !isLoading && (startTime !== void 0 || endTime !== void 0)) {
+      return /* @__PURE__ */ React.createElement(
+        VideoTimeline,
+        {
+          duration,
+          currentTime,
+          startTime: startTime ?? null,
+          endTime: endTime ?? null
+        }
+      );
     }
-  ));
+    return null;
+  }, [duration, isLoading, startTime, endTime, currentTime]));
 };
 NativeVideo.isMatch = (href) => {
   const [url] = href.split("?");
@@ -39729,4 +39750,4 @@ const FormattedMessage = memo(({ message, isStreaming, redirectRules = [], conte
 FormattedMessage.displayName = "FormattedMessage";
 
 export { CodeBlock as C, FormattedMessage as F, MemoizedReactMarkdown as M, ZoomableImage as Z, MermaidDiagram as a, addUtmParameters as b, addPopupWidgetUtm as c, getDefaultExportFromCjs as g };
-//# sourceMappingURL=FormattedMessage.Cmv0Kl8o.js.map
+//# sourceMappingURL=FormattedMessage.C7CKFL5X.js.map