@skippr/live-agent-sdk 0.113.0 → 0.114.0

package/dist/esm/lib-exports.js

@@ -7180,6 +7180,7 @@ function DomCapture({ pushOrTapMicMode = false, startMuted = false }) {
 import { useDataChannel } from "@livekit/components-react/hooks";
 import { useCallback as useCallback18, useEffect as useEffect25, useRef as useRef19 } from "react";
 var HIGHLIGHT_AUTO_CLEAR_MS = 25000;
+var HIGHLIGHT_RETARGET_INTERVAL_MS = 250;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
   try {
@@ -7202,12 +7203,14 @@ function parseHighlightMessage(payload) {
 }
 function HighlightOverlay() {
   const targetRef = useRef19(null);
+  const shownRef = useRef19(null);
   const autoClearRef = useRef19(null);
   const clear = useCallback18(() => {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     autoClearRef.current = null;
     targetRef.current = null;
+    shownRef.current = null;
     clearCursorTarget("guide");
     setHighlightActive(false);
   }, []);
@@ -7227,6 +7230,7 @@ function HighlightOverlay() {
     if (autoClearRef.current)
       clearTimeout(autoClearRef.current);
     targetRef.current = element;
+    shownRef.current = parsed;
     setCursorTarget("guide", {
       element,
       label: parsed.message || "Click here",
@@ -7237,6 +7241,26 @@ function HighlightOverlay() {
   }, [clear]);
   useDataChannel(HIGHLIGHT_TOPIC, onHighlightMessage);
   useEffect25(() => onHighlightCleared(clear), [clear]);
+  useEffect25(() => {
+    const timer = setInterval(() => {
+      const shown = shownRef.current;
+      const target = targetRef.current;
+      if (!shown || !target || target.isConnected)
+        return;
+      const replacement = findElementByRef(shown.ref);
+      if (!replacement) {
+        clear();
+        return;
+      }
+      targetRef.current = replacement;
+      setCursorTarget("guide", {
+        element: replacement,
+        label: shown.message || "Click here",
+        mode: "guide"
+      });
+    }, HIGHLIGHT_RETARGET_INTERVAL_MS);
+    return () => clearInterval(timer);
+  }, [clear]);
   useEffect25(() => {
     const onClick = (event) => {
       const target = targetRef.current;