@burdenoff/website-sdk 2026.1104.1 → 2026.1104.2

package/dist/avatar-live-view/index.mjs

@@ -1,4 +1,4 @@
-import { turnstileSiteKeyOf, isAvatarLiveLocaleReviewed, isAvatarSite, isAvatarVersion } from '../chunk-K3QZGJEH.mjs';
+import { turnstileSiteKeyOf, isAvatarLiveLocaleReviewed, isAvatarSite, isAvatarVersion } from '../chunk-7MSB3EUI.mjs';
 import { fill } from '../chunk-TT3MHN42.mjs';
 import { cn } from '../chunk-R7G6TWIS.mjs';
 import '../chunk-VNS5WDWO.mjs';
@@ -857,6 +857,8 @@ var PRIVACY_HREF = "/privacy#live-avatar";
 var SPEAKER_WAIT_MS = 3e4;
 var END_GRACE_MS = 1e4;
 var CLOCK_TOLERANCE_MS = 5e3;
+var UNHEARD_GRACE_MS = 5e3;
+var PLAYOUT_TAIL_MS = 5e3;
 var SERVICE_MAX_AGE_MS = 15 * 6e4;
 var ANSWER_OFFER_MS = SERVICE_MAX_AGE_MS - 6e4;
 var MAX_TIMER_MS = 2147483647;
@@ -866,6 +868,12 @@ var USED_ON_KEY = "boff.explore.avatarUsedOn";
 var PRIMARY = '[data-avatar-primary], [data-boff-explore="panel-continue-chat"]';
 var IDLE = { name: "idle" };
 var INERT2 = { name: "inert" };
+function stopAttending(handle) {
+  if (handle.unheard !== null) clearTimeout(handle.unheard);
+  if (handle.tail !== null) clearTimeout(handle.tail);
+  handle.unheard = null;
+  handle.tail = null;
+}
 var REFUSAL_TEXT = {
   busy: "busy",
   limits: "limits",
@@ -1149,6 +1157,7 @@ function AvatarLiveView({
       const handle = sessionRef.current;
       if (!handle || handle.done) return;
       handle.done = true;
+      stopAttending(handle);
       sessionRef.current = null;
       if (reason !== null) {
         sendEnd({
@@ -1178,6 +1187,33 @@ function AvatarLiveView({
     }
     go({ name: "live", session: current.session });
   }, [go]);
+  const attend = useCallback(() => {
+    const handle = sessionRef.current;
+    if (!handle || handle.done || latest.current.live.endUnattended !== true) {
+      return;
+    }
+    const current = phaseRef.current.name;
+    if (current !== "pending" && current !== "live") return;
+    const away = !inSight();
+    if (away && handle.playedOut && current === "live") {
+      finish("finished", "user");
+      return;
+    }
+    if (!(away && handle.soundHeld && handle.voiceArrived)) {
+      if (handle.unheard !== null) {
+        clearTimeout(handle.unheard);
+        handle.unheard = null;
+      }
+      return;
+    }
+    if (handle.unheard !== null) return;
+    handle.unheard = setTimeout(() => {
+      handle.unheard = null;
+      if (sessionRef.current === handle && !handle.done && latest.current.live.endUnattended === true && handle.soundHeld && handle.voiceArrived && !inSight()) {
+        finish("interrupted", "user");
+      }
+    }, UNHEARD_GRACE_MS);
+  }, [finish, inSight]);
   const cancelStart = useCallback((reason) => {
     const run = startRef.current;
     if (!run) return;
@@ -1254,6 +1290,11 @@ function AvatarLiveView({
         joined: null,
         endsAt,
         speakerArrived: false,
+        voiceArrived: false,
+        soundHeld: false,
+        playedOut: false,
+        unheard: null,
+        tail: null,
         done: false
       };
       setBlocked(false);
@@ -1579,6 +1620,9 @@ function AvatarLiveView({
       check();
     }
   }, [showing, behindChat, check, leave, offeredNow]);
+  useEffect(() => {
+    attend();
+  }, [showing, attend]);
   useEffect(() => {
     if (askedLocale.current === locale) return;
     askedLocale.current = locale;
@@ -1665,12 +1709,29 @@ function AvatarLiveView({
       const wasLive = phaseRef.current.name === "live";
       switch (event.type) {
         case "speaker-track":
-          if (event.kind !== "video") return;
+          if (event.kind !== "video") {
+            handle.voiceArrived = true;
+            attend();
+            return;
+          }
           handle.speakerArrived = true;
           if (!inSight()) goLive();
           return;
         case "playback-blocked":
           setBlocked(event.blocked);
+          handle.soundHeld = event.sound ?? event.blocked;
+          attend();
+          return;
+        case "speech-ended":
+          if (latest.current.live.endUnattended !== true || handle.tail !== null || handle.playedOut) {
+            return;
+          }
+          handle.tail = setTimeout(() => {
+            handle.tail = null;
+            if (sessionRef.current !== handle || handle.done) return;
+            handle.playedOut = true;
+            attend();
+          }, PLAYOUT_TAIL_MS);
           return;
         case "speaker-left":
           finish(
@@ -1684,7 +1745,7 @@ function AvatarLiveView({
           return;
       }
     },
-    [finish, goLive, inSight]
+    [attend, finish, goLive, inSight]
   );
   useEffect(() => {
     if (phase.name !== "pending") return;
@@ -1771,10 +1832,12 @@ function AvatarLiveView({
     const onVisibility = () => {
       if (document.visibilityState === "hidden") {
         leave("hidden");
+        attend();
         return;
       }
       const current = phaseRef.current.name;
       if (current === "pending" || current === "live") setNow(Date.now());
+      attend();
     };
     window.addEventListener("pagehide", onPageHide);
     document.addEventListener("visibilitychange", onVisibility);
@@ -1782,7 +1845,7 @@ function AvatarLiveView({
       window.removeEventListener("pagehide", onPageHide);
       document.removeEventListener("visibilitychange", onVisibility);
     };
-  }, [leave]);
+  }, [attend, leave]);
   useEffect(
     () => () => {
       const controller = checkRef.current;
@@ -1801,6 +1864,7 @@ function AvatarLiveView({
       sessionRef.current = null;
       if (handle && !handle.done) {
         handle.done = true;
+        stopAttending(handle);
         sendEnd({
           base: handle.base,
           headers: handle.headers,