@flowengage/react-chatbot 1.3.1 → 1.3.3

package/dist/flowengage-react-chatbot.mjs

@@ -1714,7 +1714,7 @@ var Kt = ({ apiBaseUrl: e, userId: t, chatId: n, siteId: r }) => Gt(e, {
 	}
 }), qt = ({ socket: e, chatId: t }) => {
 	if (!e || !t || typeof window > "u") return () => {};
-	let n = window.location.pathname + window.location.search, r = Date.now(), i = () => {
+	let n = window.location.pathname + window.location.search, r = Date.now(), i = null, a = () => {
 		console.log("[FlowEngageTracking] visitor:session_start", {
 			chatId: t,
 			path: n
@@ -1726,7 +1726,7 @@ var Kt = ({ apiBaseUrl: e, userId: t, chatId: n, siteId: r }) => Gt(e, {
 			userAgent: navigator.userAgent,
 			timestamp: Date.now()
 		});
-	}, a = () => {
+	}, o = () => {
 		console.log("[FlowEngageTracking] visitor:page_enter", {
 			chatId: t,
 			path: n
@@ -1736,7 +1736,7 @@ var Kt = ({ apiBaseUrl: e, userId: t, chatId: n, siteId: r }) => Gt(e, {
 			title: document.title,
 			timestamp: Date.now()
 		});
-	}, o = (n, r) => {
+	}, s = (n, r) => {
 		console.log("[FlowEngageTracking] visitor:page_leave", {
 			chatId: t,
 			path: n,
@@ -1747,15 +1747,38 @@ var Kt = ({ apiBaseUrl: e, userId: t, chatId: n, siteId: r }) => Gt(e, {
 			duration: Math.max(0, Math.floor((Date.now() - r) / 1e3)),
 			timestamp: Date.now()
 		});
-	}, s = () => {
+	}, c = () => {
 		console.log("[FlowEngageTracking] visitor:heartbeat", {
 			chatId: t,
 			path: n
 		}), e.emit("visitor:heartbeat", {
 			chatId: t,
+			path: n,
+			title: document.title,
 			timestamp: Date.now()
 		});
-	}, c = () => {
+	}, l = () => {
+		i && window.clearInterval(i), i = window.setInterval(c, h);
+	}, u = () => {
+		i &&= (window.clearInterval(i), null);
+	}, d = (r) => {
+		console.log("[FlowEngageTracking] visitor:visibility", {
+			chatId: t,
+			state: r
+		}), e.emit("visitor:visibility", {
+			chatId: t,
+			state: r,
+			path: n,
+			title: document.title,
+			timestamp: Date.now()
+		});
+	}, f = () => {
+		if (document.hidden) {
+			u(), d("hidden");
+			return;
+		}
+		d("visible"), c(), l();
+	}, p = () => {
 		let e = window.location.pathname + window.location.search;
 		if (e === n) {
 			console.log("[FlowEngageTracking] route unchanged", { currentPath: n });
@@ -1764,23 +1787,23 @@ var Kt = ({ apiBaseUrl: e, userId: t, chatId: n, siteId: r }) => Gt(e, {
 		console.log("[FlowEngageTracking] route changed", {
 			from: n,
 			to: e
-		}), o(n, r), n = e, r = Date.now(), a();
-	}, l = window.history.pushState.bind(window.history), u = window.history.replaceState.bind(window.history);
+		}), s(n, r), n = e, r = Date.now(), o();
+	}, m = window.history.pushState.bind(window.history), g = window.history.replaceState.bind(window.history);
 	window.history.pushState = (...e) => {
-		l(...e), c();
+		m(...e), p();
 	}, window.history.replaceState = (...e) => {
-		u(...e), c();
+		g(...e), p();
 	};
-	let d = window.setInterval(s, h), f = () => {
-		o(n, r), e.emit("visitor:session_end", {
+	let ee = () => {
+		s(n, r), e.emit("visitor:session_end", {
 			chatId: t,
 			timestamp: Date.now()
 		});
 	};
-	return window.addEventListener("popstate", c), window.addEventListener("hashchange", c), window.addEventListener("beforeunload", f), i(), s(), {
-		notifyRouteChange: c,
+	return window.addEventListener("popstate", p), window.addEventListener("hashchange", p), window.addEventListener("beforeunload", ee), window.addEventListener("visibilitychange", f), a(), document.hidden ? d("hidden") : (c(), l()), {
+		notifyRouteChange: p,
 		cleanup: () => {
-			window.clearInterval(d), window.history.pushState = l, window.history.replaceState = u, window.removeEventListener("popstate", c), window.removeEventListener("hashchange", c), window.removeEventListener("beforeunload", f);
+			u(), window.history.pushState = m, window.history.replaceState = g, window.removeEventListener("popstate", p), window.removeEventListener("hashchange", p), window.removeEventListener("beforeunload", ee), window.removeEventListener("visibilitychange", f);
 		}
 	};
 }, Jt = t(null), Yt = () => {
@@ -4223,7 +4246,8 @@ function tr({ input: e, setInput: t, onSubmit: n, isConversationEnded: r, callUi
 							outline: "none",
 							padding: "6px 0",
 							color: "#111827",
-							background: "transparent"
+							background: "transparent",
+							margin: "0 !important"
 						},
 						value: f ? p : e,
 						onChange: (e) => {

package/package.json

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