@flowengage/react-chatbot 5.0.44 → 5.0.46

package/dist/flowengage-react-chatbot.mjs

@@ -29387,10 +29387,10 @@ function Ck(e) {
 				$("flowengage_navigate → real navigation", a);
 				let e = typeof window < "u" && !!(window.next?.router || window.__NEXT_ROUTER__ || window.__remixRouter || window.__staticRouterHydrationData || window.___gatsby || window.___navigate || window.__VUE_ROUTER__ || window.__NUXT__ || window.$nuxt || window.ng?.getComponent || typeof document < "u" && document.querySelector("[ng-version]") || window.__sveltekit_data || typeof document < "u" && document.querySelector("[data-sveltekit-hydrate]"));
 				if (typeof window < "u" && window.__fe_triggerVoiceNavHooks && window.__fe_triggerVoiceNavHooks(), e && qn(3e3), Tr(a, { voiceActive: !0 }).catch(() => {}), e) try {
-					let e = new URL(a, window.location.origin).pathname;
-					await new Promise((e) => setTimeout(e, 400));
-					let t = typeof window < "u" ? window.location.pathname : e, n = typeof window < "u" ? window.location.href : a, r = t === e, i = (t.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) || "Home";
-					return $("flowengage_navigate → SPA nav complete. target:", e, "actual:", t), r ? `OK_NAVIGATE_SPA. Navigation confirmed. Visitor is now at: ${n}. Page name: "${i}". Continue with your response about this page — do NOT say "I have navigated you to..." (the page is already changing visually). Just start talking about the content.` : `OK_NAVIGATE_SPA. IMPORTANT: Navigation was interrupted. The visitor is currently at ${n} (page: "${i}"), NOT the page you tried to navigate to. Adjust your response to describe the page the visitor is ACTUALLY on right now.`;
+					let e = new URL(a, window.location.origin).pathname, t = Date.now() + 2e3;
+					for (; Date.now() < t && !(typeof window < "u" && window.location.pathname === e);) await new Promise((e) => setTimeout(e, 80));
+					let n = typeof window < "u" ? window.location.pathname : e, r = typeof window < "u" ? window.location.href : a, i = n === e, o = (n.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) || "Home";
+					return $("flowengage_navigate → SPA nav complete. target:", e, "actual:", n), i ? `OK_NAVIGATE_SPA. Visitor is now on: ${r} (page: "${o}"). Do NOT say "I have navigated you" or "I've taken you to" — the page is already loaded visually. Start immediately with highlights and content about THIS page.` : `OK_NAVIGATE_SPA. CURRENT PAGE IS: ${r} (page: "${o}"). The visitor manually navigated here. Describe THIS page only — do not mention the page you tried to navigate to.`;
 				} catch {}
 				return "OK_NAVIGATE_RELOADING. Navigating to the page now; the voice session will resume automatically on the new page. When the session resumes, immediately introduce the new page and continue guiding the visitor — do not wait for the user to speak first.";
 			} catch (e) {
@@ -29988,11 +29988,11 @@ function Nk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 	});
 }
 function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i, siteId: a, apiBaseUrl: s, chatId: l, historyRef: u, onMessageSync: d, voiceEndCounter: f }) {
-	let [h, v] = m("idle"), [y, b] = m(!1), [x, S] = m(!1), C = p(null), w = p(""), T = p(async () => {}), ee = p(!1), te = p(!1), ne = p(!1), re = p(!1), E = p("minimized"), ie = p(null), ae = p(null), oe = p(null), D = p(0), se = p(!1), ce = p("idle"), le = p(!1), ue = p(null), de = p(null), fe = p(!1), pe = o((e = "minimized") => {
+	let [h, v] = m("idle"), [y, b] = m(!1), [x, S] = m(!1), C = p(null), w = p(""), T = p(async () => {}), ee = p(!1), te = p(!1), ne = p(!1), re = p(!1), E = p("minimized"), ie = p(null), ae = p(null), oe = p(null), D = p(0), se = p(!1), ce = p("idle"), le = p(!1), ue = p(null), de = p(null), fe = p(!1), pe = p([]), me = p(null), he = p(null), ge = p(null), _e = o((e = "minimized") => {
 		E.current = e, re.current = !0, queueMicrotask(() => {
 			ee.current || (ee.current = !0, T.current?.());
 		});
-	}, [u]), me = o(async (e) => {
+	}, [u]), ve = o(async (e) => {
 		re.current = !0;
 		try {
 			CD();
@@ -30025,12 +30025,44 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		l,
 		s
 	]);
-	return T.current = () => me(E.current === "chat" ? t : n), c(() => {
+	T.current = () => ve(E.current === "chat" ? t : n);
+	let ye = o(() => {
+		let e = he.current, t = me.current;
+		if (e) {
+			he.current = null;
+			try {
+				t && ge.current && (ge.current.gain.setValueAtTime(ge.current.gain.value, t.currentTime), ge.current.gain.linearRampToValueAtTime(0, t.currentTime + .12), ge.current = null), setTimeout(() => {
+					try {
+						e.stop();
+					} catch {}
+				}, 130);
+			} catch {
+				try {
+					e.stop();
+				} catch {}
+			}
+		}
+	}, []), be = o(() => {
+		let e = pe.current, t = me.current;
+		if (!(!e.length || !t)) {
+			ye();
+			try {
+				t.state === "suspended" && t.resume().catch(() => {});
+				let n = e[Math.floor(Math.random() * e.length)], r = t.createBufferSource();
+				r.buffer = n;
+				let i = t.createGain();
+				i.gain.setValueAtTime(1, t.currentTime), r.connect(i), i.connect(t.destination), r.onended = () => {
+					he.current === r && (he.current = null);
+				}, r.start(0), he.current = r, ge.current = i;
+			} catch {}
+		}
+	}, [ye]);
+	return c(() => {
 		te.current = y;
 	}, [y]), c(() => {
-		f && pe("chat");
+		f && _e("chat");
 	}, [f]), c(() => {
-		let e = !1, i = null, o = null, c = null;
+		let e = !1, o = null, c = null, f = null;
 		return (async () => {
 			if (!r) {
 				v("error");
@@ -30069,13 +30101,13 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					requestEndSession: () => {
 						se.current = !0;
 					}
-				})), n = a ? je(a) : null, d = !!n?.transcript, f = !!(a && Ve(a)), p = typeof window < "u" ? window.location.pathname : "/", m = typeof document < "u" ? document.title : "", h = p === "/" || p === "", g = null;
+				})), n = a ? je(a) : null, d = !!n?.transcript, p = !!(a && Ve(a)), m = typeof window < "u" ? window.location.pathname : "/", h = typeof document < "u" ? document.title : "", g = m === "/" || m === "", _ = null;
 				try {
 					let e = await fetch(`${s}/api/voice/signed-url?siteId=${encodeURIComponent(a || "")}`, {
 						method: "GET",
 						headers: { "Content-Type": "application/json" }
 					});
-					if (e.ok) g = (await e.json()).signedUrl || null, g && console.log("[FlowEngage] ✅ Using signed ElevenLabs URL");
+					if (e.ok) _ = (await e.json()).signedUrl || null, _ && console.log("[FlowEngage] ✅ Using signed ElevenLabs URL");
 					else if (e.status === 429) {
 						let t = await e.json().catch(() => ({}));
 						throw Error(t.message || "Too many voice sessions started. Please wait a minute before trying again.");
@@ -30084,16 +30116,38 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					if (e.message && e.message.includes("Too many voice sessions")) throw e;
 					console.warn("[FlowEngage] ⚠️ Signed URL fetch error:", e.message);
 				}
-				let _ = {
+				if (typeof window < "u" && (window.AudioContext || window.webkitAudioContext)) try {
+					let e = new (window.AudioContext || window.webkitAudioContext)();
+					me.current = e, (async () => {
+						try {
+							let t = new URLSearchParams({ siteId: a || "" });
+							i && t.set("voiceId", i);
+							let n = await fetch(`${s}/api/voice/fillers?${t}`);
+							if (!n.ok) return;
+							let r = await n.json();
+							if (!r.success || !Array.isArray(r.fillers) || !r.fillers.length) return;
+							let o = (await Promise.all(r.fillers.map(async (t) => {
+								try {
+									let n = Uint8Array.from(atob(t), (e) => e.charCodeAt(0));
+									return await e.decodeAudioData(n.buffer);
+								} catch {
+									return null;
+								}
+							}))).filter(Boolean);
+							o.length && (pe.current = o, console.log(`[FlowEngage] 🔊 ${o.length} filler clips ready`));
+						} catch {}
+					})();
+				} catch {}
+				let y = {
 					clientTools: t,
 					connectionType: "websocket",
-					...g ? { signedUrl: g } : { agentId: r }
-				}, y = (p.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), x = "";
-				m && m.includes("|") && (x = m.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
-				let S = x || y || "this page";
-				g ? f ? (_.overrides = { agent: { firstMessage: `I've navigated you to the ${S} page. Let me walk you through what's here.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${S}" (${p})`)) : d ? _.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } } : h || (_.overrides = { agent: { firstMessage: `Hi! I see you are currently on the ${S} page. Are you looking for something specific here?` } }, console.log(`[FlowEngage] 🏠 Page-context override: "${S}" for ${p}`)) : d && (_.overrides = { agent: { firstMessage: "" } });
-				let T = !1, oe = f ? `NAVIGATION RESUME — Your intro has been spoken. NOW — without waiting for the visitor to say anything — call flowengage_highlight for the first content section on this page, then speak one sentence about it. Continue section by section (highlight + one sentence each) until you have covered the key content. Prior conversation context:\n${(a ? je(a) : null)?.transcript || ""}\n\n` : null, me = await _D.startSession({
-					..._,
+					..._ ? { signedUrl: _ } : { agentId: r }
+				}, x = (m.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), S = "";
+				h && h.includes("|") && (S = h.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
+				let T = S || x || "this page";
+				_ ? p ? (y.overrides = { agent: { firstMessage: `I've navigated you to the ${T} page. Let me walk you through what's here.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${T}" (${m})`)) : d ? y.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } } : g || (y.overrides = { agent: { firstMessage: `Hi! I see you are currently on the ${T} page. Are you looking for something specific here?` } }, console.log(`[FlowEngage] 🏠 Page-context override: "${T}" for ${m}`)) : d && (y.overrides = { agent: { firstMessage: "" } });
+				let oe = !1, he = p ? `NAVIGATION RESUME — Your intro has been spoken. NOW — without waiting for the visitor to say anything — call flowengage_highlight for the first content section on this page, then speak one sentence about it. Continue section by section (highlight + one sentence each) until you have covered the key content. Prior conversation context:\n${(a ? je(a) : null)?.transcript || ""}\n\n` : null, ge = await _D.startSession({
+					...y,
 					onConnect: ({ conversationId: e }) => {
 						ie.current = e, ae.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
 					},
@@ -30101,15 +30155,15 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					onModeChange: ({ mode: t }) => {
 						if (!e) {
 							if (t === "speaking") {
-								de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null);
+								ye(), de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null);
 								return;
 							}
 							if (ce.current = "listening", se.current) {
-								se.current = !1, pe();
+								se.current = !1, _e();
 								return;
 							}
-							if (oe && !T) {
-								T = !0;
+							if (he && !oe) {
+								oe = !0;
 								try {
 									C.current?.sendUserMessage?.("continue with the tour");
 								} catch {}
@@ -30127,7 +30181,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						if (e) return;
 						let n = t.role === "user" ? "user" : "bot", r = t.message || t.text || t.content || "";
 						if (r) {
-							if (n === "user" && (w.current = r, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ce.current = "thinking", ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
+							if (n === "user" && (w.current = r, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ce.current = "thinking", ue.current &&= (clearTimeout(ue.current), null), be()), u.current = [...u.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -30136,13 +30190,13 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								e && Ae(a, e);
 							} catch {}
 							if (Ak(n, r)) {
-								pe("minimized");
+								_e("minimized");
 								return;
 							}
 							if (te.current && n === "bot" && /are you still there|still there\??|hello\?|anyone there|checking in|you there|are you available|is anyone|did you step away/i.test(r)) if (D.current += 1, D.current === 2) try {
 								C.current?.sendContextualUpdate?.("IMPORTANT: The visitor is muted and has not responded to your last 2 checks. Make exactly ONE more check. If there is still no response, say: 'I feel like you are not active, so I'm ending this session. You can connect with me anytime.' then immediately call the flowengage_end_session tool to end the voice session. Do NOT ask again after that.");
 							} catch {}
-							else D.current >= 5 && pe("minimized");
+							else D.current >= 5 && _e("minimized");
 						}
 					},
 					onError: (t) => {
@@ -30155,7 +30209,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							try {
 								C.current?.setMicMuted?.(!0);
 							} catch {}
-							b(!0), v("error"), pe("chat");
+							b(!0), v("error"), _e("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30172,21 +30226,21 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						try {
 							C.current?.setMicMuted?.(!0);
 						} catch {}
-						b(!0), pe("chat");
+						b(!0), _e("chat");
 					}
 				});
 				if (e) {
-					me.endSession().catch(() => {});
+					ge.endSession().catch(() => {});
 					return;
 				}
-				i = me, C.current = me, v("listening");
+				o = ge, C.current = ge, v("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", r = "[]";
 					try {
 						r = await t.list_page_forms();
 					} catch {}
-					let i = d && !f ? `RESUMING PRIOR SESSION — DO NOT GREET. The visitor is continuing the same conversation after a page reload. Do not introduce yourself or re-state your capabilities. Wait silently until the visitor speaks; if you must speak first, briefly acknowledge where you left off in one short sentence.\nPrior transcript:\n${n?.transcript || ""}\n\n` : "";
-					me.sendContextualUpdate(`${i}Page: ${e}. SiteId: ${a || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
+					let i = d && !p ? `RESUMING PRIOR SESSION — DO NOT GREET. The visitor is continuing the same conversation after a page reload. Do not introduce yourself or re-state your capabilities. Wait silently until the visitor speaks; if you must speak first, briefly acknowledge where you left off in one short sentence.\nPrior transcript:\n${n?.transcript || ""}\n\n` : "";
+					ge.sendContextualUpdate(`${i}Page: ${e}. SiteId: ${a || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
 				} catch {}
 				if (typeof window < "u") {
 					let t = window.location.pathname, n = () => {
@@ -30206,9 +30260,9 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							C.current?.sendContextualUpdate?.(`PAGE CHANGED — visitor navigated manually. Current URL is now: ${r}. Page title: "${i}". Sections on this page: ${JSON.stringify(a)}. When the visitor asks about "this page", "current page", or "what page am I on", refer to this new URL — not any previously mentioned page.`);
 						} catch {}
 					};
-					o = window.history.pushState.bind(window.history), window.history.pushState = (...e) => {
-						o(...e), setTimeout(n, 50);
-					}, c = () => setTimeout(n, 50), window.addEventListener("popstate", c);
+					c = window.history.pushState.bind(window.history), window.history.pushState = (...e) => {
+						c(...e), setTimeout(n, 50);
+					}, f = () => setTimeout(n, 50), window.addEventListener("popstate", f);
 				}
 			} catch (r) {
 				e || (console.error("[FlowEngage] startSession failed", r), r.message && r.message.includes("Too many voice sessions") ? (alert(r.message), n && n("minimized")) : (v("error"), E.current = "chat", window.setTimeout(() => {
@@ -30216,8 +30270,14 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				}, 0)));
 			}
 		})(), () => {
-			e = !0, re.current = !0, kr(), ue.current &&= (clearTimeout(ue.current), null), de.current &&= (clearTimeout(de.current), null), le.current = !1, fe.current = !1, ce.current = "idle", o && typeof window < "u" && (window.history.pushState = o), c && typeof window < "u" && window.removeEventListener("popstate", c);
-			let t = i || C.current, n = ie.current, r = ae.current;
+			if (e = !0, re.current = !0, kr(), ue.current &&= (clearTimeout(ue.current), null), de.current &&= (clearTimeout(de.current), null), le.current = !1, fe.current = !1, ce.current = "idle", he.current) {
+				try {
+					he.current.stop();
+				} catch {}
+				he.current = null;
+			}
+			me.current && (me.current.close().catch(() => {}), me.current = null, pe.current = [], ge.current = null), c && typeof window < "u" && (window.history.pushState = c), f && typeof window < "u" && window.removeEventListener("popstate", f);
+			let t = o || C.current, n = ie.current, r = ae.current;
 			if (t?.endSession?.().catch(() => {}), n && l && s) {
 				let e = r ? Math.round((Date.now() - r) / 1e3) : 0, t = JSON.stringify({
 					chatId: l,
@@ -30238,7 +30298,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		r,
 		a,
 		s,
-		pe
+		_e
 	]), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -30424,7 +30484,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "chat", me(t);
+							S(!1), E.current = "chat", ve(t);
 						},
 						style: {
 							display: "flex",
@@ -30453,7 +30513,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "minimized", me(n);
+							S(!1), E.current = "minimized", ve(n);
 						},
 						style: {
 							display: "flex",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowengage/react-chatbot",
-  "version": "5.0.44",
+  "version": "5.0.46",
   "description": "Embeddable AI chat widget for React — powered by FlowEngage. Drop it in with a single siteId.",
   "keywords": [
     "chatbot",