@burdenoff/website-sdk 2026.1102.3 → 2026.1104.1

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

@@ -1024,11 +1024,13 @@ function clock(seconds) {
 function AvatarLiveView({
   live,
   active,
+  open,
   locale,
   productName,
   still,
   fallback,
   onContinueInChat,
+  onVoiceHold,
   continueInChat,
   newChat,
   send,
@@ -1076,9 +1078,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] = useState(null);
   const [usedToday, setUsedToday] = useState(false);
+  const showing = active && !off;
+  const behindChat = open && !active && !off;
   const phaseRef = useRef(IDLE);
-  const latest = useRef({ live, locale, base, headers, off, currentPath });
-  latest.current = { live, locale, base, headers, off, currentPath };
+  const latest = useRef({
+    live,
+    locale,
+    base,
+    headers,
+    off,
+    currentPath,
+    showing
+  });
+  latest.current = { live, locale, base, headers, off, currentPath, showing };
   const conversationRef = useRef(conversation);
   conversationRef.current = conversation;
   const waitRef = useRef(null);
@@ -1097,6 +1109,10 @@ function AvatarLiveView({
     phaseRef.current = next;
     setPhase(next);
   }, []);
+  const inSight = useCallback(
+    () => latest.current.showing && (typeof document === "undefined" || document.visibilityState !== "hidden"),
+    []
+  );
   const setMode = useCallback((next) => {
     questionsRef.current = next;
     setQuestions(next);
@@ -1151,6 +1167,17 @@ function AvatarLiveView({
     },
     [go]
   );
+  const goLive = 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 cancelStart = useCallback((reason) => {
     const run = startRef.current;
     if (!run) return;
@@ -1487,9 +1514,11 @@ function AvatarLiveView({
     }
   }, [cancelStart, cancelWaiting, finish, go, reoffer]);
   const leave = 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;
@@ -1507,26 +1536,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;
   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;
@@ -1539,7 +1578,7 @@ function AvatarLiveView({
     current.name === "checking" && checkRef.current === null) {
       check();
     }
-  }, [showing, check, leave, offeredNow]);
+  }, [showing, behindChat, check, leave, offeredNow]);
   useEffect(() => {
     if (askedLocale.current === locale) return;
     askedLocale.current = locale;
@@ -1626,7 +1665,9 @@ 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") return;
+          handle.speakerArrived = true;
+          if (!inSight()) goLive();
           return;
         case "playback-blocked":
           setBlocked(event.blocked);
@@ -1643,7 +1684,7 @@ function AvatarLiveView({
           return;
       }
     },
-    [finish]
+    [finish, goLive, inSight]
   );
   useEffect(() => {
     if (phase.name !== "pending") return;
@@ -1717,11 +1758,23 @@ 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 = useRef(onVoiceHold);
+  onVoiceHoldRef.current = onVoiceHold;
+  useEffect(() => {
+    onVoiceHoldRef.current?.(voiceLine);
+  }, [voiceLine]);
+  useEffect(() => () => onVoiceHoldRef.current?.(null), []);
   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");
+        return;
+      }
+      const current = phaseRef.current.name;
+      if (current === "pending" || current === "live") setNow(Date.now());
     };
     window.addEventListener("pagehide", onPageHide);
     document.addEventListener("visibilitychange", onVisibility);
@@ -1827,17 +1880,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 = 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 = useCallback(() => {
     void sessionRef.current?.joined?.enablePlayback().catch(() => void 0);
   }, []);