@burdenoff/website-sdk 2026.1102.3 → 2026.1104.1

package/dist/{chunk-ZWEEBHXJ.mjs → chunk-5JQGE3XI.mjs}

@@ -3113,23 +3113,29 @@ var ANSWER_ACTION_ACTIVE = "border-primary/40 bg-accent text-primary";
 function ReadAloudButton({
   strings: T,
   text,
-  lang
+  lang,
+  hold
 }) {
   const speech = useSpeechOutput({ lang });
   if (!speech.supported) return null;
   const label = speech.speaking ? T.stopReading : T.readAloud;
+  const held = hold !== null && !speech.speaking;
   return /* @__PURE__ */ jsxs(
     "button",
     {
       "data-boff-explore": "read-aloud",
       "data-speaking": speech.speaking ? "true" : "false",
       type: "button",
-      title: label,
+      title: held ? hold : label,
       "aria-pressed": speech.speaking,
-      onClick: () => speech.toggle(text),
+      "aria-disabled": held ? "true" : void 0,
+      onClick: () => {
+        if (!held) speech.toggle(text);
+      },
       className: cn(
         ANSWER_ACTION_PILL,
-        speech.speaking ? ANSWER_ACTION_ACTIVE : ANSWER_ACTION_IDLE
+        speech.speaking ? ANSWER_ACTION_ACTIVE : ANSWER_ACTION_IDLE,
+        held && "cursor-not-allowed opacity-50"
       ),
       children: [
         /* @__PURE__ */ jsx(Volume2, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
@@ -3142,7 +3148,8 @@ function AnswerActions({
   strings: T,
   text,
   speechText,
-  speechLang
+  speechLang,
+  voiceHold
 }) {
   const [outcome, setOutcome] = useState("idle");
   const resetRef = useRef(null);
@@ -3194,7 +3201,15 @@ function AnswerActions({
             ]
           }
         ),
-        /* @__PURE__ */ jsx(ReadAloudButton, { strings: T, text: speechText, lang: speechLang }),
+        /* @__PURE__ */ jsx(
+          ReadAloudButton,
+          {
+            strings: T,
+            text: speechText,
+            lang: speechLang,
+            hold: voiceHold
+          }
+        ),
         /* @__PURE__ */ jsx("span", { "data-boff-explore": "copy-status", role: "status", className: "sr-only", children: outcome === "idle" ? "" : label })
       ]
     }
@@ -3248,6 +3263,7 @@ function AssistantBubble({
   productSlugs,
   productNames,
   speechLang,
+  voiceHold,
   onNavigate,
   anchorRef,
   onFollow,
@@ -3414,7 +3430,8 @@ function AssistantBubble({
               strings: T,
               text: copyText,
               speechText,
-              speechLang
+              speechLang,
+              voiceHold
             }
           ) : null,
           completed && onFeedback ? /* @__PURE__ */ jsx(
@@ -4034,6 +4051,7 @@ function ExploreView({
   locale,
   presentation = "page",
   active = true,
+  voiceHold = null,
   explorePath = "/explore",
   examplePrompts,
   scope,
@@ -4112,6 +4130,12 @@ function ExploreView({
     stopDictation();
     stopSpeaking();
   }, [active, stopDictation]);
+  const voiceHeld = voiceHold !== null;
+  useEffect(() => {
+    if (!voiceHeld) return;
+    stopDictation();
+    stopSpeaking();
+  }, [voiceHeld, stopDictation]);
   const [disclaimerOpen, setDisclaimerOpen] = useState(false);
   const [attachmentNotice, setAttachmentNotice] = useState(null);
   const fileInputRef = useRef(null);
@@ -4791,6 +4815,7 @@ function ExploreView({
                   productSlugs,
                   productNames,
                   speechLang,
+                  voiceHold,
                   onNavigate,
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
@@ -5001,9 +5026,16 @@ function ExploreView({
                               disabled: composerDisabled,
                               "aria-label": speech.listening ? T.stopDictating : T.dictate,
                               "aria-pressed": speech.listening,
-                              title: speech.listening ? T.stopDictating : T.dictate,
-                              onClick: speech.toggle,
-                              className: cn(speech.listening && "animate-pulse"),
+                              "aria-disabled": voiceHeld && !speech.listening ? "true" : void 0,
+                              title: speech.listening ? T.stopDictating : voiceHold ?? T.dictate,
+                              onClick: () => {
+                                if (voiceHeld && !speech.listening) return;
+                                speech.toggle();
+                              },
+                              className: cn(
+                                speech.listening && "animate-pulse",
+                                voiceHeld && !speech.listening && "cursor-not-allowed opacity-50"
+                              ),
                               children: /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" })
                             }
                           ) : null,
@@ -5125,5 +5157,5 @@ function ExploreView({
 }
 
 export { EXPLORE_LOCALES, EXPLORE_PREFILL_MAX_LENGTH, ExploreAnswerBody, ExploreAnswerStyles, ExploreCatalogProductsContext, ExploreChatProvider, ExploreConversationContext, ExploreConversationStartContext, ExplorePage, anotherProductMatcher, answerPlainText, answerSpeechText, exploreQuestionHref, exploreStrings, inlineImageOrigins, isDevelopmentBuild, isInlineImageAllowed, isInlineVideoAllowed, isRtlLocale, logoUrlOf, pinnedProductSlug, productNameFor, productNamesByOrigin, productScopedPrompts, productSlugsByOrigin, referenceKindOf, resolveExploreLocale, speechLocaleOf, summariseReferences, useExploreConversation };
-//# sourceMappingURL=chunk-ZWEEBHXJ.mjs.map
-//# sourceMappingURL=chunk-ZWEEBHXJ.mjs.map
+//# sourceMappingURL=chunk-5JQGE3XI.mjs.map
+//# sourceMappingURL=chunk-5JQGE3XI.mjs.map