@flowengage/react-chatbot 5.0.37 → 5.0.39

package/dist/flowengage-react-chatbot.mjs

@@ -29386,8 +29386,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.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) || "this page";
-					return $("flowengage_navigate → SPA async navigation, new page:", e), `OK_NAVIGATE_SPA. You are now on the ${e} page. Immediately say: "I have navigated you to the ${e} page. Let me show you what's here." Then continue guiding the visitor.`;
+					let e = new URL(a, window.location.origin).pathname;
+					await new Promise((e) => setTimeout(e, 350));
+					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.`;
 				} 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) {
@@ -29985,11 +29987,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 = 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 = o((e = "minimized") => {
 		E.current = e, re.current = !0, queueMicrotask(() => {
 			ee.current || (ee.current = !0, T.current?.());
 		});
-	}, [u]), pe = o(async (e) => {
+	}, [u]), me = o(async (e) => {
 		re.current = !0;
 		try {
 			await C.current?.endSession?.();
@@ -30019,10 +30021,10 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		l,
 		s
 	]);
-	return T.current = () => pe(E.current === "chat" ? t : n), c(() => {
+	return T.current = () => me(E.current === "chat" ? t : n), c(() => {
 		te.current = y;
 	}, [y]), c(() => {
-		f && fe("chat");
+		f && pe("chat");
 	}, [f]), c(() => {
 		let e = !1, i = null, o = null, c = null;
 		return (async () => {
@@ -30086,42 +30088,42 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				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, pe = await _D.startSession({
+				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({
 					..._,
 					onConnect: ({ conversationId: e }) => {
 						ie.current = e, ae.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
 					},
 					onUnhandledClientToolCall: (e) => console.error("[FlowEngage] Unhandled tool:", e?.tool_name),
 					onModeChange: ({ mode: t }) => {
-						if (!e) {
-							if (t === "speaking") {
-								de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, ue.current &&= (clearTimeout(ue.current), null);
-								return;
-							}
-							if (ce.current = "listening", se.current) {
-								se.current = !1, fe();
-								return;
-							}
-							if (oe && !T) {
-								T = !0;
-								try {
-									C.current?.sendUserMessage?.("continue with the tour");
-								} catch {}
-							}
-							de.current && clearTimeout(de.current), de.current = setTimeout(() => {
-								e || ce.current === "listening" && (de.current = null, v("listening"), le.current && !te.current && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
-									if (!e && ce.current === "listening" && !te.current) try {
-										C.current?.sendContextualUpdate?.("The visitor has been silent for a while. Ask one short, natural question to re-engage — for example: 'Is there anything specific you'd like to know more about?' or 'What else can I help you with today?' Keep it to one sentence.");
-									} catch {}
-								}, 4e3)));
-							}, 1200);
+						if (e) return;
+						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);
+							return;
+						}
+						let n = ce.current;
+						if (ce.current = "listening", se.current) {
+							se.current = !1, pe();
+							return;
 						}
+						if (oe && !T) {
+							T = !0;
+							try {
+								C.current?.sendUserMessage?.("continue with the tour");
+							} catch {}
+						}
+						n === "speaking" && le.current && !te.current && (ce.current = "thinking", v("thinking")), de.current && clearTimeout(de.current), de.current = setTimeout(() => {
+							e || ce.current !== "speaking" && (fe.current || (de.current = null, ce.current = "listening", v("listening"), le.current && !te.current && (ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
+								if (!e && ce.current === "listening" && !te.current) try {
+									C.current?.sendContextualUpdate?.("The visitor has been silent for a while. Ask one short, natural question to re-engage — for example: 'Is there anything specific you'd like to know more about?' or 'What else can I help you with today?' Keep it to one sentence.");
+								} catch {}
+							}, 4e3))));
+						}, 1200);
 					},
 					onMessage: (t) => {
 						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, 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", v("thinking"), ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -30130,13 +30132,13 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								e && Ae(a, e);
 							} catch {}
 							if (Ak(n, r)) {
-								fe("minimized");
+								pe("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 && fe("minimized");
+							else D.current >= 5 && pe("minimized");
 						}
 					},
 					onError: (t) => {
@@ -30149,7 +30151,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							try {
 								C.current?.setMicMuted?.(!0);
 							} catch {}
-							b(!0), v("error"), fe("chat");
+							b(!0), v("error"), pe("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30166,21 +30168,21 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						try {
 							C.current?.setMicMuted?.(!0);
 						} catch {}
-						b(!0), fe("chat");
+						b(!0), pe("chat");
 					}
 				});
 				if (e) {
-					pe.endSession().catch(() => {});
+					me.endSession().catch(() => {});
 					return;
 				}
-				i = pe, C.current = pe, v("listening");
+				i = me, C.current = me, 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` : "";
-					pe.sendContextualUpdate(`${i}Page: ${e}. SiteId: ${a || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
+					me.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 = () => {
@@ -30210,7 +30212,7 @@ 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, ce.current = "idle", o && typeof window < "u" && (window.history.pushState = o), c && typeof window < "u" && window.removeEventListener("popstate", c);
+			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 (t?.endSession?.().catch(() => {}), n && l && s) {
 				let e = r ? Math.round((Date.now() - r) / 1e3) : 0, t = JSON.stringify({
@@ -30232,7 +30234,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		r,
 		a,
 		s,
-		fe
+		pe
 	]), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -30418,7 +30420,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "chat", pe(t);
+							S(!1), E.current = "chat", me(t);
 						},
 						style: {
 							display: "flex",
@@ -30447,7 +30449,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "minimized", pe(n);
+							S(!1), E.current = "minimized", me(n);
 						},
 						style: {
 							display: "flex",

package/package.json

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