@flowengage/react-chatbot 5.0.62 → 5.0.63

package/dist/flowengage-react-chatbot.mjs

@@ -29357,7 +29357,36 @@ function wk() {
 		e[r] = !0, t.id = r;
 	});
 }
-function Tk(e) {
+var Tk = [], Ek = 2.5;
+function Dk(e) {
+	if (!e || Tk.length === 0) return;
+	let t = e.toLowerCase(), n = [];
+	for (let r of Tk) {
+		let i = r.label.toLowerCase().split(/\s+/), a = -1, o = i.length >= 3 ? 3 : i.length;
+		for (let e = Math.min(5, i.length); e >= o; e--) {
+			let n = i.slice(0, e).join(" "), r = t.indexOf(n);
+			if (r >= 0) {
+				a = r;
+				break;
+			}
+		}
+		let s = a > 0 ? e.slice(0, a).split(/\s+/).filter(Boolean).length : 0;
+		n.push({
+			el: r.el,
+			label: r.label,
+			delay: Math.round(s / Ek * 1e3)
+		});
+	}
+	Tk.length = 0, n.sort((e, t) => e.delay - t.delay);
+	for (let e = 1; e < n.length; e++) n[e].delay < n[e - 1].delay + 400 && (n[e].delay = n[e - 1].delay + 400);
+	for (let { el: e, label: t, delay: r } of n) setTimeout(() => {
+		CD(e), $(`highlight ✓ word-sync +${r}ms`, t);
+	}, r);
+}
+function Ok() {
+	Tk.length = 0;
+}
+function kk(e) {
 	let t = e.siteId || null, n = (e.apiBaseUrl || "").replace(/\/$/, ""), r = typeof e.getLastUserVoiceText == "function" ? e.getLastUserVoiceText : null, i = [], a = {
 		flowengage_navigate: async (n) => {
 			$("flowengage_navigate ▶ raw parameters:", n);
@@ -29435,7 +29464,10 @@ function Tk(e) {
 			let t = _k(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText, i = r || n || "";
 			wk();
 			let a = hr(n || null, r || null);
-			return !a && r && (await new Promise((e) => setTimeout(e, 500)), wk(), a = hr(null, r)), a ? (CD(a), $("flowengage_highlight ✓", i), `OK_HIGHLIGHT: "${i}" applied. NOW: generate your NEXT response — speak 1-2 sentences about the NEXT section only, then call flowengage_highlight ONCE for that section. Do NOT batch multiple sections. One section per response, always.`) : ($("flowengage_highlight ✖ no element for:", i), `HIGHLIGHT_NOT_FOUND: "${i}" — section not found. Do NOT apologize or mention this. Continue speaking naturally. Try a shorter phrase (first 2-3 words) next time.`);
+			return !a && r && (await new Promise((e) => setTimeout(e, 500)), wk(), a = hr(null, r)), a ? (Tk.push({
+				el: a,
+				label: i
+			}), $("flowengage_highlight ◷ queued for word-sync", i), `OK_HIGHLIGHT: "${i}" queued. Continue speaking — highlights are timed automatically.`) : ($("flowengage_highlight ✖ no element for:", i), `HIGHLIGHT_NOT_FOUND: "${i}" — section not found. Do NOT apologize or mention this. Continue speaking naturally. Try a shorter phrase (first 2-3 words) next time.`);
 		},
 		flowengage_read_content: async (e) => {
 			$("flowengage_read_content ▶", e);
@@ -29630,7 +29662,7 @@ function Tk(e) {
 }
 //#endregion
 //#region src/utils/wrapVoiceToolsForLogging.js
-function Ek(e) {
+function Ak(e) {
 	return !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, async (n) => {
 		let r = Rn();
 		r ? console.log("[FlowEngage:voice-tool] ▶", e, n) : console.info(`[FlowEngage] voice tool » ${e}`);
@@ -29647,7 +29679,7 @@ function Ek(e) {
 }
 //#endregion
 //#region src/components/FlowEngageWidget.jsx
-var Dk = {
+var jk = {
 	blue: "#135bd8",
 	red: "#ef334b",
 	yellow: "#ffbd2e",
@@ -29655,7 +29687,7 @@ var Dk = {
 	highlight: "rgba(255,255,255,0.9)",
 	green: "#10b981"
 };
-function Ok(e) {
+function Mk(e) {
 	if (!Array.isArray(e) || e.length < 2) return "linear-gradient(145deg, #dce8f022 0%, #e8dff522 45%, #f5e0e022 100%), #f7f8fa";
 	let [t, n, r] = e;
 	return e.length >= 3 && r ? [
@@ -29669,12 +29701,12 @@ function Ok(e) {
 		"#f7f8fa"
 	].join(", ");
 }
-function kk(e) {
+function Nk(e) {
 	if (!e || typeof e != "string") return "#1a1a1a";
 	let t = e.replace("#", ""), n = t.length === 3 ? t.split("").map((e) => e + e).join("") : t, r = parseInt(n.slice(0, 2), 16) / 255, i = parseInt(n.slice(2, 4), 16) / 255, a = parseInt(n.slice(4, 6), 16) / 255, o = (e) => e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
 	return .2126 * o(r) + .7152 * o(i) + .0722 * o(a) > .179 ? "#1a1a1a" : "#ffffff";
 }
-function Ak({ logo: t, style: n }) {
+function Pk({ logo: t, style: n }) {
 	if (!t) return null;
 	if (typeof t == "string") return /* @__PURE__ */ g("img", {
 		src: t,
@@ -29699,7 +29731,7 @@ function Ak({ logo: t, style: n }) {
 		children: r
 	}) : null;
 }
-function jk({ title: e }) {
+function Fk({ title: e }) {
 	return /* @__PURE__ */ g("div", {
 		style: {
 			width: "100%",
@@ -29717,18 +29749,18 @@ function jk({ title: e }) {
 		children: String(e || "FE").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() || "").join("") || "FE"
 	});
 }
-function Mk(e, t) {
+function Ik(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 Nk({ orbColors: e, ...t }) {
+function Lk({ orbColors: e, ...t }) {
 	return /* @__PURE__ */ g(dO, {
 		colors: e,
 		...t
 	});
 }
-function Pk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMobile: a, isClosing: o }) {
-	let s = n || Dk.green, c = kk(s), l = a ? 72 : 94, u = /* @__PURE__ */ _("div", {
+function Rk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMobile: a, isClosing: o }) {
+	let s = n || jk.green, c = Nk(s), l = a ? 72 : 94, u = /* @__PURE__ */ _("div", {
 		style: {
 			display: "flex",
 			alignItems: a ? "flex-end" : "center",
@@ -29849,7 +29881,7 @@ function Pk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMo
 				delay: 0
 			},
 			style: { flexShrink: 0 },
-			children: /* @__PURE__ */ g(Nk, {
+			children: /* @__PURE__ */ g(Lk, {
 				size: l,
 				orbColors: t
 			})
@@ -29881,8 +29913,8 @@ function Pk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMo
 		children: u
 	})] });
 }
-function Fk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onClose: a, isMobile: o, isClosing: s }) {
-	let c = n || Dk.green, l = kk(c);
+function zk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onClose: a, isMobile: o, isClosing: s }) {
+	let c = n || jk.green, l = Nk(c);
 	return /* @__PURE__ */ _(Dm.div, {
 		initial: {
 			scale: 50 / 350,
@@ -29953,7 +29985,7 @@ function Fk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 					children: /* @__PURE__ */ g("polyline", { points: "6 9 12 15 18 9" })
 				})
 			}),
-			/* @__PURE__ */ g(Nk, {
+			/* @__PURE__ */ g(Lk, {
 				size: 72,
 				orbColors: t
 			}),
@@ -30022,17 +30054,20 @@ function Fk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 		]
 	});
 }
-function Ik({ 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 = p("idle"), le = p(!1), ue = p(null), de = p(null), fe = p(!1), pe = o((e = "minimized") => {
+function Bk({ 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 = p("idle"), le = p(!1), ue = p(null), de = p(null), fe = p(!1), pe = p(""), me = o((e = "minimized") => {
 		E.current = e, re.current = !0, queueMicrotask(() => {
 			ee.current || (ee.current = !0, T.current?.());
 		});
-	}, [u]), me = o(async (e) => {
+	}, [u]), he = o(async (e) => {
 		re.current = !0;
 		try {
 			wD();
 		} catch {}
-		if (a) try {
+		try {
+			Ok();
+		} catch {}
+		if (pe.current = "", a) try {
 			Ve(a);
 		} catch {}
 		try {
@@ -30063,10 +30098,10 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		l,
 		s
 	]);
-	return T.current = () => me(E.current === "chat" ? t : n), c(() => {
+	return T.current = () => he(E.current === "chat" ? t : n), c(() => {
 		te.current = y;
 	}, [y]), c(() => {
-		f && pe("chat");
+		f && me("chat");
 	}, [f]), c(() => {
 		let e = !1, i = null, o = null, c = null;
 		return (async () => {
@@ -30104,7 +30139,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}
 					Ne();
 				} });
-				let t = Ek(Tk({
+				let t = Ak(kk({
 					siteId: a || null,
 					apiBaseUrl: s || null,
 					getLastUserVoiceText: () => w.current,
@@ -30134,7 +30169,7 @@ function Ik({ 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, me = await vD.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, he = await vD.startSession({
 					..._,
 					onConnect: ({ conversationId: e }) => {
 						ie.current = e, ae.current = Date.now(), console.log("[FlowEngage] 🎙️ AI chat session connected:", e);
@@ -30143,11 +30178,11 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					onModeChange: ({ mode: t }) => {
 						if (!e) {
 							if (t === "speaking") {
-								de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null);
+								de.current &&= (clearTimeout(de.current), null), v("speaking"), ce.current = "speaking", le.current = !0, fe.current = !1, ue.current &&= (clearTimeout(ue.current), null), pe.current &&= (Dk(pe.current), "");
 								return;
 							}
 							if (ce.current = "listening", se.current) {
-								se.current = !1, pe();
+								se.current = !1, me();
 								return;
 							}
 							if (oe && !T) {
@@ -30169,7 +30204,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						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, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
+							if (n === "bot" && (ce.current === "speaking" ? Dk(r) : pe.current = r), n === "user" && (w.current = r, fe.current = !0, de.current &&= (clearTimeout(de.current), null), ue.current &&= (clearTimeout(ue.current), null)), u.current = [...u.current, {
 								sender: n,
 								message: r,
 								timestamp: (/* @__PURE__ */ new Date()).toISOString()
@@ -30177,14 +30212,14 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								let e = bO(u.current);
 								e && Ae(a, e);
 							} catch {}
-							if (Mk(n, r)) {
-								pe("minimized");
+							if (Ik(n, r)) {
+								me("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 && pe("minimized");
+							else D.current >= 5 && me("minimized");
 						}
 					},
 					onError: (t) => {
@@ -30197,7 +30232,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							try {
 								C.current?.setMicMuted?.(!0);
 							} catch {}
-							b(!0), v("error"), pe("chat");
+							b(!0), v("error"), me("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30214,21 +30249,21 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						try {
 							C.current?.setMicMuted?.(!0);
 						} catch {}
-						b(!0), pe("chat");
+						b(!0), me("chat");
 					}
 				});
 				if (e) {
-					me.endSession().catch(() => {});
+					he.endSession().catch(() => {});
 					return;
 				}
-				i = me, C.current = me, v("listening");
+				i = he, C.current = he, 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` : "";
-					me.sendContextualUpdate(`${i}Page: ${e}. SiteId: ${a || "unknown"}. Forms: ${r}. Voice: call end_voice_session or say you are ending the session to stop.`);
+					he.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 = () => {
@@ -30287,7 +30322,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		r,
 		a,
 		s,
-		pe
+		me
 	]), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -30341,7 +30376,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						},
 						children: "Muted"
 					}),
-					/* @__PURE__ */ g(Nk, {
+					/* @__PURE__ */ g(Lk, {
 						size: 72,
 						voiceState: h,
 						isMuted: y,
@@ -30473,7 +30508,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "chat", me(t);
+							S(!1), E.current = "chat", he(t);
 						},
 						style: {
 							display: "flex",
@@ -30502,7 +30537,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "minimized", me(n);
+							S(!1), E.current = "minimized", he(n);
 						},
 						style: {
 							display: "flex",
@@ -30579,7 +30614,7 @@ function Ik({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		]
 	});
 }
-function Lk({ orbColors: e }) {
+function Vk({ orbColors: e }) {
 	return /* @__PURE__ */ g("div", {
 		style: {
 			flexShrink: 0,
@@ -30589,13 +30624,13 @@ function Lk({ orbColors: e }) {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: /* @__PURE__ */ g(Nk, {
+		children: /* @__PURE__ */ g(Lk, {
 			size: 36,
 			orbColors: e
 		})
 	});
 }
-var Rk = () => /* @__PURE__ */ g("div", {
+var Hk = () => /* @__PURE__ */ g("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -30625,7 +30660,7 @@ var Rk = () => /* @__PURE__ */ g("div", {
 		} }, e))
 	})
 });
-function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i, quickChatOptions: a, onQuickChatSelect: o, isMobile: s, chatHistory: l, isAiTyping: u, isAgentTyping: d, activeScreen: f, agentName: v, agentHeadshot: y, fallbackAgentName: b, input: x, setInput: S, onSubmit: C, isConversationEnded: w, isLoading: T, isRateLimited: ee, rateLimitMessage: te, selectedFile: ne, onFileSelect: re, onRemoveSelectedFile: E, attachmentError: ie, isUploadingAttachment: ae, requiresEmail: oe, emailInput: D, setEmailInput: se, emailError: ce, emailCaptureSuccess: le, replyContext: ue, setReplyContext: de, webRTCError: fe, micError: pe, setMicError: me, dismissCallError: he, activeCallId: ge, isCallMuted: _e, toggleCallMute: ve, endWebRTCCall: ye, formatCallDuration: be, callDurationSeconds: xe, isCallMinimized: Se, onExpand: Ce, onCollapse: we, onStartVoice: Te, onNewChat: Ee, onEndConversation: De, showPoweredBy: Oe, getVisitorChatHistory: ke, getVisitorChatThread: Ae, resumeChat: je, isSessionRestoring: Me, isClosing: O }) {
+function Uk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i, quickChatOptions: a, onQuickChatSelect: o, isMobile: s, chatHistory: l, isAiTyping: u, isAgentTyping: d, activeScreen: f, agentName: v, agentHeadshot: y, fallbackAgentName: b, input: x, setInput: S, onSubmit: C, isConversationEnded: w, isLoading: T, isRateLimited: ee, rateLimitMessage: te, selectedFile: ne, onFileSelect: re, onRemoveSelectedFile: E, attachmentError: ie, isUploadingAttachment: ae, requiresEmail: oe, emailInput: D, setEmailInput: se, emailError: ce, emailCaptureSuccess: le, replyContext: ue, setReplyContext: de, webRTCError: fe, micError: pe, setMicError: me, dismissCallError: he, activeCallId: ge, isCallMuted: _e, toggleCallMute: ve, endWebRTCCall: ye, formatCallDuration: be, callDurationSeconds: xe, isCallMinimized: Se, onExpand: Ce, onCollapse: we, onStartVoice: Te, onNewChat: Ee, onEndConversation: De, showPoweredBy: Oe, getVisitorChatHistory: ke, getVisitorChatThread: Ae, resumeChat: je, isSessionRestoring: Me, isClosing: O }) {
 	let Ne = l.length > 0, Pe = T || ee || w, Fe = !!ge, [Ie, Le] = m(!1), [Re, ze] = m(!1), [Be, Ve] = m([]), [He, Ue] = m(!1), [We, Ge] = m(null), [Ke, qe] = m([]), Je = p(null), Ye = async () => {
 		Le(!1), ze(!0), Ue(!0), Ge(null);
 		try {
@@ -30750,7 +30785,7 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 								justifyContent: "center",
 								height: "40px"
 							},
-							children: i ? /* @__PURE__ */ g(Ak, {
+							children: i ? /* @__PURE__ */ g(Pk, {
 								logo: i,
 								style: {
 									height: "34px",
@@ -30763,7 +30798,7 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 									height: "40px",
 									flexShrink: 0
 								},
-								children: /* @__PURE__ */ g(jk, { title: e.chatTitle })
+								children: /* @__PURE__ */ g(Fk, { title: e.chatTitle })
 							})
 						}), /* @__PURE__ */ g("div", {
 							style: {
@@ -31251,11 +31286,11 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					isLoading: T,
 					isAgentTyping: d,
 					setReplyContext: de,
-					TypingDots: Rk,
+					TypingDots: Hk,
 					primaryColor: n,
 					agentHeadshot: y,
 					agentDisplayName: v || b,
-					botAvatarNode: /* @__PURE__ */ g(Lk, { orbColors: t })
+					botAvatarNode: /* @__PURE__ */ g(Vk, { orbColors: t })
 				}) : Me ? /* @__PURE__ */ _("div", {
 					style: {
 						flex: 1,
@@ -31296,7 +31331,7 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 						padding: "28px 24px"
 					},
 					children: [
-						/* @__PURE__ */ g(Nk, {
+						/* @__PURE__ */ g(Lk, {
 							size: 94,
 							orbColors: t
 						}),
@@ -31437,7 +31472,7 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 		]
 	});
 }
-function Bk() {
+function Wk() {
 	let { status: e, runtimeConfig: t, resolvedConfig: n, chatHistory: r, isOpen: i, activeScreen: a, isHumanHandled: s, agentName: l, agentHeadshot: u, visitorEmail: h, isAgentTyping: v, isAiTyping: y, isLoading: b, isRateLimited: x, rateLimitMessage: S, isConversationEnded: C, incomingCall: w, activeCallId: T, callConnectionState: ee, callConnectedAt: te, isCallMuted: ne, webRTCError: re, language: E, chatId: ie, historyRef: ae, onMessageSync: oe, sendMessage: D, uploadChatFile: se, openWidget: ce, captureVisitorEmail: le, setVoiceMode: ue, endConversation: de, startNewChat: me, acceptCall: he, rejectCall: ge, endWebRTCCall: _e, toggleCallMute: ve, dismissCallError: ye, startTyping: be, stopTyping: xe, updateTypingDraft: Se, getVisitorChatHistory: Ce, getVisitorChatThread: we, resumeChat: Te, isSessionRestoring: Ee, openToChatCounter: De, voiceEndCounter: Oe } = Ln();
 	c(() => {
 		try {
@@ -31455,7 +31490,7 @@ function Bk() {
 	}, Fe = {
 		...ke.features || {},
 		...Ae.features || {}
-	}, Ie = Fe.voice !== !1, Re = Array.isArray(Ne.orbColors) && Ne.orbColors.length > 0 ? Ne.orbColors : null, ze = Ne.buttonColor || Ne.primaryColor || Re?.[0] || "#3B82F6", Be = Ne.position || "bottom-right", Ve = O.fallbackAgentName || "Agent", He = Ok(Re ?? Ne.chatBgColors), Ue = O.logo || O.logoUrl || null, We = E || "en", Ge = ke.recommendations?.[We] || [], Ke = (Ae.recommendations?.[We] ?? Ge).filter((e) => String(e?.label ?? "").trim()).map((e, t) => ({
+	}, Ie = Fe.voice !== !1, Re = Array.isArray(Ne.orbColors) && Ne.orbColors.length > 0 ? Ne.orbColors : null, ze = Ne.buttonColor || Ne.primaryColor || Re?.[0] || "#3B82F6", Be = Ne.position || "bottom-right", Ve = O.fallbackAgentName || "Agent", He = Mk(Re ?? Ne.chatBgColors), Ue = O.logo || O.logoUrl || null, We = E || "en", Ge = ke.recommendations?.[We] || [], Ke = (Ae.recommendations?.[We] ?? Ge).filter((e) => String(e?.label ?? "").trim()).map((e, t) => ({
 		id: e.key || `qr-${t}`,
 		label: e.label,
 		message: e.label,
@@ -31719,7 +31754,7 @@ function Bk() {
 		onWheel: (e) => e.stopPropagation(),
 		onTouchMove: (e) => e.stopPropagation(),
 		children: [
-			A === "entry_prompt" && /* @__PURE__ */ g(Pk, {
+			A === "entry_prompt" && /* @__PURE__ */ g(Rk, {
 				copy: Ze,
 				orbColors: Re,
 				primaryColor: ze,
@@ -31802,13 +31837,13 @@ function Bk() {
 							children: ee === "connected" ? `${Ht(_t)} with ${nt}` : `Tap to return to ${nt}`
 						})]
 					})]
-				}), /* @__PURE__ */ g(Nk, {
+				}), /* @__PURE__ */ g(Lk, {
 					size: 50,
 					orbColors: Re,
 					onClick: T && Dt ? Lt : Ie ? Kt : Jt
 				})]
 			}),
-			A === "connection_modal" && /* @__PURE__ */ g(Fk, {
+			A === "connection_modal" && /* @__PURE__ */ g(zk, {
 				copy: Ze,
 				orbColors: Re,
 				primaryColor: ze,
@@ -31818,7 +31853,7 @@ function Bk() {
 				isMobile: Nt,
 				isClosing: kt
 			}),
-			A === "voice_mode" && /* @__PURE__ */ g(Ik, {
+			A === "voice_mode" && /* @__PURE__ */ g(Bk, {
 				orbColors: Re,
 				onEnterChat: Jt,
 				onEndChat: Yt,
@@ -31850,7 +31885,7 @@ function Bk() {
 				orbColors: Re,
 				chatHistory: r
 			}),
-			A === "text_chat" && /* @__PURE__ */ g(zk, {
+			A === "text_chat" && /* @__PURE__ */ g(Uk, {
 				isClosing: kt,
 				copy: Ze,
 				orbColors: Re,
@@ -31915,7 +31950,7 @@ function Bk() {
 }
 //#endregion
 //#region src/components/ErrorBoundary.jsx
-var Vk = class extends e.Component {
+var Gk = class extends e.Component {
 	constructor(e) {
 		super(e), this.state = { hasError: !1 };
 	}
@@ -31930,4 +31965,4 @@ var Vk = class extends e.Component {
 	}
 };
 //#endregion
-export { dO as AnimatedOrb, Vk as ErrorBoundary, Rr as FlowEngageProvider, Bk as FlowEngageWidget, Ln as useFlowEngage };
+export { dO as AnimatedOrb, Gk as ErrorBoundary, Rr as FlowEngageProvider, Wk as FlowEngageWidget, Ln as useFlowEngage };

package/package.json

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