@skippr/live-agent-sdk 0.98.0 → 0.99.0

package/dist/esm/lib-exports.js

@@ -3146,6 +3146,7 @@ function useSessionHold({
   const [countdown, setCountdown] = useState9(timeoutSeconds);
   const screenWasSharedBeforeHoldRef = useRef11(false);
   const holdTransitionInFlightRef = useRef11(false);
+  const clearPausedCaptureRef = useRef11(null);
   const publish = useCallback10(async (type) => {
     await localParticipant.publishData(textEncoder2.encode(JSON.stringify({ type })), {
       reliable: true,
@@ -3192,6 +3193,7 @@ function useSessionHold({
     try {
       await localParticipant.setMicrophoneEnabled(true);
       await resumeScreenShareOnResume();
+      clearPausedCaptureRef.current?.();
       await publish("resume");
       setIsHeld(false);
     } catch (error) {
@@ -3223,7 +3225,7 @@ function useSessionHold({
       holdTransitionInFlightRef.current = false;
     });
   }, [isHeld, hold, release]);
-  return { isHeld, countdown, toggle };
+  return { isHeld, countdown, toggle, clearPausedCaptureRef };
 }
 
 // src/context/SessionHoldContext.tsx
@@ -3231,7 +3233,8 @@ import { jsx as jsx13 } from "react/jsx-runtime";
 var SessionHoldContext = createContext3({
   isHeld: false,
   countdown: 0,
-  toggle: () => {}
+  toggle: () => {},
+  clearPausedCaptureRef: { current: null }
 });
 function SessionHoldProvider({ children }) {
   const { pauseSession } = useLiveAgent();
@@ -6036,7 +6039,7 @@ async function unpublishAndStopTrack(localParticipant, videoTrack) {
 function DomCapture({ pushOrTapMicMode = false }) {
   const { localParticipant } = useLocalParticipant5();
   const connectionState = useConnectionState2();
-  const { isHeld } = useSessionHoldContext();
+  const { isHeld, clearPausedCaptureRef } = useSessionHoldContext();
   const accentColor = useContext9(LiveAgentContext)?.appearance?.accentColor ?? null;
   const brand = useMemo4(() => resolveBrandPalette(accentColor), [accentColor]);
   const brandRef = useRef17(brand);
@@ -6250,16 +6253,22 @@ function DomCapture({ pushOrTapMicMode = false }) {
       pausedRef.current = true;
       drawPausedOverlay(canvas, ctx);
     };
-    resumeCaptureRef.current = () => {
+    const repaintCleanFrameFromCachedPage = () => {
       pausedRef.current = false;
+      compositePageAndCursorOverlay(ctx, canvas, cachedPage, brandRef.current);
+    };
+    resumeCaptureRef.current = () => {
+      repaintCleanFrameFromCachedPage();
       tickA11yPublish();
       refreshPageAndComposite();
     };
+    clearPausedCaptureRef.current = repaintCleanFrameFromCachedPage;
     return () => {
       cancelled = true;
       didStartRef.current = false;
       freezeCaptureRef.current = null;
       resumeCaptureRef.current = null;
+      clearPausedCaptureRef.current = null;
       if (snapshotTimer)
         clearTimeout(snapshotTimer);
       if (scrollSettleTimer)
@@ -6275,7 +6284,7 @@ function DomCapture({ pushOrTapMicMode = false }) {
       for (const track of canvasStream.getTracks())
         track.stop();
     };
-  }, [connectionState, localParticipant, pushOrTapMicMode]);
+  }, [connectionState, localParticipant, pushOrTapMicMode, clearPausedCaptureRef]);
   useEffect22(() => {
     if (isHeld) {
       freezeCaptureRef.current?.();