@flowengage/react-chatbot 8.0.13 → 8.0.15

package/dist/flowengage-react-chatbot.mjs

@@ -29482,32 +29482,6 @@ function ik(e) {
 			});
 		},
 		"fwh-fill-form-mvp": async () => "FORM_FILLING_DISABLED: Form filling is not available at this time. Tell the visitor what fields are present (use fwh-list-forms-mvp) and ask them to fill the form themselves.",
-		"fwh-save-email-mvp": async (r) => {
-			$("fwh-save-email-mvp ▶", r);
-			let i = ($O(r)?.email || "").trim();
-			if (!i || !i.includes("@")) return "INVALID_EMAIL: The email address is not valid. Ask the visitor to repeat it clearly, or tell them to type it in the field below.";
-			if (!n) return "Cannot save email: API base URL not configured.";
-			let a = e.chatId || null;
-			if (!a) return "Cannot save email: no active chat session.";
-			try {
-				let e = await (await fetch(`${n}/api/voice/save-visitor-email`, {
-					method: "POST",
-					headers: { "Content-Type": "application/json" },
-					body: JSON.stringify({
-						chatId: a,
-						email: i,
-						siteId: t
-					})
-				})).json();
-				if (!e.success) return `Failed to save email: ${e.error || "unknown error"}`;
-				try {
-					typeof window < "u" && window.dispatchEvent(new CustomEvent("fe:voice-email-saved", { detail: { email: i } }));
-				} catch {}
-				return $("fwh-save-email-mvp ✓", i), `EMAIL_SAVED: ${i}. Now answer the visitor's original question.`;
-			} catch (e) {
-				return $("fwh-save-email-mvp ✖", e.message), `Failed to save email: ${e.message}`;
-			}
-		},
 		"fwh-click-button-mvp": async (e) => {
 			let t = $O(e), n = (t.button_text ?? t.buttonText ?? t.text ?? "").trim();
 			if ($("fwh-click-button-mvp ▶", n), !n) return "Missing button_text: pass the visible label, e.g. Conduct Audit.";
@@ -29970,21 +29944,17 @@ function hk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 		]
 	});
 }
-function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i, apiBaseUrl: a, chatId: s, historyRef: l, onMessageSync: u, voiceEndCounter: d, websiteName: f, visitorEmail: h }) {
+function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i, apiBaseUrl: a, chatId: s, historyRef: l, onMessageSync: u, voiceEndCounter: d, websiteName: f, voiceFirstMessage: h }) {
 	c(() => (console.log("[FlowEngage:VoiceDebug] 🔵 VoiceMode MOUNTED"), () => console.log("[FlowEngage:VoiceDebug] 🔴 VoiceMode UNMOUNTED")), []);
-	let [v, y] = m("idle"), [b, x] = m(!1), [S, C] = m(!1), [w, T] = m(!1), [ee, te] = m(""), [ne, re] = m(""), E = p(null), ie = p(""), ae = p(async () => {}), oe = p(!1), D = p(!1), se = p(!1), ce = p(!1), le = p("minimized"), ue = p(null), de = p(null), fe = p(null), pe = p(0), me = p(!1), he = p("idle"), ge = p(h);
-	c(() => {
-		ge.current = h;
-	}, [h]);
-	let _e = p(!1), ve = p(null), ye = p(!1), be = p(!1), xe = p(null), Se = p(null), Ce = p(!1), we = o((e = "minimized") => {
+	let [v, y] = m("idle"), [b, x] = m(!1), [S, C] = m(!1), w = p(null), T = p(""), ee = p(async () => {}), te = p(!1), ne = p(!1), re = p(!1), E = p(!1), ie = p("minimized"), ae = p(null), oe = p(null), D = p(null), se = p(0), ce = p(!1), le = p("idle"), ue = p(!1), de = p(!1), fe = p(null), pe = p(null), me = p(!1), he = o((e = "minimized") => {
 		console.warn("[FlowEngage:VoiceDebug] 🛑 requestSessionShutdown called", {
 			destination: e,
 			stack: (/* @__PURE__ */ Error()).stack?.split("\n").slice(1, 4).join(" | ")
-		}), le.current = e, ce.current = !0, queueMicrotask(() => {
-			oe.current || (oe.current = !0, ae.current?.());
+		}), ie.current = e, E.current = !0, queueMicrotask(() => {
+			te.current || (te.current = !0, ee.current?.());
 		});
-	}, [l]), Te = o(async (e) => {
-		ce.current = !0;
+	}, [l]), ge = o(async (e) => {
+		E.current = !0;
 		try {
 			Bn();
 		} catch {}
@@ -29992,9 +29962,9 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 			Ve(i);
 		} catch {}
 		try {
-			await E.current?.endSession?.();
+			await w.current?.endSession?.();
 		} catch {}
-		let t = ue.current, n = de.current;
+		let t = ae.current, n = oe.current;
 		if (t && s && a) {
 			let e = n ? Math.round((Date.now() - n) / 1e3) : 0;
 			fetch(`${a}/api/voice/save-chat-recording`, {
@@ -30008,7 +29978,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				})
 			}).catch((e) => console.warn("[FlowEngage] save-chat-recording failed:", e.message));
 		}
-		if (ue.current = null, de.current = null, E.current = null, y("idle"), x(!1), T(!1), ve.current &&= (clearTimeout(ve.current), null), oe.current = !1, Ir(), i) try {
+		if (ae.current = null, oe.current = null, w.current = null, y("idle"), x(!1), te.current = !1, Ir(), i) try {
 			je(i);
 		} catch {}
 		typeof u == "function" && await u(l.current), e?.();
@@ -30019,10 +29989,10 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		s,
 		a
 	]);
-	ae.current = () => Te(le.current === "chat" ? t : n), c(() => {
-		D.current = b;
+	return ee.current = () => ge(ie.current === "chat" ? t : n), c(() => {
+		ne.current = b;
 	}, [b]), c(() => {
-		d && we("chat");
+		d && he("chat");
 	}, [d]), c(() => {
 		let e = !1, o = null, c = null, d = null;
 		return (async () => {
@@ -30032,13 +30002,13 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 			}
 			try {
 				if ((await navigator.mediaDevices.getUserMedia({ audio: !0 })).getTracks().forEach((e) => e.stop()), e) return;
-				l.current = [], ie.current = "", oe.current = !1, se.current = !1, ce.current = !1, le.current = "minimized", Fr({ onBeforeNavigate: () => {
+				l.current = [], T.current = "", te.current = !1, re.current = !1, E.current = !1, ie.current = "minimized", Fr({ onBeforeNavigate: () => {
 					if (i && l.current.length > 0) try {
 						let e = SO(l.current);
 						e && O(i, e);
 					} catch {}
 					if (!or()) {
-						let e = ue.current, t = de.current;
+						let e = ae.current, t = oe.current;
 						if (e && s && a) try {
 							let n = t ? Math.round((Date.now() - t) / 1e3) : 0, r = JSON.stringify({
 								chatId: s,
@@ -30051,7 +30021,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								headers: { "Content-Type": "application/json" },
 								body: r,
 								keepalive: !0
-							}).catch(() => {}), ue.current = null, de.current = null;
+							}).catch(() => {}), ae.current = null, oe.current = null;
 						} catch {}
 					}
 					Ne();
@@ -30060,17 +30030,17 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					siteId: i || null,
 					apiBaseUrl: a || null,
 					chatId: s || null,
-					getLastUserVoiceText: () => ie.current,
+					getLastUserVoiceText: () => T.current,
 					requestEndSession: () => {
-						me.current = !0;
+						ce.current = !0;
 					}
-				})), 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, "") || "/", v = _ === "/" || _ === "", b = null;
+				})), n = i ? Ae(i) : null, u = !!n?.transcript, p = i ? Ve(i) : null, m = !!p, g = typeof window < "u" ? window.location.pathname : "/", _ = typeof document < "u" ? document.title : "", v = g.replace(/^\/[a-z]{2}(?:-[a-z]{2})?(?=\/|$)/i, "") || "/", b = v === "/" || v === "", S = null;
 				try {
 					let e = await fetch(`${a}/api/voice/signed-url?siteId=${encodeURIComponent(i || "")}`, {
 						method: "GET",
 						headers: { "Content-Type": "application/json" }
 					});
-					if (e.ok) b = (await e.json()).signedUrl || null, b && console.log("[FlowEngage] ✅ Using signed ElevenLabs URL");
+					if (e.ok) S = (await e.json()).signedUrl || null, S && 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.");
@@ -30079,55 +30049,55 @@ function gk({ 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 S = {
+				let C = {
 					clientTools: t,
 					connectionType: "websocket",
 					minSpeechDurationMs: 50,
-					...b ? { signedUrl: b } : { agentId: r }
-				}, C = (h.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), w = "";
-				g && g.includes("|") && (w = g.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
-				let ee = w || C || "this page";
-				if (b) if (m) {
-					let e = p?.pageName || ee;
-					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!" } };
+					...S ? { signedUrl: S } : { agentId: r }
+				}, ee = (g.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), D = "";
+				_ && _.includes("|") && (D = _.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
+				let ge = D || ee || "this page";
+				if (S) if (m) {
+					let e = p?.pageName || ge;
+					C.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}" (${g})`);
+				} else if (u) C.overrides = { agent: { firstMessage: "I'm still here. Go ahead!" } };
 				else {
 					let e = f || "";
-					S.overrides = { agent: { firstMessage: v ? e ? `Hi, welcome to ${e}!` : "Hi, welcome!" : `Welcome to the ${ee} page!` } }, v || console.log(`[FlowEngage] 🏠 Page-context override: "${ee}" for ${h}`);
+					C.overrides = { agent: { firstMessage: h || (b ? e ? `Hi, welcome to ${e}!` : "Hi, welcome!" : `Welcome to the ${ge} page!`) } }, b || console.log(`[FlowEngage] 🏠 Page-context override: "${ge}" for ${g}`);
 				}
-				else u && (S.overrides = { agent: { firstMessage: "" } });
-				let te = !1, ne = 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, re = !1, ae = !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, fe = await ED.startSession({
-					...S,
+				else u && (C.overrides = { agent: { firstMessage: "" } });
+				let _e = !1, ve = 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, ye = !1, be = !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, xe = await ED.startSession({
+					...C,
 					onConnect: ({ conversationId: e }) => {
-						ue.current = e, de.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
+						ae.current = e, oe.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") {
-								Se.current &&= (clearTimeout(Se.current), null), y("speaking"), he.current = "speaking", ye.current = !0, Ce.current = !1, xe.current &&= (clearTimeout(xe.current), null);
+								pe.current &&= (clearTimeout(pe.current), null), y("speaking"), le.current = "speaking", ue.current = !0, me.current = !1, fe.current &&= (clearTimeout(fe.current), null);
 								return;
 							}
-							if (he.current = "listening", me.current) {
-								me.current = !1, we();
+							if (le.current = "listening", ce.current) {
+								ce.current = !1, he();
 								return;
 							}
-							if (ne && !te) {
-								te = !0;
+							if (ve && !_e) {
+								_e = !0;
 								try {
-									E.current?.sendContextualUpdate?.(ne);
+									w.current?.sendContextualUpdate?.(ve);
 								} catch {}
 							}
-							if (ae && !re) {
-								re = !0;
+							if (be && !ye) {
+								ye = !0;
 								try {
-									E.current?.sendContextualUpdate?.(ae);
+									w.current?.sendContextualUpdate?.(be);
 								} catch {}
 							}
-							Se.current && clearTimeout(Se.current), Se.current = setTimeout(() => {
-								e || he.current !== "speaking" && (Ce.current || (Se.current = null, he.current = "listening", y("listening"), ye.current && be.current && !D.current && (xe.current && clearTimeout(xe.current), xe.current = setTimeout(() => {
-									if (!e && he.current === "listening" && !D.current) try {
-										E.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.");
+							pe.current && clearTimeout(pe.current), pe.current = setTimeout(() => {
+								e || le.current !== "speaking" && (me.current || (pe.current = null, le.current = "listening", y("listening"), ue.current && de.current && !ne.current && (fe.current && clearTimeout(fe.current), fe.current = setTimeout(() => {
+									if (!e && le.current === "listening" && !ne.current) try {
+										w.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 {}
 								}, 15e3))));
 							}, 1200);
@@ -30138,22 +30108,10 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						let n = t.role === "user" ? "user" : "bot", r = t.message || t.text || t.content || "";
 						if (r) {
 							if (n === "user") {
-								ie.current = r, Ce.current = !0, be.current = !0, Se.current &&= (clearTimeout(Se.current), null), xe.current &&= (clearTimeout(xe.current), null);
+								T.current = r, me.current = !0, de.current = !0, pe.current &&= (clearTimeout(pe.current), null), fe.current &&= (clearTimeout(fe.current), null);
 								try {
 									Bn();
 								} catch {}
-								if (!ge.current && !_e.current) {
-									_e.current = !0;
-									try {
-										E.current?.sendContextualUpdate?.("COLLECT_EMAIL: Before answering the visitor's question, you MUST first ask for their email address. Say: 'Before I answer, could I get your email address? You can also type it in the field below.' Do NOT answer their question yet — wait for the email first.");
-									} catch {}
-									T(!0), ve.current && clearTimeout(ve.current), ve.current = setTimeout(() => {
-										ve.current = null;
-										try {
-											E.current?.sendContextualUpdate?.("The visitor has not provided their email for 1 minute and appears to have left. Say exactly: 'I feel like you are not active, so I'm ending this session. You can connect with me anytime.' Then immediately call the fwh-end-session-mvp tool to end the voice session.");
-										} catch {}
-									}, 6e4);
-								}
 							}
 							if (l.current = [...l.current, {
 								sender: n,
@@ -30164,50 +30122,50 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								e && O(i, e);
 							} catch {}
 							if (fk(n, r)) {
-								me.current = !0;
+								ce.current = !0;
 								return;
 							}
-							if (D.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 (pe.current += 1, pe.current === 2) try {
-								E.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 fwh-end-session-mvp tool to end the voice session. Do NOT ask again after that.");
+							if (ne.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 (se.current += 1, se.current === 2) try {
+								w.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 fwh-end-session-mvp tool to end the voice session. Do NOT ask again after that.");
 							} catch {}
-							else pe.current >= 5 && we("minimized");
+							else se.current >= 5 && he("minimized");
 						}
 					},
 					onError: (t) => {
-						if (!e && !ce.current && !se.current && !Re()) {
-							se.current = !0, console.error("[FlowEngageVoiceCall] session:error", {
+						if (!e && !E.current && !re.current && !Re()) {
+							re.current = !0, console.error("[FlowEngageVoiceCall] session:error", {
 								message: t?.message,
 								name: t?.name,
 								raw: t
 							});
 							try {
-								E.current?.setMicMuted?.(!0);
+								w.current?.setMicMuted?.(!0);
 							} catch {}
-							x(!0), y("error"), we("chat");
+							x(!0), y("error"), he("chat");
 						}
 					},
 					onDisconnect: (t) => {
-						if (e || ce.current || se.current || Re()) return;
+						if (e || E.current || re.current || Re()) return;
 						let n = l.current?.length || 0;
 						console.warn("[FlowEngageVoiceCall] session:disconnected", {
 							historyCount: n,
 							reason: t?.reason,
 							closeCode: t?.context?.code,
 							closeReason: t?.context?.reason || t?.message,
-							lastUserText: ie.current || "",
-							wasMuted: D.current
-						}), se.current = !0;
+							lastUserText: T.current || "",
+							wasMuted: ne.current
+						}), re.current = !0;
 						try {
-							E.current?.setMicMuted?.(!0);
+							w.current?.setMicMuted?.(!0);
 						} catch {}
-						x(!0), we("chat");
+						x(!0), he("chat");
 					}
 				});
 				if (e) {
-					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), fe.endSession().catch(() => {});
+					console.warn("[FlowEngage:VoiceDebug] ❌ cancelled=true after startSession resolved — killing session immediately"), xe.endSession().catch(() => {});
 					return;
 				}
-				o = fe, E.current = fe, y("listening");
+				o = xe, w.current = xe, y("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", r = "[]";
 					try {
@@ -30219,7 +30177,7 @@ function gk({ 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 && !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` : "";
-					fe.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.`);
+					xe.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 = () => {
@@ -30248,7 +30206,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 							ts: Date.now()
 						});
 						try {
-							E.current?.sendUserMessage?.(`[SYSTEM: I navigated away mid-walkthrough — I am now on the "${l}" page (${i}). Page title: "${a}". Sections: ${JSON.stringify(o)}. STOP everything. Do NOT describe the new page. Say EXACTLY: "I see you've navigated to the ${l} page — would you like me to continue what I was explaining, or shall I walk you through this page?" Then wait for my answer. IF I say continue/yes/carry on: resume speaking verbally from where you left off — do NOT call flowengage_navigate, do NOT call flowengage_highlight, the visitor will navigate themselves if needed. IF I want to hear about this page: call flowengage_highlight for sections of "${l}" only.]`);
+							w.current?.sendUserMessage?.(`[SYSTEM: I navigated away mid-walkthrough — I am now on the "${l}" page (${i}). Page title: "${a}". Sections: ${JSON.stringify(o)}. STOP everything. Do NOT describe the new page. Say EXACTLY: "I see you've navigated to the ${l} page — would you like me to continue what I was explaining, or shall I walk you through this page?" Then wait for my answer. IF I say continue/yes/carry on: resume speaking verbally from where you left off — do NOT call flowengage_navigate, do NOT call flowengage_highlight, the visitor will navigate themselves if needed. IF I want to hear about this page: call flowengage_highlight for sections of "${l}" only.]`);
 						} catch {}
 					};
 					c = window.history.pushState.bind(window.history), window.history.pushState = (...e) => {
@@ -30256,7 +30214,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					}, d = () => setTimeout(n, 50), window.addEventListener("popstate", d);
 				}
 			} catch (r) {
-				e || (console.error("[FlowEngage] startSession failed", r), r.message && r.message.includes("Too many voice sessions") ? (alert(r.message), n && n("minimized")) : (y("error"), le.current = "chat", window.setTimeout(() => {
+				e || (console.error("[FlowEngage] startSession failed", r), r.message && r.message.includes("Too many voice sessions") ? (alert(r.message), n && n("minimized")) : (y("error"), ie.current = "chat", window.setTimeout(() => {
 					e || t?.();
 				}, 0)));
 			}
@@ -30265,15 +30223,15 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				agentId: r,
 				siteId: i,
 				apiBaseUrl: a
-			}), e = !0, ce.current = !0;
+			}), e = !0, E.current = !0;
 			try {
 				Bn();
 			} catch {}
 			if (i) try {
 				Ve(i);
 			} catch {}
-			typeof window < "u" && (window.__fe_user_nav_during_speech = null), Ir(), xe.current &&= (clearTimeout(xe.current), null), Se.current &&= (clearTimeout(Se.current), null), ye.current = !1, Ce.current = !1, he.current = "idle", ve.current &&= (clearTimeout(ve.current), null), c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
-			let t = o || E.current, n = ue.current, f = de.current;
+			typeof window < "u" && (window.__fe_user_nav_during_speech = null), Ir(), fe.current &&= (clearTimeout(fe.current), null), pe.current &&= (clearTimeout(pe.current), null), ue.current = !1, me.current = !1, le.current = "idle", c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
+			let t = o || w.current, n = ae.current, f = oe.current;
 			if (t?.endSession?.().catch(() => {}), n && s && a) {
 				let e = f ? Math.round((Date.now() - f) / 1e3) : 0, t = JSON.stringify({
 					chatId: s,
@@ -30286,7 +30244,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					headers: { "Content-Type": "application/json" },
 					body: t,
 					keepalive: !0
-				}).catch(() => {}), ue.current = null, de.current = null;
+				}).catch(() => {}), ae.current = null, oe.current = null;
 			}
 			typeof u == "function" && l.current.length > 0 && u(l.current).catch?.(() => {});
 		};
@@ -30294,50 +30252,16 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		r,
 		i,
 		a,
-		we
+		he
 	]), c(() => {
 		if (!S) return;
 		let e = (e) => {
 			let t = e.composedPath?.()?.[0] || e.target;
-			fe.current && !fe.current.contains(t) && C(!1);
+			D.current && !D.current.contains(t) && C(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [S]), c(() => {
-		let e = (e) => {
-			ve.current &&= (clearTimeout(ve.current), null), e?.detail?.email && (ge.current = e.detail.email), T(!1), te(""), re("");
-		};
-		return window.addEventListener("fe:voice-email-saved", e), () => window.removeEventListener("fe:voice-email-saved", e);
-	}, []);
-	let Ee = async () => {
-		let e = ee.trim();
-		if (!e || !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
-			re("Please enter a valid email address.");
-			return;
-		}
-		re("");
-		try {
-			if (!(await (await fetch(`${a}/api/voice/save-visitor-email`, {
-				method: "POST",
-				headers: { "Content-Type": "application/json" },
-				body: JSON.stringify({
-					chatId: s,
-					email: e,
-					siteId: i
-				})
-			})).json()).success) {
-				re("Could not save email. Please try again.");
-				return;
-			}
-			window.dispatchEvent(new CustomEvent("fe:voice-email-saved", { detail: { email: e } }));
-			try {
-				E.current?.sendContextualUpdate?.(`EMAIL_SAVED: ${e}. The visitor has typed their email in the widget. Now answer their original question.`);
-			} catch {}
-		} catch {
-			re("Could not save email. Please try again.");
-		}
-	};
-	return /* @__PURE__ */ _("div", {
-		ref: fe,
+	}, [S]), /* @__PURE__ */ _("div", {
+		ref: D,
 		style: {
 			position: "relative",
 			display: "flex",
@@ -30398,82 +30322,6 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				},
 				children: "Could not start voice session."
 			}),
-			w && /* @__PURE__ */ _("div", {
-				style: {
-					background: "rgba(15,22,36,0.92)",
-					backdropFilter: "blur(12px)",
-					WebkitBackdropFilter: "blur(12px)",
-					border: "1px solid rgba(255,255,255,0.15)",
-					borderRadius: "12px",
-					padding: "10px 12px",
-					display: "flex",
-					flexDirection: "column",
-					gap: "6px",
-					width: "240px"
-				},
-				children: [
-					/* @__PURE__ */ g("span", {
-						style: {
-							color: "rgba(255,255,255,0.7)",
-							fontSize: "11px",
-							fontWeight: 500
-						},
-						children: "Type your email to continue"
-					}),
-					/* @__PURE__ */ _("div", {
-						style: {
-							display: "flex",
-							gap: "6px",
-							alignItems: "center"
-						},
-						children: [/* @__PURE__ */ g("input", {
-							type: "email",
-							value: ee,
-							onChange: (e) => {
-								te(e.target.value), re("");
-							},
-							onKeyDown: (e) => {
-								e.key === "Enter" && Ee();
-							},
-							placeholder: "you@example.com",
-							style: {
-								flex: 1,
-								background: "rgba(255,255,255,0.08)",
-								border: "1px solid rgba(255,255,255,0.2)",
-								borderRadius: "8px",
-								color: "white",
-								fontSize: "13px",
-								padding: "6px 10px",
-								outline: "none"
-							}
-						}), /* @__PURE__ */ g("button", {
-							onClick: Ee,
-							style: {
-								width: "30px",
-								height: "30px",
-								borderRadius: "8px",
-								background: "#2563eb",
-								border: "none",
-								color: "white",
-								fontSize: "16px",
-								cursor: "pointer",
-								display: "flex",
-								alignItems: "center",
-								justifyContent: "center",
-								flexShrink: 0
-							},
-							children: "→"
-						})]
-					}),
-					ne && /* @__PURE__ */ g("span", {
-						style: {
-							color: "#f87171",
-							fontSize: "11px"
-						},
-						children: ne
-					})
-				]
-			}),
 			/* @__PURE__ */ _("div", {
 				style: {
 					display: "flex",
@@ -30482,16 +30330,16 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				},
 				children: [/* @__PURE__ */ g("button", {
 					onClick: async () => {
-						if (E.current) try {
+						if (w.current) try {
 							if (b) {
-								pe.current = 0, await E.current.setMicMuted?.(!1), x(!1);
+								se.current = 0, await w.current.setMicMuted?.(!1), x(!1);
 								try {
-									E.current.sendContextualUpdate?.("The visitor has unmuted. Resume normal interaction and wait for them to speak.");
+									w.current.sendContextualUpdate?.("The visitor has unmuted. Resume normal interaction and wait for them to speak.");
 								} catch {}
 							} else {
-								pe.current = 0, await E.current.setMicMuted?.(!0), x(!0);
+								se.current = 0, await w.current.setMicMuted?.(!0), x(!0);
 								try {
-									E.current.sendContextualUpdate?.("The visitor has muted their microphone. Do NOT speak, ask if they are there, or prompt them in any way. Stay completely silent until they unmute.");
+									w.current.sendContextualUpdate?.("The visitor has muted their microphone. Do NOT speak, ask if they are there, or prompt them in any way. Stay completely silent until they unmute.");
 								} catch {}
 							}
 						} catch {}
@@ -30590,7 +30438,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							C(!1), le.current = "chat", Te(t);
+							C(!1), ie.current = "chat", ge(t);
 						},
 						style: {
 							display: "flex",
@@ -30619,7 +30467,7 @@ function gk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							C(!1), le.current = "minimized", Te(n);
+							C(!1), ie.current = "minimized", ge(n);
 						},
 						style: {
 							display: "flex",
@@ -31547,13 +31395,7 @@ function bk() {
 		} catch {}
 	}, []), c(() => {
 		Ee && M !== "voice_mode" && M !== "text_chat" && M !== "call_screen" && (ue?.(!1), dt("text_chat"));
-	}, [Ee]), c(() => {
-		let e = (e) => {
-			let t = e?.detail?.email;
-			t && typeof le == "function" && le(t);
-		};
-		return window.addEventListener("fe:voice-email-saved", e), () => window.removeEventListener("fe:voice-email-saved", e);
-	}, [le]);
+	}, [Ee]);
 	let Oe = t?.widgetSettings || {}, ke = n?.widgetSettings || {}, O = {
 		...Oe.branding || {},
 		...ke.branding || {}
@@ -31967,7 +31809,7 @@ function bk() {
 				onMessageSync: oe,
 				voiceEndCounter: De,
 				websiteName: t?.websiteName,
-				visitorEmail: h
+				voiceFirstMessage: Oe.voiceFirstMessage || null
 			}, "voice"),
 			M === "call_screen" && /* @__PURE__ */ g(bO, {
 				incomingCall: w,

package/package.json

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