@flowengage/react-chatbot 8.0.8 → 8.0.10

package/dist/flowengage-react-chatbot.mjs

@@ -18,7 +18,7 @@ var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.g
 }, T = (e) => x.call(e, "module.exports") ? e["module.exports"] : w(v({}, "__esModule", { value: !0 }), e), ee = (e) => {
 	if (!e || typeof e != "object") throw Error("FlowEngage config is required");
 	if (!e.siteId || typeof e.siteId != "string") throw Error("[FlowEngage] config.siteId is required. Pass it as <FlowEngageProvider siteId=\"your-site-id\" /> or config={{ siteId: 'your-site-id' }}.");
-	let t = (e.apiBaseUrl || "https://be-flowengage-stage.oslabs.app").replace(/\/+$/, "");
+	let t = (e.apiBaseUrl || "https://be-flowengage-dev.oslabs.app").replace(/\/+$/, "");
 	return {
 		siteId: e.siteId.trim(),
 		apiBaseUrl: t
@@ -198,12 +198,13 @@ var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.g
 	} catch {
 		return !1;
 	}
-}, ze = (e) => e ? `flowengage.voice.navState.${e}.${De()}` : null, Be = (e, t, n) => {
+}, ze = (e) => e ? `flowengage.voice.navState.${e}.${De()}` : null, Be = (e, t, n, r) => {
 	if (!(!D || !e || !t)) try {
-		let r = ze(e);
-		r && window.sessionStorage.setItem(r, JSON.stringify({
+		let i = ze(e);
+		i && window.sessionStorage.setItem(i, JSON.stringify({
 			previousPage: String(t),
 			targetPath: n ? new URL(String(n), window.location.href).pathname : null,
+			pageName: r || null,
 			ts: Date.now()
 		}));
 	} catch {}
@@ -216,7 +217,10 @@ var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.g
 		if (!n) return null;
 		window.sessionStorage.removeItem(t);
 		let r = JSON.parse(n);
-		return !r || typeof r.previousPage != "string" || Number.isFinite(r.ts) && Date.now() - r.ts > 6e4 || r.targetPath && (window.location.pathname.replace(/\/$/, "") || "/") !== (r.targetPath.replace(/\/$/, "") || "/") ? null : { previousPage: r.previousPage };
+		return !r || typeof r.previousPage != "string" || Number.isFinite(r.ts) && Date.now() - r.ts > 6e4 || r.targetPath && (window.location.pathname.replace(/\/$/, "") || "/") !== (r.targetPath.replace(/\/$/, "") || "/") ? null : {
+			previousPage: r.previousPage,
+			pageName: r.pageName || null
+		};
 	} catch {
 		return null;
 	}
@@ -29552,9 +29556,14 @@ function Dk(e) {
 				try {
 					e = new URL(a, typeof window < "u" ? window.location.href : "").href;
 				} catch {}
-				t && typeof window < "u" && Be(t, window.location.href, e), wr(e), $("fwh-navigate-mvp → real navigation", a);
-				let n = typeof window < "u" && !!er();
-				if (typeof window < "u" && window.__fe_triggerVoiceNavHooks && window.__fe_triggerVoiceNavHooks(), n && Gn(12e3), Dr(a, { voiceActive: !0 }).catch(() => {}), n) try {
+				let n = "this";
+				try {
+					let e = new URL(a, window.location.href).pathname.split("/").filter(Boolean).pop() || "";
+					n = e ? e.replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "Home";
+				} catch {}
+				t && typeof window < "u" && Be(t, window.location.href, e, n), wr(e), $("fwh-navigate-mvp → real navigation", a);
+				let i = typeof window < "u" && !!er();
+				if (typeof window < "u" && window.__fe_triggerVoiceNavHooks && window.__fe_triggerVoiceNavHooks(), i && Gn(12e3), Dr(a, { voiceActive: !0 }).catch(() => {}), i) try {
 					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";
@@ -29581,12 +29590,12 @@ function Dk(e) {
 					} catch {}
 					return i ? (Tr(), `OK_NAVIGATE_SPA. Visitor is now on: ${r} (page: "${o}") | Section headings: ${l}. ${u}${d} Speak EXACTLY: "I have navigated you on ${o} page. Do you want to know about any specific section or want a complete overview?" Then STOP — wait for their reply.`) : (Tr(), `OK_NAVIGATE_SPA. CURRENT PAGE IS: ${r} (page: "${o}") | Section headings: ${l}. ${u}${d} Speak EXACTLY: "I have navigated you on ${o} page. Do you want to know about any specific section or want a complete overview?" Then STOP — wait for their reply.`);
 				} catch {}
-				let i = "this";
+				let o = "this";
 				try {
 					let e = new URL(a, window.location.href).pathname.split("/").filter(Boolean).pop() || "";
-					i = e ? e.replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "Home";
+					o = e ? e.replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) : "Home";
 				} catch {}
-				return `OK_NAVIGATE_RELOADING. Navigating to the page now; the voice session will resume automatically on the new page. When the session resumes, say EXACTLY: "I have navigated you on ${i} page. Do you want to know about any specific section or want a complete overview?" Then STOP — wait for the visitor's reply.`;
+				return `OK_NAVIGATE_RELOADING. Navigating to the page now; the voice session will resume automatically on the new page. When the session resumes, say EXACTLY: "I have navigated you on ${o} page. Do you want to know about any specific section or want a complete overview?" Then STOP — wait for the visitor's reply.`;
 			} catch (e) {
 				let t = `Navigation error: ${e?.message || String(e)}`;
 				return $("fwh-navigate-mvp ✖", t), EO("Navigation failed", {
@@ -29787,7 +29796,7 @@ function Dk(e) {
 				title: n
 			}), $("fwh-get-current-page-mvp → page headings collected:", r), !r.length) return `CURRENT_PAGE. URL: ${e} | Title: ${n} | No headings found on this page. Describe the page from your knowledge without calling this tool again.`;
 			let i = r.map((e) => `"${e}"`).join(" | ");
-			return `CURRENT_PAGE. URL: ${e} | Title: ${n} | Page sections (${r.length} total): ${i}. *** IMPORTANT: For fwh-highlight-mvp, pass the heading text EXACTLY as shown above — no numbers, no extra punctuation, no paraphrasing. DO NOT call this tool again. If the visitor requested a walkthrough: START IT NOW. For every section: speak a short transition sentence, INVOKE the fwh-highlight-mvp tool with the exact heading text (do not speak the tool name — call it silently as a tool), then speak 3-4 sentences about that section. Cover ALL ${r.length} sections without pausing between them. ***`;
+			return `CURRENT_PAGE. URL: ${e} | Title: ${n} | Page sections (${r.length} total): ${i}. *** WALKTHROUGH RULES: (1) For fwh-highlight-mvp, pass the heading text EXACTLY as shown — no numbers, no extra punctuation, no paraphrasing. (2) TIMING IS CRITICAL: the tool fires AFTER the speech that comes before it. This means: put the SHORT TRANSITION (1-5 words) BEFORE the tool call, put the FULL DESCRIPTION AFTER the tool call. Pattern: "Transition phrase." + fwh-highlight-mvp("Heading") + "Full description (3-4 sentences)". NEVER describe a section before calling its highlight tool. (3) DO NOT call this tool again. If the visitor requested a walkthrough: START IT NOW — "Let me walk you through this." + fwh-highlight-mvp("${r[0] || "first heading"}") + "Description..." etc. Cover ALL ${r.length} sections without pausing. ***`;
 		},
 		"fwh-list-forms-mvp": async () => {
 			let e = $O(), t = ek();
@@ -30409,13 +30418,13 @@ function zk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					requestEndSession: () => {
 						se.current = !0;
 					}
-				})), n = i ? Ae(i) : null, u = !!n?.transcript, p = !!(i && Ve(i)), m = typeof window < "u" ? window.location.pathname : "/", h = typeof document < "u" ? document.title : "", g = m.replace(/^\/[a-z]{2}(?:-[a-z]{2})?(?=\/|$)/i, "") || "/", _ = g === "/" || g === "", y = null;
+				})), n = i ? Ae(i) : null, u = !!n?.transcript, p = i ? Ve(i) : null, m = !!p, h = typeof window < "u" ? window.location.pathname : "/", g = typeof document < "u" ? document.title : "", _ = h.replace(/^\/[a-z]{2}(?:-[a-z]{2})?(?=\/|$)/i, "") || "/", y = _ === "/" || _ === "", x = null;
 				try {
 					let e = await fetch(`${a}/api/voice/signed-url?siteId=${encodeURIComponent(i || "")}`, {
 						method: "GET",
 						headers: { "Content-Type": "application/json" }
 					});
-					if (e.ok) y = (await e.json()).signedUrl || null, y && console.log("[FlowEngage] ✅ Using signed ElevenLabs URL");
+					if (e.ok) x = (await e.json()).signedUrl || null, x && 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.");
@@ -30424,23 +30433,25 @@ function zk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					if (e.message && e.message.includes("Too many voice sessions")) throw e;
 					console.warn("[FlowEngage] ⚠️ Signed URL fetch error:", e.message);
 				}
-				let x = {
+				let S = {
 					clientTools: t,
 					connectionType: "websocket",
 					minSpeechDurationMs: 50,
-					...y ? { signedUrl: y } : { agentId: r }
-				}, S = (m.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), T = "";
-				h && h.includes("|") && (T = h.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
-				let oe = T || S || "this page";
-				if (y) if (p) x.overrides = { agent: { firstMessage: `Here we are — I've taken you to the ${oe} page.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${oe}" (${m})`);
-				else if (u) x.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } };
+					...x ? { signedUrl: x } : { agentId: r }
+				}, T = (h.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), oe = "";
+				g && g.includes("|") && (oe = g.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
+				let he = oe || T || "this page";
+				if (x) if (m) {
+					let e = p?.pageName || he;
+					S.overrides = { agent: { firstMessage: `I have navigated you on ${e} page. Do you want to know about any specific section or want a complete overview?` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${e}" (${h})`);
+				} else if (u) S.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } };
 				else {
 					let e = f || "";
-					x.overrides = { agent: { firstMessage: _ ? e ? `Hi, welcome to ${e}!` : "Hi, welcome!" : `Welcome to the ${oe} page!` } }, _ || console.log(`[FlowEngage] 🏠 Page-context override: "${oe}" for ${m}`);
+					S.overrides = { agent: { firstMessage: y ? e ? `Hi, welcome to ${e}!` : "Hi, welcome!" : `Welcome to the ${he} page!` } }, y || console.log(`[FlowEngage] 🏠 Page-context override: "${he}" for ${h}`);
 				}
-				else u && (x.overrides = { agent: { firstMessage: "" } });
-				let he = !1, ge = p ? `NAVIGATION COMPLETE — Your brief intro has been spoken. PRIOR CONVERSATION CONTEXT (continue from here — do NOT re-introduce yourself):\n${n?.transcript ? `Prior transcript:\n${n.transcript}\n` : "(no prior transcript)"}\nSTEP 1 — call fwh-get-current-page-mvp NOW with zero speech before it, to load the page sections.\nSTEP 2 — after the tool responds, speak 2-3 sentences about this page, drawing from your knowledge and the visitor's prior context above.\nSTEP 3 — then ask the visitor exactly this: "Would you like to know about a specific section, or should I give you a complete overview?"\nThen STOP — wait for their reply. Do NOT auto-highlight or auto-walkthrough.` : null, _e = !1, ve = !p && !u ? "Your greeting has been spoken. Wait for the visitor to ask a question or tell you what they need. Do NOT auto-start a walkthrough or highlight any sections — let the visitor lead." : null, ye = await xD.startSession({
-					...x,
+				else u && (S.overrides = { agent: { firstMessage: "" } });
+				let ge = !1, _e = m ? `NAVIGATION COMPLETE — The exact phrase "I have navigated you on [page] page. Do you want to know about any specific section or want a complete overview?" has already been spoken as your firstMessage. DO NOT repeat it. PRIOR CONVERSATION CONTEXT:\n${n?.transcript ? `Prior transcript:\n${n.transcript}\n` : "(no prior transcript)"}\nNow STOP — wait silently for the visitor's reply. Do NOT speak, do NOT call any tool until the visitor responds. When they reply: if they name a specific section → call fwh-get-current-page-mvp then answer immediately; if they say "overview" or anything non-specific → call fwh-get-current-page-mvp (zero speech) then do a full highlighted walkthrough.` : null, ve = !1, ye = !m && !u ? "Your greeting has been spoken. Wait for the visitor to ask a question or tell you what they need. Do NOT auto-start a walkthrough or highlight any sections — let the visitor lead." : null, be = await xD.startSession({
+					...S,
 					onConnect: ({ conversationId: e }) => {
 						ie.current = e, ae.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
 					},
@@ -30455,16 +30466,16 @@ function zk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								se.current = !1, me();
 								return;
 							}
-							if (ge && !he) {
-								he = !0;
+							if (_e && !ge) {
+								ge = !0;
 								try {
-									C.current?.sendContextualUpdate?.(ge);
+									C.current?.sendContextualUpdate?.(_e);
 								} catch {}
 							}
-							if (ve && !_e) {
-								_e = !0;
+							if (ye && !ve) {
+								ve = !0;
 								try {
-									C.current?.sendContextualUpdate?.(ve);
+									C.current?.sendContextualUpdate?.(ye);
 								} catch {}
 							}
 							fe.current && clearTimeout(fe.current), fe.current = setTimeout(() => {
@@ -30535,10 +30546,10 @@ function zk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					}
 				});
 				if (e) {
-					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), ye.endSession().catch(() => {});
+					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), be.endSession().catch(() => {});
 					return;
 				}
-				o = ye, C.current = ye, v("listening");
+				o = be, C.current = be, v("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", r = "[]";
 					try {
@@ -30549,8 +30560,8 @@ function zk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						let e = "#flowengage-root, .flowengage-shell, .flowengage-widget-root", t = document.querySelector("main, [role='main']") || document.body, n = Array.from(t.querySelectorAll("h1, h2, h3")).filter((t) => !t.closest(e)).map((e) => e.textContent.replace(/\s+/g, " ").trim()).filter((e) => e.length > 2 && e.length < 200);
 						n.length || (n = Array.from(document.body.querySelectorAll("h1, h2, h3")).filter((t) => !t.closest(e)).map((e) => e.textContent.replace(/\s+/g, " ").trim()).filter((e) => e.length > 2 && e.length < 200)), n.length && (a = [...new Set(n)].slice(0, 15).join(" | "));
 					} catch {}
-					let o = u && !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` : "";
-					ye.sendContextualUpdate(`${o}SESSION_CONTEXT (NOT a tool result — do NOT treat as CURRENT_PAGE): Visitor is on: ${e} | Approx headings for awareness only: ${a}. SiteId: ${i || "unknown"}. Forms: ${r}. The visitor is ALREADY on this page — do NOT offer to navigate there. WALKTHROUGH RULE: If the visitor requests a walkthrough, you MUST call fwh-get-current-page-mvp first (zero speech) to get the exact highlightable headings — do NOT use these approximate headings for highlighting. Voice: call end_voice_session or say you are ending the session to stop.`);
+					let o = u && !m ? `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` : "";
+					be.sendContextualUpdate(`${o}SESSION_CONTEXT (NOT a tool result — do NOT treat as CURRENT_PAGE): Visitor is on: ${e} | Approx headings for awareness only: ${a}. SiteId: ${i || "unknown"}. Forms: ${r}. The visitor is ALREADY on this page — do NOT offer to navigate there. WALKTHROUGH RULE: When the visitor asks for a walkthrough or overview of this page, you MUST IMMEDIATELY call fwh-get-current-page-mvp (zero speech — call it silently with NO words before it) to get the exact highlightable headings. The approximate headings above are for routing awareness ONLY — they are NOT precise enough for fwh-highlight-mvp. Do NOT skip fwh-get-current-page-mvp. 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 = () => {

package/package.json

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