@flowengage/react-chatbot 1.1.7 → 1.1.8

package/dist/flowengage-react-chatbot.mjs

@@ -23292,30 +23292,30 @@ var h_ = {
 	listening: "#10b981",
 	speaking: "#f59e0b",
 	error: "#ef4444"
-}, __ = 13;
-function v_(e, t) {
+}, __ = 17, v_ = 6;
+function y_(e, t) {
 	let n = (t || "").trim();
 	return n ? !!(/\b(let'?s|let us)\s+(end|stop|finish|wrap up|close)\s+(the\s+)?(voice\s+)?(session|call|chat)\b/i.test(n) || /\bend\s+(this\s+)?(the\s+)?(voice\s+)?(session|call|chat)\b/i.test(n) || /\b(hang\s+up|disconnect)\b/i.test(n) || /\b(that'?s all|we'?re done)\b/i.test(n) || e === "bot" && (/\b(I'?ll|I will|Let me|I can|I'?m going to)\s+(end|close)\s+(the\s+)?(voice\s+)?(session|call)\b/i.test(n) || /\b(ending|closing)\s+(the\s+)?(voice\s+)?session\b|\bvoice\s+session\s+(is\s+)?(now\s+)?(ended|over|closing)\b/i.test(n) || /\b(session|call)\s+(is\s+)?(now\s+)?(ended|over)\b/i.test(n) || /\bwe\s+can\s+end\s+(the\s+)?(session|call)?\s*(here|now)\b/i.test(n) || /\b(wrapping\s+up|signing\s+off)\b/i.test(n)) || /^(goodbye|bye|that'?s all|we'?re done|hang up|disconnect)\b/i.test(n)) : !1;
 }
-function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
-	let [h, g] = s("idle"), [ee, te] = s(null), [_, ne] = s(!1), re = o(null), ie = o(null), ae = o(""), oe = o(async () => {}), se = o(!1), v = o(""), ce = o(null), le = o(null), ue = o(null), y = n(() => {
-		le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearInterval(ue.current), null), v.current = "", ce.current = null;
+function b_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
+	let [h, g] = s("idle"), [ee, te] = s(null), [_, ne] = s(!1), re = o(null), ie = o(null), ae = o(""), oe = o(async () => {}), se = o(!1), v = o(""), ce = o(null), le = o(null), ue = o(null), y = o(null), b = o(null), de = n(() => {
+		ue.current &&= (clearTimeout(ue.current), null), y.current &&= (clearInterval(y.current), null), v.current = "", ce.current = null, le.current = null, b.current != null && (cancelAnimationFrame(b.current), b.current = null);
 		try {
 			hn();
 		} catch {}
-	}, []), b = n(async () => {
-		y();
+	}, []), fe = n(async () => {
+		de();
 		try {
 			await re.current?.endSession?.();
 		} catch {}
 		re.current = null, ne(!1), g("idle"), se.current = !1, typeof p == "function" && await p(d.current), typeof c == "function" && c();
 	}, [
-		y,
+		de,
 		d,
 		p,
 		c
 	]);
-	oe.current = b, i(() => {
+	oe.current = fe, i(() => {
 		let t = !1, n = null;
 		return (async () => {
 			try {
@@ -23334,38 +23334,57 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					try {
 						let e = v.current, t = ce.current;
 						if (!e?.trim() || t == null) return;
-						let n = Math.max(0, (Date.now() - t) / 1e3), r = Math.min(e.length, Math.floor(n * __)), i = e.slice(0, r);
-						if (i.trim().length < 12) return;
+						let n = le.current, r = Date.now(), i;
+						if (n != null) {
+							let t = Math.max(0, (r - n) / 1e3);
+							i = Math.min(e.length, Math.floor(t * __));
+						} else {
+							let n = Math.max(0, (r - t) / 1e3);
+							if (n > 2.1 && e.length > 36) i = Math.min(e.length, Math.floor(Math.max(0, n - .4) * __));
+							else {
+								let t = Math.min(96, Math.floor(n * v_));
+								i = Math.min(e.length, t);
+							}
+						}
+						let a = e.slice(0, i);
+						if (a.trim().length < 8) return;
 						rn();
-						let a = pn(i);
-						a && mn(a, { speaking: !0 });
+						let o = pn(a);
+						o && mn(o, { speaking: !0 });
 					} catch (e) {
 						console.warn("[VoiceInterface] speech highlight failed", e?.message);
 					}
 				}, s = () => {
-					le.current && clearTimeout(le.current), le.current = setTimeout(() => {
-						le.current = null, o();
-					}, 200);
+					b.current ??= requestAnimationFrame(() => {
+						b.current = null, o();
+					});
 				}, c = () => {
-					ue.current ||= setInterval(() => {
+					ue.current && clearTimeout(ue.current), ue.current = setTimeout(() => {
+						ue.current = null, o();
+					}, 120);
+				}, l = () => {
+					y.current ||= setInterval(() => {
 						o();
-					}, 400);
-				}, l = await Bh.startSession({
+					}, 160);
+				}, u = await Bh.startSession({
 					agentId: e,
 					clientTools: i,
 					onUnhandledClientToolCall: (e) => {
 						console.error("[VoiceInterface] ElevenLabs requested a client tool that is not registered in the widget:", e?.tool_name, e?.parameters, "Add a matching handler in voiceClientTools (snake_case and camelCase are both supported).");
 					},
 					onModeChange: ({ mode: e }) => {
-						t || (g(e === "speaking" ? "speaking" : "listening"), e === "listening" && (le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearInterval(ue.current), null)));
+						t || g(e === "speaking" ? "speaking" : "listening");
+					},
+					onAudio: () => {
+						t || (le.current ??= Date.now(), l(), s());
 					},
 					onAgentChatResponsePart: (e) => {
 						if (t) return;
 						let n = e?.text_response_part ?? e, r = n?.type, i = n?.text ?? "";
-						r === "start" ? (le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearInterval(ue.current), null), v.current = i, ce.current = Date.now(), c()) : r === "delta" ? (v.current += i, ce.current ??= Date.now(), c()) : r === "stop" ? (v.current += i, c()) : (v.current += i, ce.current == null && i && (ce.current = Date.now()), c()), v.current.trim().length >= 18 && s();
+						r === "start" ? (ue.current &&= (clearTimeout(ue.current), null), y.current &&= (clearInterval(y.current), null), b.current != null && (cancelAnimationFrame(b.current), b.current = null), le.current = null, v.current = i, ce.current = Date.now(), l()) : r === "delta" ? (v.current += i, ce.current ??= Date.now(), l()) : r === "stop" ? (v.current += i, l()) : (v.current += i, ce.current == null && i && (ce.current = Date.now()), l()), v.current.trim().length >= 10 && (c(), s());
 					},
 					onInterruption: () => {
-						y();
+						de();
 					},
 					onMessage: (e) => {
 						if (t) return;
@@ -23376,22 +23395,22 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 							message: r,
 							timestamp: (/* @__PURE__ */ new Date()).toISOString()
 						};
-						n === "user" && (ae.current = r), d.current = [...d.current, i], v_(n, r) && queueMicrotask(() => {
+						n === "user" && (ae.current = r, de()), d.current = [...d.current, i], y_(n, r) && queueMicrotask(() => {
 							se.current || (se.current = !0, oe.current?.());
 						});
 					},
 					onError: (e) => {
-						t || (console.error("[VoiceInterface] ElevenLabs error", e), y(), g("error"), te("Voice session encountered an error."));
+						t || (console.error("[VoiceInterface] ElevenLabs error", e), de(), g("error"), te("Voice session encountered an error."));
 					},
 					onDisconnect: () => {
-						t || (console.log("[VoiceInterface] session disconnected"), y(), ne(!1), g("idle"));
+						t || (console.log("[VoiceInterface] session disconnected"), de(), ne(!1), g("idle"));
 					}
 				});
 				if (t) {
-					l.endSession().catch(() => {});
+					u.endSession().catch(() => {});
 					return;
 				}
-				n = l, re.current = l, ne(!0), g("listening");
+				n = u, re.current = u, ne(!0), g("listening");
 				try {
 					let e = typeof window < "u" ? window.location.href : "", t = "";
 					try {
@@ -23399,14 +23418,14 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					} catch {
 						t = "[]";
 					}
-					l.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: when the user wants to go to any page (contact, pricing, about, services, etc.), call search_site_content then navigate_to_page immediately — never ask permission. After navigating to a page with a form, call list_page_forms and proactively start helping the user fill it. Contact / lead forms: use only the main contact form (Full Name, Email, Message). Ignore footer or secondary marketing URL fields unless the user explicitly asks to use them. Fill in order: name → email → message. Message must be a short visitor note (what they want from the team), not a transcript of the conversation. Forms: use fill_form_fields then click_page_button (e.g. Send Message) when appropriate. Fill each field right after the user gives that value — do not click submit until required fields are filled. Voice: if the user wants to end the voice session, call end_voice_session or confirm and end.`);
+					u.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: when the user wants to go to any page (contact, pricing, about, services, etc.), call search_site_content then navigate_to_page immediately — never ask permission. After navigating to a page with a form, call list_page_forms and proactively start helping the user fill it. Contact / lead forms: use only the main contact form (Full Name, Email, Message). Ignore footer or secondary marketing URL fields unless the user explicitly asks to use them. Fill in order: name → email → message. Message must be a short visitor note (what they want from the team), not a transcript of the conversation. Forms: use fill_form_fields then click_page_button (e.g. Send Message) when appropriate. Fill each field right after the user gives that value — do not click submit until required fields are filled. Voice: if the user wants to end the voice session, call end_voice_session or confirm and end.`);
 				} catch {}
 				typeof m == "function" && m();
 			} catch (e) {
 				t || (console.error("[VoiceInterface] startSession failed", e), g("error"), te("Could not start voice session. Please try again."));
 			}
 		})(), () => {
-			t = !0, y(), n ? n.endSession().catch(() => {}) : re.current && re.current.endSession().catch(() => {});
+			t = !0, de(), n ? n.endSession().catch(() => {}) : re.current && re.current.endSession().catch(() => {});
 		};
 	}, [
 		e,
@@ -23414,9 +23433,9 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 		a,
 		d,
 		m,
-		y
+		de
 	]);
-	let de = h === "listening" || h === "speaking", fe = g_[h] || g_.idle, pe = h_[h] || h_.idle;
+	let pe = h === "listening" || h === "speaking", me = g_[h] || g_.idle, he = h_[h] || h_.idle;
 	return /* @__PURE__ */ u("div", {
 		ref: ie,
 		style: {
@@ -23440,19 +23459,19 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					justifyContent: "center"
 				},
 				children: [
-					de && /* @__PURE__ */ l("div", { style: {
+					pe && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-16px",
 						borderRadius: "50%",
-						border: `2px solid ${fe}`,
+						border: `2px solid ${me}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out infinite",
 						opacity: .6
 					} }),
-					de && /* @__PURE__ */ l("div", { style: {
+					pe && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-8px",
 						borderRadius: "50%",
-						border: `2px solid ${fe}`,
+						border: `2px solid ${me}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out 0.35s infinite",
 						opacity: .4
 					} }),
@@ -23461,18 +23480,18 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 							width: "140px",
 							height: "140px",
 							borderRadius: "50%",
-							background: pe,
-							border: `3px solid ${fe}`,
+							background: he,
+							border: `3px solid ${me}`,
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							transition: "all 0.35s ease",
 							transform: h === "speaking" ? "scale(1.08)" : "scale(1)",
-							boxShadow: `0 0 40px ${pe}, 0 8px 32px rgba(0,0,0,0.08)`
+							boxShadow: `0 0 40px ${he}, 0 8px 32px rgba(0,0,0,0.08)`
 						},
 						children: /* @__PURE__ */ l(An, {
 							size: 44,
-							color: fe
+							color: me
 						})
 					})
 				]
@@ -23493,7 +23512,7 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 				]
 			}),
 			/* @__PURE__ */ u("button", {
-				onClick: b,
+				onClick: fe,
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -23522,7 +23541,7 @@ function y_({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 }
 //#endregion
 //#region src/components/FlowEngageWidget.jsx
-var b_ = [
+var x_ = [
 	{
 		key: "become_client",
 		label: "Become a Client"
@@ -23543,7 +23562,7 @@ var b_ = [
 		key: "looking_for_job",
 		label: "Looking for a Job"
 	}
-], x_ = () => /* @__PURE__ */ l("div", {
+], S_ = () => /* @__PURE__ */ l("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -23574,7 +23593,7 @@ var b_ = [
 		} }, e)), /* @__PURE__ */ l("style", { children: "\n        @keyframes fe-dot-bounce {\n          0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }\n          40% { transform: translateY(-5px); opacity: 1; }\n        }\n      " })]
 	})
 });
-function S_() {
+function C_() {
 	let { status: e, runtimeConfig: t, resolvedConfig: n, chatId: r, chatHistory: o, isOpen: c, activeScreen: d, isHumanHandled: f, agentName: p, agentHeadshot: m, visitorEmail: h, isAgentTyping: g, isAiTyping: ee, isLoading: te, isVoiceMode: _, isRateLimited: ne, rateLimitMessage: re, isConversationEnded: ie, incomingCall: ae, activeCallId: oe, callConnectionState: se, callConnectedAt: v, isCallMuted: ce, webRTCError: le, language: ue, historyRef: y, onMessageSync: b, endConversation: de, acceptCall: fe, rejectCall: pe, endWebRTCCall: me, toggleCallMute: he, dismissCallError: ge, captureVisitorEmail: _e, openWidget: ve, closeWidget: ye, sendMessage: be, setVoiceMode: xe, startTyping: Se, stopTyping: Ce, updateTypingDraft: we } = Xt(), [Te, Ee] = s(""), [De, Oe] = s(null), [ke, Ae] = s(null), [je, Me] = s(null), [Ne, Pe] = s(0), [x, Fe] = s(h || ""), [Ie, Le] = s("");
 	i(() => {
 		try {
@@ -23602,7 +23621,7 @@ function S_() {
 		outline: "none",
 		fontFamily: "ui-sans-serif, system-ui, sans-serif",
 		...c ? {} : Ue
-	}, Ge = S.recommendations?.[ue] || Re.recommendations?.[ue] || b_, Ke = S.greetings?.[ue] || Re.greetings?.[ue], qe = ze.chatButtonText || "Chat with us", Je = ze.headerName || t?.websiteName || "OpenSense Labs", C = ze.logoUrl || null, w = ze.hideWatermark || !1, T = Re.elevenLabsAgentId || t?.elevenLabsAgentId || null, Ye = t?.siteId || n?.siteId || null, Xe = t?.apiBaseUrl || "", Ze = ze.fallbackAgentName || "Agent", Qe = ze.botLabel || "AI", $e = m && String(m).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, et = ae?.agentName || p || Ze, tt = o.some((e) => e.sender === "user"), nt = a(() => {
+	}, Ge = S.recommendations?.[ue] || Re.recommendations?.[ue] || x_, Ke = S.greetings?.[ue] || Re.greetings?.[ue], qe = ze.chatButtonText || "Chat with us", Je = ze.headerName || t?.websiteName || "OpenSense Labs", C = ze.logoUrl || null, w = ze.hideWatermark || !1, T = Re.elevenLabsAgentId || t?.elevenLabsAgentId || null, Ye = t?.siteId || n?.siteId || null, Xe = t?.apiBaseUrl || "", Ze = ze.fallbackAgentName || "Agent", Qe = ze.botLabel || "AI", $e = m && String(m).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, et = ae?.agentName || p || Ze, tt = o.some((e) => e.sender === "user"), nt = a(() => {
 		let e = o.findIndex((e) => e.sender === "user");
 		return e === -1 ? !1 : o.slice(e + 1).some((e) => e.sender === "bot" || e.sender === "ai" || e.sender === "agent");
 	}, [o]), rt = !h && tt && nt;
@@ -23730,7 +23749,7 @@ function S_() {
 							flexDirection: "column"
 						},
 						className: "fe-screen-fade-in",
-						children: /* @__PURE__ */ l(y_, {
+						children: /* @__PURE__ */ l(b_, {
 							agentId: T,
 							chatId: r,
 							siteId: Ye,
@@ -23763,7 +23782,7 @@ function S_() {
 							isAiTyping: ee,
 							isAgentTyping: g,
 							setReplyContext: Me,
-							TypingDots: x_,
+							TypingDots: S_,
 							primaryColor: Ve,
 							agentHeadshot: $e,
 							agentDisplayName: p || Ze
@@ -23842,4 +23861,4 @@ function S_() {
 	}) : null;
 }
 //#endregion
-export { Dn as FlowEngageProvider, S_ as FlowEngageWidget, Xt as useFlowEngage };
+export { Dn as FlowEngageProvider, C_ as FlowEngageWidget, Xt as useFlowEngage };

package/package.json

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