@burdenoff/website-sdk 2026.1102.3 → 2026.1104.2

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7O2I32ZN_js = require('../chunk-7O2I32ZN.js');
+var chunkWSEQ2I6I_js = require('../chunk-WSEQ2I6I.js');
 var chunkO4GS3XPZ_js = require('../chunk-O4GS3XPZ.js');
 var chunkC6OJIHNO_js = require('../chunk-C6OJIHNO.js');
 require('../chunk-ZSTFX7FV.js');
@@ -68,7 +68,7 @@ function readAvailability(status, body) {
     const { consentVersion, maxSessionSeconds } = body;
     const botCheck = readBotCheck(body.botCheck);
     const questions = readQuestions(body.questions);
-    if (available !== true || typeof consentVersion !== "string" || !chunk7O2I32ZN_js.isAvatarVersion(consentVersion) || typeof maxSessionSeconds !== "number" || !Number.isInteger(maxSessionSeconds) || maxSessionSeconds < 1 || botCheck === null || questions === null) {
+    if (available !== true || typeof consentVersion !== "string" || !chunkWSEQ2I6I_js.isAvatarVersion(consentVersion) || typeof maxSessionSeconds !== "number" || !Number.isInteger(maxSessionSeconds) || maxSessionSeconds < 1 || botCheck === null || questions === null) {
       return INERT;
     }
     return {
@@ -160,7 +160,7 @@ function deadline(timeoutMs, outer) {
   };
 }
 async function requestAvailability(target) {
-  if (!chunk7O2I32ZN_js.isAvatarSite(target.site) || !LOCALE.test(target.locale)) return INERT;
+  if (!chunkWSEQ2I6I_js.isAvatarSite(target.site) || !LOCALE.test(target.locale)) return INERT;
   const query = new URLSearchParams({
     site: target.site,
     locale: target.locale
@@ -737,7 +737,7 @@ var CONSENT = /* @__PURE__ */ new Map([
   ]
 ]);
 function avatarConsentCopy(version, locale) {
-  if (!chunk7O2I32ZN_js.isAvatarLiveLocaleReviewed(locale)) return null;
+  if (!chunkWSEQ2I6I_js.isAvatarLiveLocaleReviewed(locale)) return null;
   return CONSENT.get(version)?.[locale] ?? null;
 }
 
@@ -859,6 +859,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;
@@ -868,6 +870,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",
@@ -1026,11 +1034,13 @@ function clock(seconds) {
 function AvatarLiveView({
   live,
   active,
+  open,
   locale,
   productName,
   still,
   fallback,
   onContinueInChat,
+  onVoiceHold,
   continueInChat,
   newChat,
   send,
@@ -1078,9 +1088,19 @@ function AvatarLiveView({
   const askMaxLength = chatMaxLength !== void 0 && Number.isFinite(chatMaxLength) && chatMaxLength >= 1 ? Math.min(ASK_MAX_LENGTH, Math.floor(chatMaxLength)) : ASK_MAX_LENGTH;
   const [note, setNote] = react.useState(null);
   const [usedToday, setUsedToday] = react.useState(false);
+  const showing = active && !off;
+  const behindChat = open && !active && !off;
   const phaseRef = react.useRef(IDLE);
-  const latest = react.useRef({ live, locale, base, headers, off, currentPath });
-  latest.current = { live, locale, base, headers, off, currentPath };
+  const latest = react.useRef({
+    live,
+    locale,
+    base,
+    headers,
+    off,
+    currentPath,
+    showing
+  });
+  latest.current = { live, locale, base, headers, off, currentPath, showing };
   const conversationRef = react.useRef(conversation);
   conversationRef.current = conversation;
   const waitRef = react.useRef(null);
@@ -1099,6 +1119,10 @@ function AvatarLiveView({
     phaseRef.current = next;
     setPhase(next);
   }, []);
+  const inSight = react.useCallback(
+    () => latest.current.showing && (typeof document === "undefined" || document.visibilityState !== "hidden"),
+    []
+  );
   const setMode = react.useCallback((next) => {
     questionsRef.current = next;
     setQuestions(next);
@@ -1135,6 +1159,7 @@ function AvatarLiveView({
       const handle = sessionRef.current;
       if (!handle || handle.done) return;
       handle.done = true;
+      stopAttending(handle);
       sessionRef.current = null;
       if (reason !== null) {
         sendEnd({
@@ -1153,6 +1178,44 @@ function AvatarLiveView({
     },
     [go]
   );
+  const goLive = react.useCallback(() => {
+    const current = phaseRef.current;
+    const handle = sessionRef.current;
+    if (current.name !== "pending" || !handle) return;
+    handle.speakerArrived = true;
+    if (questionsRef.current === "any") {
+      noteUsedToday();
+      setUsedToday(true);
+    }
+    go({ name: "live", session: current.session });
+  }, [go]);
+  const attend = react.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 = react.useCallback((reason) => {
     const run = startRef.current;
     if (!run) return;
@@ -1180,7 +1243,7 @@ function AvatarLiveView({
         go(INERT2);
         return;
       }
-      if (result.offer.botCheck === "turnstile" && chunk7O2I32ZN_js.turnstileSiteKeyOf(live2) === null) {
+      if (result.offer.botCheck === "turnstile" && chunkWSEQ2I6I_js.turnstileSiteKeyOf(live2) === null) {
         setMode("suggested");
         go(INERT2);
         return;
@@ -1229,6 +1292,11 @@ function AvatarLiveView({
         joined: null,
         endsAt,
         speakerArrived: false,
+        voiceArrived: false,
+        soundHeld: false,
+        playedOut: false,
+        unheard: null,
+        tail: null,
         done: false
       };
       setBlocked(false);
@@ -1308,7 +1376,7 @@ function AvatarLiveView({
         return;
       }
       const refusedFrom = exchangeAtStart.offerUntil - ANSWER_OFFER_MS + SERVICE_MAX_AGE_MS;
-      const siteKey = offer.botCheck === "turnstile" ? chunk7O2I32ZN_js.turnstileSiteKeyOf(live2) : null;
+      const siteKey = offer.botCheck === "turnstile" ? chunkWSEQ2I6I_js.turnstileSiteKeyOf(live2) : null;
       if (offer.botCheck === "turnstile" && (siteKey === null || !canBindBotCheck())) {
         go(INERT2);
         return;
@@ -1489,9 +1557,11 @@ function AvatarLiveView({
     }
   }, [cancelStart, cancelWaiting, finish, go, reoffer]);
   const leave = react.useCallback(
-    (reason) => {
+    (event) => {
       const current = phaseRef.current;
+      const reason = event === "user" || event === "chat" ? "user" : "page_hide";
       const how = reason === "user" ? "stopped" : "interrupted";
+      const keepsSession = event === "chat" || event === "hidden";
       switch (current.name) {
         case "checking": {
           if (reason !== "user") return;
@@ -1509,26 +1579,36 @@ function AvatarLiveView({
           go(reason === "user" ? IDLE : reoffer(current.offer));
           return;
         case "creating":
+          if (keepsSession) return;
           cancelStart(reason);
           go({ name: "ended", how });
           return;
         case "pending":
         case "live":
+          if (keepsSession) {
+            if (current.name === "pending" && sessionRef.current?.speakerArrived) {
+              goLive();
+            }
+            return;
+          }
           finish(how, reason);
           return;
         default:
           return;
       }
     },
-    [cancelStart, cancelWaiting, finish, go, reoffer]
+    [cancelStart, cancelWaiting, finish, go, goLive, reoffer]
   );
-  const showing = active && !off;
   react.useEffect(() => {
     if (!showing) {
-      leave("user");
+      leave(behindChat ? "chat" : "user");
       return;
     }
     const current = phaseRef.current;
+    if (current.name === "creating" || current.name === "pending" || current.name === "live") {
+      setNow(Date.now());
+      return;
+    }
     const offered = offeredNow();
     const used = offered !== null && claimedRef.current.has(offered);
     if (current.name === "ended" && used) return;
@@ -1541,7 +1621,10 @@ function AvatarLiveView({
     current.name === "checking" && checkRef.current === null) {
       check();
     }
-  }, [showing, check, leave, offeredNow]);
+  }, [showing, behindChat, check, leave, offeredNow]);
+  react.useEffect(() => {
+    attend();
+  }, [showing, attend]);
   react.useEffect(() => {
     if (askedLocale.current === locale) return;
     askedLocale.current = locale;
@@ -1628,10 +1711,29 @@ function AvatarLiveView({
       const wasLive = phaseRef.current.name === "live";
       switch (event.type) {
         case "speaker-track":
-          if (event.kind === "video") handle.speakerArrived = true;
+          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(
@@ -1645,7 +1747,7 @@ function AvatarLiveView({
           return;
       }
     },
-    [finish]
+    [attend, finish, goLive, inSight]
   );
   react.useEffect(() => {
     if (phase.name !== "pending") return;
@@ -1719,11 +1821,25 @@ function AvatarLiveView({
     const timer = setInterval(() => setNow(Date.now()), 1e3);
     return () => clearInterval(timer);
   }, [ticking]);
+  const voiceLine = phase.name === "live" ? S.speaking : phase.name === "creating" || phase.name === "pending" ? S.connecting : null;
+  const onVoiceHoldRef = react.useRef(onVoiceHold);
+  onVoiceHoldRef.current = onVoiceHold;
+  react.useEffect(() => {
+    onVoiceHoldRef.current?.(voiceLine);
+  }, [voiceLine]);
+  react.useEffect(() => () => onVoiceHoldRef.current?.(null), []);
   react.useEffect(() => {
     if (typeof window === "undefined") return;
     const onPageHide = () => leave("page_hide");
     const onVisibility = () => {
-      if (document.visibilityState === "hidden") leave("page_hide");
+      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);
@@ -1731,7 +1847,7 @@ function AvatarLiveView({
       window.removeEventListener("pagehide", onPageHide);
       document.removeEventListener("visibilitychange", onVisibility);
     };
-  }, [leave]);
+  }, [attend, leave]);
   react.useEffect(
     () => () => {
       const controller = checkRef.current;
@@ -1750,6 +1866,7 @@ function AvatarLiveView({
       sessionRef.current = null;
       if (handle && !handle.done) {
         handle.done = true;
+        stopAttending(handle);
         sendEnd({
           base: handle.base,
           headers: handle.headers,
@@ -1829,17 +1946,7 @@ function AvatarLiveView({
     if (focused && focused !== document.body && focused.isConnected) return;
     rootRef.current?.querySelector(PRIMARY)?.focus();
   }, [active, phase.name, askState, shown.pendingAnswerId, blocked]);
-  const onPlaying = react.useCallback(() => {
-    const current = phaseRef.current;
-    const handle = sessionRef.current;
-    if (current.name !== "pending" || !handle) return;
-    handle.speakerArrived = true;
-    if (questionsRef.current === "any") {
-      noteUsedToday();
-      setUsedToday(true);
-    }
-    go({ name: "live", session: current.session });
-  }, [go]);
+  const onPlaying = goLive;
   const enablePlayback = react.useCallback(() => {
     void sessionRef.current?.joined?.enablePlayback().catch(() => void 0);
   }, []);