@flowengage/react-chatbot 5.0.34 → 5.0.35

package/dist/flowengage-react-chatbot.mjs

@@ -29406,7 +29406,7 @@ function Ck(e) {
 			let t = hk(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText;
 			Sk();
 			let i = hr(n || null, r || null);
-			return !i && r && (await new Promise((e) => setTimeout(e, 500)), Sk(), i = hr(null, r)), i ? (vO(i), $("flowengage_highlight ✓", r || n), `OK_HIGHLIGHT: "${r || n}"`) : ($("flowengage_highlight ✖ no element for:", r || n), `Could not find "${r || n}" on the current page. Try a shorter phrase matching a visible heading.`);
+			return !i && r && (await new Promise((e) => setTimeout(e, 500)), Sk(), i = hr(null, r)), i ? (vO(i), $("flowengage_highlight ✓", r || n), `OK_HIGHLIGHT: "${r || n}". WALKTHROUGH: If you are mid-walkthrough and have more sections to cover, continue immediately to the next section — do NOT pause or wait for the visitor to speak between sections.`) : ($("flowengage_highlight ✖ no element for:", r || n), `Could not find "${r || n}" on the current page. Try a shorter phrase matching a visible heading.`);
 		},
 		flowengage_read_content: async (e) => {
 			$("flowengage_read_content ▶", e);
@@ -29985,11 +29985,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 = 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 = o((e = "minimized") => {
 		E.current = e, re.current = !0, queueMicrotask(() => {
 			ee.current || (ee.current = !0, T.current?.());
 		});
-	}, [u]), le = o(async (e) => {
+	}, [u]), fe = o(async (e) => {
 		re.current = !0;
 		try {
 			await C.current?.endSession?.();
@@ -30019,10 +30019,10 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		l,
 		s
 	]);
-	return T.current = () => le(E.current === "chat" ? t : n), c(() => {
+	return T.current = () => fe(E.current === "chat" ? t : n), c(() => {
 		te.current = y;
 	}, [y]), c(() => {
-		f && ce("chat");
+		f && de("chat");
 	}, [f]), c(() => {
 		let e = !1, i = null, o = null, c = null;
 		return (async () => {
@@ -30086,16 +30086,18 @@ 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, le = 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, fe = 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 && (v(t === "speaking" ? "speaking" : "listening"), t === "listening")) {
+						if (e) return;
+						let n = t === "speaking" ? "speaking" : "listening";
+						if (v(n), ce.current = n, t === "speaking" && (le.current = !0, ue.current &&= (clearTimeout(ue.current), null)), t === "listening") {
 							if (se.current) {
-								se.current = !1, ce();
+								se.current = !1, de();
 								return;
 							}
 							if (oe && !T) {
@@ -30104,13 +30106,18 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 									C.current?.sendUserMessage?.("continue with the tour");
 								} catch {}
 							}
+							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));
 						}
 					},
 					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), u.current = [...u.current, {
+							if (n === "user" && (w.current = r, ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -30119,13 +30126,13 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								e && Ae(a, e);
 							} catch {}
 							if (Ak(n, r)) {
-								ce("minimized");
+								de("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 && ce("minimized");
+							else D.current >= 5 && de("minimized");
 						}
 					},
 					onError: (t) => {
@@ -30138,7 +30145,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							try {
 								C.current?.setMicMuted?.(!0);
 							} catch {}
-							b(!0), v("error"), ce("chat");
+							b(!0), v("error"), de("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30155,21 +30162,21 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						try {
 							C.current?.setMicMuted?.(!0);
 						} catch {}
-						b(!0), ce("chat");
+						b(!0), de("chat");
 					}
 				});
 				if (e) {
-					le.endSession().catch(() => {});
+					fe.endSession().catch(() => {});
 					return;
 				}
-				i = le, C.current = le, v("listening");
+				i = fe, C.current = fe, 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` : "";
-					le.sendContextualUpdate(`${i}Page: ${e}. SiteId: ${a || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
+					fe.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 = () => {
@@ -30199,7 +30206,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				}, 0)));
 			}
 		})(), () => {
-			e = !0, re.current = !0, kr(), 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), le.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({
@@ -30221,7 +30228,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		r,
 		a,
 		s,
-		ce
+		de
 	]), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -30407,7 +30414,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "chat", le(t);
+							S(!1), E.current = "chat", fe(t);
 						},
 						style: {
 							display: "flex",
@@ -30436,7 +30443,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "minimized", le(n);
+							S(!1), E.current = "minimized", fe(n);
 						},
 						style: {
 							display: "flex",

package/package.json

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