@flowengage/react-chatbot 5.0.23 → 5.0.24

package/dist/flowengage-react-chatbot.mjs

@@ -26581,22 +26581,26 @@ function VD(e) {
 //#endregion
 //#region src/components/AvatarImageOrInitials.jsx
 function HD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
-	let [i, a] = m(!1), [o, s] = m(!1), l = typeof e == "string" ? e.trim() : "";
+	let [i, a] = m(null), o = typeof e == "string" ? e.trim() : "";
 	return c(() => {
-		a(!1), s(!1);
-	}, [l]), l && !i ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("img", {
-		src: l,
-		alt: "",
-		onLoad: () => s(!0),
-		onError: () => a(!0),
-		style: {
-			...n,
-			display: o ? void 0 : "none"
+		if (!o) {
+			a(null);
+			return;
 		}
-	}), !o && /* @__PURE__ */ g("span", {
-		style: r,
-		children: VD(t)
-	})] }) : /* @__PURE__ */ g("span", {
+		a(null);
+		let e = !1, t = new window.Image();
+		return t.onload = () => {
+			e || a(o);
+		}, t.onerror = () => {
+			e || a(null);
+		}, t.src = o, () => {
+			e = !0;
+		};
+	}, [o]), i ? /* @__PURE__ */ g("img", {
+		src: i,
+		alt: "",
+		style: n
+	}) : /* @__PURE__ */ g("span", {
 		style: r,
 		children: VD(t)
 	});
@@ -26604,7 +26608,7 @@ function HD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
 //#endregion
 //#region src/components/MessageList.jsx
 function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, setReplyContext: i, primaryColor: a = "#3B82F6", agentHeadshot: o = null, agentDisplayName: s = "Agent", botAvatarNode: l = null }) {
-	let u = p(null), [d, f] = m(null), [v, y] = m(null), b = p(e.length), x = p(!0), S = (e) => {
+	let u = p(null), [d, f] = m(null), [v, y] = m(null), b = p(e.length), x = p(!0), S = p(null), C = (e) => {
 		if (!e) return "just now";
 		let t = /* @__PURE__ */ new Date(), n = new Date(e), r = Math.max(0, Math.floor((t - n) / 1e3));
 		if (r < 60) return "just now";
@@ -26617,7 +26621,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 	};
 	return c(() => {
 		if (x.current) {
-			x.current = !1, b.current = e.length;
+			x.current = !1, b.current = e.length, S.current && (S.current.scrollTop = S.current.scrollHeight);
 			return;
 		}
 		let n = e.length > b.current;
@@ -26628,6 +26632,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 		n,
 		r
 	]), /* @__PURE__ */ _("div", {
+		ref: S,
 		style: {
 			flex: 1,
 			overflowY: "auto",
@@ -26972,7 +26977,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 										color: "#9ca3af",
 										fontWeight: 500
 									},
-									children: S(e.timestamp || e.createdAt)
+									children: C(e.timestamp || e.createdAt)
 								}), /* @__PURE__ */ g("span", {
 									style: {
 										fontSize: "10px",
@@ -29964,11 +29969,11 @@ function kk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 	});
 }
 function Ak({ 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 = o((e = "minimized") => {
+	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 = o((e = "minimized") => {
 		E.current = e, re.current = !0, queueMicrotask(() => {
 			ee.current || (ee.current = !0, T.current?.());
 		});
-	}, [u]), se = o(async (e) => {
+	}, [u]), ce = o(async (e) => {
 		re.current = !0;
 		try {
 			await C.current?.endSession?.();
@@ -29998,10 +30003,10 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		l,
 		s
 	]);
-	return T.current = () => se(E.current === "chat" ? t : n), c(() => {
+	return T.current = () => ce(E.current === "chat" ? t : n), c(() => {
 		te.current = y;
 	}, [y]), c(() => {
-		f && D("chat");
+		f && se("chat");
 	}, [f]), c(() => {
 		let e = !1, i = null;
 		return (async () => {
@@ -30040,7 +30045,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					apiBaseUrl: s || null,
 					getLastUserVoiceText: () => w.current,
 					requestEndSession: () => {
-						D();
+						se();
 					}
 				})), n = a ? je(a) : null, o = !!n?.transcript, c = !!(a && Ve(a)), d = typeof window < "u" ? window.location.pathname : "/", f = typeof document < "u" ? document.title : "", p = d === "/" || d === "", m = null;
 				try {
@@ -30091,7 +30096,15 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 								let e = lO(u.current);
 								e && Ae(a, e);
 							} catch {}
-							Ek(n, r) && D("minimized");
+							if (Ek(n, r)) {
+								se("minimized");
+								return;
+							}
+							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) && (D.current += 1, D.current >= 3) && (u.current = [...u.current, {
+								sender: "bot",
+								message: "Looks like you are no longer active. I'm ending the session — you can resume it later when you want.",
+								timestamp: (/* @__PURE__ */ new Date()).toISOString()
+							}], se("minimized"));
 						}
 					},
 					onError: (t) => {
@@ -30104,7 +30117,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 							try {
 								C.current?.setMicMuted?.(!0);
 							} catch {}
-							b(!0), v("error"), D("chat");
+							b(!0), v("error"), se("chat");
 						}
 					},
 					onDisconnect: (t) => {
@@ -30121,7 +30134,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 						try {
 							C.current?.setMicMuted?.(!0);
 						} catch {}
-						b(!0), D("chat");
+						b(!0), se("chat");
 					}
 				});
 				if (e) {
@@ -30165,7 +30178,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 		r,
 		a,
 		s,
-		D
+		se
 	]), c(() => {
 		if (!x) return;
 		let e = (e) => {
@@ -30245,12 +30258,12 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					onClick: async () => {
 						if (C.current) try {
 							if (y) {
-								await C.current.setMicMuted?.(!1), b(!1);
+								D.current = 0, await C.current.setMicMuted?.(!1), b(!1);
 								try {
 									C.current.sendContextualUpdate?.("The visitor has unmuted. Resume normal interaction and wait for them to speak.");
 								} catch {}
 							} else {
-								await C.current.setMicMuted?.(!0), b(!0);
+								D.current = 0, await C.current.setMicMuted?.(!0), b(!0);
 								try {
 									C.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 {}
@@ -30351,7 +30364,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 				children: [
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "chat", se(t);
+							S(!1), E.current = "chat", ce(t);
 						},
 						style: {
 							display: "flex",
@@ -30380,7 +30393,7 @@ function Ak({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, voiceId: i
 					}),
 					/* @__PURE__ */ _("button", {
 						onClick: () => {
-							S(!1), E.current = "minimized", se(n);
+							S(!1), E.current = "minimized", ce(n);
 						},
 						style: {
 							display: "flex",

package/package.json

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