@flowengage/react-chatbot 7.0.18 → 7.0.20

package/dist/flowengage-react-chatbot.mjs

@@ -3484,7 +3484,7 @@ function Br({ siteId: e, config: t, children: n, language: r = "en" }) {
 	}, $t = async (e, t = "", n = null, i = {}) => {
 		let a = typeof e == "string" ? e.trim() : "";
 		if (!a || !k.current || !y || l !== "ready" || Ve) return;
-		Zt(), mt.current = !1;
+		Zt();
 		let o = /^\s*(yes|yeah|sure|ok|okay|go ahead|take me(?: there)?(?!\s+\w)|navigate(?!\s+(?:me\s+)?to\s+\w)|yep|absolutely|please do|do it|let'?s go|go there|show me(?!\s+(?:the|a|an)\s+\w)|go to it|bring me there|navigate me there)\b/i;
 		if (pt.current && o.test(a) && !/^\s*(?:yes|yeah|sure|ok|okay|yep|absolutely)\s+(?!(?:please|do\s+it|let'?s|that|this|there|it|thanks|go|cool|great|perfect|sounds|alright|proceed)\b)\w/i.test(a)) {
 			let { url: e, section: t } = pt.current;
@@ -30279,13 +30279,13 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					requestEndSession: () => {
 						se.current = !0;
 					}
-				})), n = i ? je(i) : null, u = !!n?.transcript, p = !!(i && He(i)), m = typeof window < "u" ? window.location.pathname : "/", h = typeof document < "u" ? document.title : "", g = m === "/" || m === "", _ = null;
+				})), n = i ? je(i) : null, u = !!n?.transcript, p = !!(i && He(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;
 				try {
 					let e = await fetch(`${a}/api/voice/signed-url?siteId=${encodeURIComponent(i || "")}`, {
 						method: "GET",
 						headers: { "Content-Type": "application/json" }
 					});
-					if (e.ok) _ = (await e.json()).signedUrl || null, _ && console.log("[FlowEngage] ✅ Using signed ElevenLabs URL");
+					if (e.ok) y = (await e.json()).signedUrl || null, y && 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.");
@@ -30294,23 +30294,23 @@ function Ik({ 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 y = {
+				let x = {
 					clientTools: t,
 					connectionType: "websocket",
 					minSpeechDurationMs: 50,
-					..._ ? { 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";
-				if (_) if (p) y.overrides = { agent: { firstMessage: `Here we are — I've taken you to the ${T} page.` } }, console.log(`[FlowEngage] 🔄 Agent-nav resume: firstMessage set for "${T}" (${m})`);
-				else if (u) y.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } };
+					...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!" } };
 				else {
 					let e = f || "";
-					y.overrides = { agent: { firstMessage: g ? e ? `Hi, welcome to ${e}!` : "Hi, welcome!" : `Welcome to the ${T} page!` } }, g || console.log(`[FlowEngage] 🏠 Page-context override: "${T}" for ${m}`);
+					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}`);
 				}
-				else u && (y.overrides = { agent: { firstMessage: "" } });
-				let oe = !1, he = 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)"}\nNow speak 2-3 sentences about this page from your knowledge, referring to the visitor's prior context if relevant. Then ask the visitor exactly this: "Would you like to know about a specific section, or should I give you a complete overview?" Then STOP — wait for their reply. Do NOT auto-highlight or auto-walkthrough.` : null, ge = !1, _e = !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, ve = await bD.startSession({
-					...y,
+				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)"}\nNow speak 2-3 sentences about this page from your knowledge, referring to the visitor's prior context if relevant. Then ask the visitor exactly this: "Would you like to know about a specific section, or should I give you a complete overview?" Then 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 bD.startSession({
+					...x,
 					onConnect: ({ conversationId: e }) => {
 						ie.current = e, ae.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
 					},
@@ -30325,16 +30325,16 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								se.current = !1, me();
 								return;
 							}
-							if (he && !oe) {
-								oe = !0;
+							if (ge && !he) {
+								he = !0;
 								try {
-									C.current?.sendContextualUpdate?.(he);
+									C.current?.sendContextualUpdate?.(ge);
 								} catch {}
 							}
-							if (_e && !ge) {
-								ge = !0;
+							if (ve && !_e) {
+								_e = !0;
 								try {
-									C.current?.sendContextualUpdate?.(_e);
+									C.current?.sendContextualUpdate?.(ve);
 								} catch {}
 							}
 							fe.current && clearTimeout(fe.current), fe.current = setTimeout(() => {
@@ -30399,10 +30399,10 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					}
 				});
 				if (e) {
-					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), ve.endSession().catch(() => {});
+					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), ye.endSession().catch(() => {});
 					return;
 				}
-				o = ve, C.current = ve, v("listening");
+				o = ye, C.current = ye, v("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", r = "[]";
 					try {
@@ -30414,7 +30414,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						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` : "";
-					ve.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.`);
+					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.`);
 				} catch {}
 				if (typeof window < "u") {
 					let t = window.location.pathname, n = () => {
@@ -30948,61 +30948,66 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 							})
 						})
 					}),
-					/* @__PURE__ */ _("div", {
-						style: {
-							minWidth: 0,
-							maxWidth: s ? "100%" : "250px",
-							width: "100%",
-							justifySelf: "center",
-							display: "grid",
-							gridTemplateColumns: "minmax(72px, 40%) minmax(0, 60%)",
-							alignItems: "center"
-						},
-						children: [/* @__PURE__ */ g("div", {
+					(() => {
+						let t = !!i, n = !!e.hasCustomTitle, r = t || n, a = t || !r, o = n || !r, c = a && o;
+						return /* @__PURE__ */ _("div", {
 							style: {
 								minWidth: 0,
-								display: "flex",
+								maxWidth: s ? "100%" : "250px",
+								width: "100%",
+								justifySelf: "center",
+								display: "grid",
+								gridTemplateColumns: c ? "minmax(72px, 40%) minmax(0, 60%)" : "1fr",
 								alignItems: "center",
-								justifyContent: "center",
-								height: "40px"
+								justifyItems: c ? "stretch" : "center"
 							},
-							children: i ? /* @__PURE__ */ g(Ak, {
-								logo: i,
+							children: [a && /* @__PURE__ */ g("div", {
 								style: {
-									height: "34px",
-									width: "100%",
-									maxWidth: "96px"
-								}
-							}) : /* @__PURE__ */ g("div", {
-								style: {
-									width: "40px",
-									height: "40px",
-									flexShrink: 0
+									minWidth: 0,
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "center",
+									height: "40px"
 								},
-								children: /* @__PURE__ */ g(jk, { title: e.chatTitle })
-							})
-						}), /* @__PURE__ */ g("div", {
-							style: {
-								minWidth: 0,
-								display: "flex",
-								alignItems: "center"
-							},
-							children: /* @__PURE__ */ g("span", {
+								children: i ? /* @__PURE__ */ g(Ak, {
+									logo: i,
+									style: {
+										height: "34px",
+										width: "100%",
+										maxWidth: "96px"
+									}
+								}) : /* @__PURE__ */ g("div", {
+									style: {
+										width: "40px",
+										height: "40px",
+										flexShrink: 0
+									},
+									children: /* @__PURE__ */ g(jk, { title: e.chatTitle })
+								})
+							}), o && /* @__PURE__ */ g("div", {
 								style: {
-									fontSize: "15px",
-									fontWeight: 600,
-									color: "#111827",
-									letterSpacing: "-0.01em",
-									lineHeight: 1.2,
-									overflow: "hidden",
-									textOverflow: "ellipsis",
-									whiteSpace: "nowrap"
+									minWidth: 0,
+									display: "flex",
+									alignItems: "center",
+									justifyContent: c ? "flex-start" : "center"
 								},
-								title: e.chatTitle,
-								children: e.chatTitle
-							})
-						})]
-					}),
+								children: /* @__PURE__ */ g("span", {
+									style: {
+										fontSize: "15px",
+										fontWeight: 600,
+										color: "#111827",
+										letterSpacing: "-0.01em",
+										lineHeight: 1.2,
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap"
+									},
+									title: e.chatTitle,
+									children: e.chatTitle
+								})
+							})]
+						});
+					})(),
 					/* @__PURE__ */ _("div", {
 						style: {
 							position: "relative",
@@ -31631,6 +31636,7 @@ function Bk() {
 		voiceLabel: Ae.voiceLabel || "Voice",
 		textLabel: Ae.textLabel || "Text",
 		chatTitle: Ae.headerName || "Chat with FlowEngage",
+		hasCustomTitle: !!(Ae.headerName && String(Ae.headerName).trim()),
 		introGreeting: Ze,
 		inputPlaceholder: Ae.inputPlaceholder || "Type your message",
 		analysingLabel: Ae.analysingLabel || "analysing..."

package/package.json

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