@flowengage/react-chatbot 5.0.16 → 5.0.18

package/dist/flowengage-react-chatbot.mjs

@@ -466,6 +466,16 @@ var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, b = Object.g
 				...n ? { siteId: String(n) } : {}
 			}, o = new Blob([JSON.stringify(a)], { type: "application/json" });
 			return navigator.sendBeacon(`${e}/api/ai/voice/sync`, o);
+		},
+		beaconWidgetClosed(r) {
+			if (typeof navigator > "u" || !navigator.sendBeacon) return !1;
+			let i = {
+				chatId: r,
+				type: "widget_closed",
+				...t ? { userId: String(t) } : {},
+				...n ? { siteId: String(n) } : {}
+			}, a = new Blob([JSON.stringify(i)], { type: "application/json" });
+			return navigator.sendBeacon(`${e}/api/chat/status`, a);
 		}
 	};
 }, qe = Object.create(null);
@@ -2786,7 +2796,7 @@ function Tr() {
 }
 //#endregion
 //#region src/provider/FlowEngageProvider.jsx
-var Er = (e) => !e || typeof e != "string" ? e : e.replace(/<human_assistance_request>[\s\S]*?<\/human_assistance_request>/gi, "").replace(/<human_assistance_request>/gi, "").replace(/<\/human_assistance_request>/gi, "").replace(/<navigate[^>]*\/>/gi, "").replace(/<navigate[^>]*>[\s\S]*?<\/navigate>/gi, "").replace(/<[a-z]+(?:_[a-z]+)+[^>]*>[\s\S]*?<\/[a-z]+(?:_[a-z]+)+>/gi, "").replace(/<[a-z]+(?:_[a-z]+)+[^>]*\/>/gi, "").trim(), Dr = (e = []) => e.filter((e) => e.type !== "call_recording").map((e) => ({
+var Er = (e) => !e || typeof e != "string" ? e : e.replace(/<human_assistance_request[^>]*>/gi, "").replace(/<\/human_assistance_request>/gi, "").replace(/<navigate[^>]*\/>/gi, "").replace(/<navigate[^>]*>[\s\S]*?<\/navigate>/gi, "").replace(/<[a-z]+(?:_[a-z]+)+[^>]*>[\s\S]*?<\/[a-z]+(?:_[a-z]+)+>/gi, "").replace(/<[a-z]+(?:_[a-z]+)+[^>]*\/>/gi, "").trim(), Dr = (e = []) => e.filter((e) => e.type !== "call_recording" && !(typeof e.message == "string" && e.message.includes("AI chat recording"))).map((e) => ({
 	...e,
 	message: Er(e.message),
 	isPending: !1,
@@ -2903,7 +2913,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 					}, bt.current = a, Ct.current = Date.now(), a.start(1e3), setTimeout(() => {
 						try {
 							if (!window.speechSynthesis) return;
-							let e = new SpeechSynthesisUtterance("This call is being recorded.");
+							let e = new SpeechSynthesisUtterance("This call is being recorded for quality and training purposes.");
 							if (e.rate = .95, e.pitch = 1, e.volume = 1, window.MediaStreamTrackGenerator || window.AudioContext) try {
 								let t = n.createMediaStreamDestination();
 								e.onstart = () => {
@@ -3046,7 +3056,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 						...t,
 						message: Er(t.message)
 					};
-					we(!1), Se(!1), S((e) => [...e.filter((e) => !e.isPending), {
+					we(!1), Se(!1), !(n.type === "call_recording" || typeof n.message == "string" && n.message.includes("AI chat recording")) && S((e) => [...e.filter((e) => !e.isPending), {
 						...n,
 						isPending: !1,
 						id: n.messageId || `${n.sender}-${Date.now()}-${Math.random()}`
@@ -3064,7 +3074,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 						...t,
 						message: Er(t.message)
 					};
-					we(!1), (n.sender === "agent" || n.agent_name || n.sender === "ai" || n.sender === "bot") && Se(!1), S((e) => n.sender === "bot" || n.sender === "ai" ? [...e, {
+					we(!1), !(n.type === "call_recording" || typeof n.message == "string" && n.message.includes("AI chat recording")) && ((n.sender === "agent" || n.agent_name || n.sender === "ai" || n.sender === "bot") && Se(!1), S((e) => n.sender === "bot" || n.sender === "ai" ? [...e, {
 						...n,
 						isPending: !1,
 						id: n.messageId || `${n.sender}-${Date.now()}-${Math.random()}`
@@ -3080,7 +3090,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 						n.agent_name,
 						n.agentName,
 						n.metadata?.agentName
-					], d)), n.sender_headshot && de(n.sender_headshot), w(!0), Re((e) => e + 1));
+					], d)), n.sender_headshot && de(n.sender_headshot), w(!0), Re((e) => e + 1)));
 				});
 				let p = (e = {}) => {
 					let t = jr([
@@ -3240,7 +3250,21 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 			let e = A.current, t = Tt.current, n = k.current;
 			n && e && t.length > 0 && (console.log("[FlowEngageProvider] safety-net: syncing voice transcript on unmount"), n.beaconSyncVoice(e, t) || n.syncVoice(e, t).catch(() => {}), Et.current = !0);
 		}
-	}, [Fe, _]), c(() => {
+	}, [Fe, _]);
+	let Bt = p(null);
+	c(() => {
+		if (Bt.current === !0 && !C) {
+			let e = A.current, t = k.current;
+			t && e && t.updateChatStatus(e, "widget_closed").catch(() => {});
+		}
+		Bt.current = C;
+	}, [C]), c(() => {
+		let e = () => {
+			let e = A.current, t = k.current;
+			!e || !t || typeof navigator > "u" || t.beaconWidgetClosed?.(e) || t.updateChatStatus(e, "widget_closed").catch(() => {});
+		};
+		return window.addEventListener("pagehide", e), () => window.removeEventListener("pagehide", e);
+	}, []), c(() => {
 		if (!k.current || !y || l !== "ready") return;
 		let e = window.setInterval(async () => {
 			try {
@@ -3254,7 +3278,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		l,
 		At
 	]);
-	let Bt = async () => {
+	let Vt = async () => {
 		if (!(!O?.callId || !k.current || !ot.current || !y)) {
 			Mt(), gt.current = O.callId, Nt();
 			try {
@@ -3344,7 +3368,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 				rt("We couldn't connect the call right now. Please try again.");
 			}
 		}
-	}, Vt = async () => {
+	}, Ht = async () => {
 		if (!O?.callId || !k.current || !y) {
 			Ft("reject_call_without_server_context");
 			return;
@@ -3357,15 +3381,15 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		} finally {
 			Ft("reject_call_finally");
 		}
-	}, Ht = p(Vt);
-	Ht.current = Vt, c(() => {
+	}, Ut = p(Ht);
+	Ut.current = Ht, c(() => {
 		if (!O?.callId || Je) {
 			Nt();
 			return;
 		}
 		let e = O.callId;
 		return Nt(), j.current = window.setTimeout(() => {
-			lt.current?.callId === e && gt.current !== e && ht.current !== e && Ht.current();
+			lt.current?.callId === e && gt.current !== e && ht.current !== e && Ut.current();
 		}, oe), () => {
 			j.current &&= (window.clearTimeout(j.current), null);
 		};
@@ -3374,7 +3398,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		Nt,
 		O?.callId
 	]);
-	let Ut = async () => {
+	let Wt = async () => {
 		if (!Je || !k.current || !y) {
 			Ft("end_call_without_server_context");
 			return;
@@ -3387,14 +3411,14 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		} finally {
 			Ft("end_call_finally");
 		}
-	}, Wt = () => {
+	}, Gt = () => {
 		let e = dt.current?.getAudioTracks?.() || [], t = ut.current?.getSenders?.().map((e) => e.track).filter((e) => e?.kind === "audio") || [], n = [...e, ...t].filter(Boolean);
 		if (n.length === 0) return;
 		let r = !et;
 		n.forEach((e) => {
 			e.enabled = !r;
 		}), tt(r);
-	}, Gt = async (e = {}) => {
+	}, Kt = async (e = {}) => {
 		let t = e.notifyChatInitiated === !0;
 		if (w(!0), !(!t || !k.current || !y || typeof window > "u")) {
 			try {
@@ -3407,7 +3431,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 				await k.current.updateChatStatus(y, "open");
 			} catch {}
 		}
-	}, Kt = async (e) => {
+	}, qt = async (e) => {
 		let t = Pt(e);
 		if (!t || !k.current || !A.current) return t;
 		try {
@@ -3420,26 +3444,26 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 			console.error("[FlowEngageProvider] failed to persist visitor email", e);
 		}
 		return t;
-	}, qt = () => {
+	}, Jt = () => {
 		!y || !ot.current?.connected || vt.current || (vt.current = !0, ot.current.emit("typing:start", {
 			chatId: y,
 			sender: "user"
 		}));
-	}, Jt = () => {
+	}, Yt = () => {
 		!y || !ot.current?.connected || !vt.current || (vt.current = !1, ot.current.emit("typing:stop", {
 			chatId: y,
 			sender: "user"
 		}));
-	}, Yt = (e = "") => {
+	}, Xt = (e = "") => {
 		let t = typeof e == "string" ? e : "";
 		!y || !ot.current?.connected || t !== "" && yt.current === t || (yt.current = t, ot.current.emit("typing:update", {
 			chatId: y,
 			sender: "user",
 			text: t
 		}));
-	}, Xt = async (e, t = "", n = null, a = {}) => {
+	}, Zt = async (e, t = "", n = null, a = {}) => {
 		if (!(typeof e == "string" && e.trim()) || !k.current || !y || l !== "ready" || He) return;
-		Jt();
+		Yt();
 		let o = `pending-user-${Date.now()}`, s = {
 			id: o,
 			sender: "user",
@@ -3498,10 +3522,10 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 				je(!1), Ne("");
 			}, ie)) : h(e);
 		}
-	}, Zt = async (e) => {
+	}, Qt = async (e) => {
 		if (!k.current || !e) throw Error("Upload is unavailable right now.");
 		return k.current.uploadChatFile(e);
-	}, Qt = async (e) => {
+	}, $t = async (e) => {
 		if (!(!k.current || !y)) {
 			try {
 				let t = e ? "voice" : "text";
@@ -3509,7 +3533,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 			} catch {}
 			Ie(e), e && (Et.current = !1);
 		}
-	}, $t = async (e) => {
+	}, en = async (e) => {
 		if (Et.current) return;
 		if (Et.current = !0, !k.current || !y || !e?.length) {
 			Ie(!1);
@@ -3538,9 +3562,9 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		} finally {
 			Ie(!1);
 		}
-	}, en = async () => {
+	}, tn = async () => {
 		if (!(!k.current || !y)) {
-			Fe && !Et.current && Tt.current.length > 0 && await $t(Tt.current);
+			Fe && !Et.current && Tt.current.length > 0 && await en(Tt.current);
 			try {
 				await k.current.endConversation(y);
 			} catch {
@@ -3560,7 +3584,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 	c(() => {
 		if (Xe !== "connected" || !Je || !y || !Qe || !jt) return;
 		let e = new Date(Qe).getTime(), t = Number.isFinite(e) ? Date.now() - e : 0, n = Math.max(0, jt * 1e3 - t), r = window.setTimeout(() => {
-			rt("The call ended because it reached the time limit."), Ut();
+			rt("The call ended because it reached the time limit."), Wt();
 		}, n);
 		return () => window.clearTimeout(r);
 	}, [
@@ -3568,7 +3592,7 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		Qe,
 		Xe,
 		y,
-		Ut,
+		Wt,
 		jt
 	]), c(() => {
 		let e = () => {
@@ -3589,12 +3613,12 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 			window.removeEventListener("pagehide", e), window.removeEventListener("beforeunload", e);
 		};
 	}, []);
-	let tn = o(() => {
+	let nn = o(() => {
 		let e = i?.siteId;
 		ge(e), st.current = !0, ct.current = null, ot.current?.disconnect(), S([]), b(""), A.current = "", Ue(!1), re(!1), D(null), de(null), at(!0), s((e) => e + 1);
-	}, [i?.siteId]), nn = o((e) => {
+	}, [i?.siteId]), rn = o((e) => {
 		i?.siteId, st.current = !1, ct.current = e, ot.current?.disconnect(), S([]), b(""), A.current = "", Ue(!1), re(!1), D(null), de(null), at(!0), s((e) => e + 1);
-	}, [i?.siteId]), rn = f(() => ({
+	}, [i?.siteId]), an = f(() => ({
 		status: l,
 		error: d,
 		runtimeConfig: _,
@@ -3628,33 +3652,33 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		historyRef: Tt,
 		hasSyncedRef: Et,
 		dismissCallError: Mt,
-		captureVisitorEmail: Kt,
-		startTyping: qt,
-		stopTyping: Jt,
-		updateTypingDraft: Yt,
+		captureVisitorEmail: qt,
+		startTyping: Jt,
+		stopTyping: Yt,
+		updateTypingDraft: Xt,
 		notifyRouteChange: () => kt.current?.notifyRouteChange?.(),
-		openWidget: Gt,
+		openWidget: Kt,
 		closeWidget: () => w(!1),
 		toggleWidget: () => {
 			if (C) {
 				w(!1);
 				return;
 			}
-			Gt({ notifyChatInitiated: !0 });
+			Kt({ notifyChatInitiated: !0 });
 		},
-		sendMessage: Xt,
-		uploadChatFile: Zt,
-		setVoiceMode: Qt,
-		onMessageSync: $t,
-		endConversation: en,
-		startNewChat: tn,
-		resumeChat: nn,
+		sendMessage: Zt,
+		uploadChatFile: Qt,
+		setVoiceMode: $t,
+		onMessageSync: en,
+		endConversation: tn,
+		startNewChat: nn,
+		resumeChat: rn,
 		getVisitorChatHistory: () => k.current?.getVisitorChatHistory?.(),
 		getVisitorChatThread: (e) => k.current?.getVisitorChatThread?.(e),
-		acceptCall: Bt,
-		rejectCall: Vt,
-		endWebRTCCall: Ut,
-		toggleCallMute: Wt
+		acceptCall: Vt,
+		rejectCall: Ht,
+		endWebRTCCall: Wt,
+		toggleCallMute: Gt
 	}), [
 		l,
 		d,
@@ -3686,25 +3710,25 @@ function Nr({ siteId: e, config: t, children: n, language: r = "en" }) {
 		et,
 		nt,
 		r,
-		Kt,
 		qt,
 		Jt,
 		Yt,
-		Bt,
+		Xt,
 		Vt,
-		Ut,
+		Ht,
 		Wt,
 		Gt,
-		Xt,
+		Kt,
 		Zt,
 		Qt,
 		$t,
 		en,
 		tn,
+		nn,
 		Mt
 	]);
 	return /* @__PURE__ */ g(In.Provider, {
-		value: rn,
+		value: an,
 		children: n
 	});
 }
@@ -26609,7 +26633,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 		},
 		children: [
 			e.map((e) => {
-				if (e.type === "call_recording") return null;
+				if (e.type === "call_recording" || typeof e.message == "string" && e.message.includes("AI chat recording")) return null;
 				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", c = e.sender === "agent", u = e.isPending, d = e.type === "file" && e.metadata?.fileUrl, p = e.agent_name || e.agentName || e.metadata?.agentName || s, m = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof o == "string" && o.trim() || null, b = ED(e.replyToContent || e.replyContext?.message || ""), x = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
 				return t ? /* @__PURE__ */ g("div", {
 					style: {

package/package.json

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