@flowengage/react-chatbot 5.0.30 → 5.0.32

package/dist/flowengage-react-chatbot.mjs

@@ -26596,8 +26596,25 @@ 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 = p(null), C = (e) => {
+function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, setReplyContext: i, primaryColor: a = "#3B82F6", agentHeadshot: s = null, agentDisplayName: l = "Agent", botAvatarNode: u = null }) {
+	let { resolvedConfig: d } = Ln(), f = p(null), [v, y] = m(null), [b, x] = m(null), S = p(e.length), C = p(!0), w = p(null), T = o((e) => {
+		let t = e.target.closest("a[href]");
+		if (!t) return;
+		let n = t.getAttribute("href") || "";
+		if (!(!n || n.startsWith("mailto:") || n.startsWith("tel:") || n.startsWith("javascript:"))) try {
+			let t = new URL(n, window.location.href);
+			if (t.origin !== window.location.origin) {
+				e.preventDefault(), window.open(t.href, "_blank", "noopener,noreferrer");
+				return;
+			}
+			e.preventDefault(), gr(t.href, {
+				siteId: d?.siteId,
+				apiBaseUrl: d?.apiBaseUrl
+			}).then((e) => {
+				e && xr(t.href);
+			});
+		} catch {}
+	}, [d]), ee = (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";
@@ -26609,19 +26626,19 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 		return `${o} day${o > 1 ? "s" : ""} ago`;
 	};
 	return c(() => {
-		if (x.current) {
-			x.current = !1, b.current = e.length, S.current && (S.current.scrollTop = S.current.scrollHeight);
+		if (C.current) {
+			C.current = !1, S.current = e.length, w.current && (w.current.scrollTop = w.current.scrollHeight);
 			return;
 		}
-		let n = e.length > b.current;
-		b.current = e.length, (n || t || r) && u.current?.scrollIntoView({ behavior: "smooth" });
+		let n = e.length > S.current;
+		S.current = e.length, (n || t || r) && f.current?.scrollIntoView({ behavior: "smooth" });
 	}, [
 		e.length,
 		t,
 		n,
 		r
 	]), /* @__PURE__ */ _("div", {
-		ref: S,
+		ref: w,
 		style: {
 			flex: 1,
 			overflowY: "auto",
@@ -26634,7 +26651,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 		children: [
 			e.map((e) => {
 				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";
+				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", o = e.sender === "agent", c = e.isPending, d = e.type === "file" && e.metadata?.fileUrl, f = e.agent_name || e.agentName || e.metadata?.agentName || l, p = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof s == "string" && s.trim() || null, m = ED(e.replyToContent || e.replyContext?.message || ""), v = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
 				return t ? /* @__PURE__ */ g("div", {
 					style: {
 						display: "flex",
@@ -26661,7 +26678,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						gap: "8px",
 						flexDirection: "row"
 					},
-					children: [!n && (r || c) && /* @__PURE__ */ g("div", {
+					children: [!n && (r || o) && /* @__PURE__ */ g("div", {
 						style: {
 							width: "32px",
 							height: "32px",
@@ -26670,18 +26687,18 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 							alignItems: "center",
 							justifyContent: "center",
 							borderRadius: "50%",
-							background: c ? "#f3f4f6" : l && r ? "transparent" : "var(--flowengage-primary)",
-							color: c ? a : "#fff",
-							boxShadow: c ? "0 2px 8px rgba(0,0,0,0.06)" : l && r ? "none" : "0 8px 20px rgba(59,130,246,0.24)",
+							background: o ? "#f3f4f6" : u && r ? "transparent" : "var(--flowengage-primary)",
+							color: o ? a : "#fff",
+							boxShadow: o ? "0 2px 8px rgba(0,0,0,0.06)" : u && r ? "none" : "0 8px 20px rgba(59,130,246,0.24)",
 							overflow: "hidden",
-							border: c ? `1px solid ${a}22` : "none",
+							border: o ? `1px solid ${a}22` : "none",
 							fontSize: "12px",
 							fontWeight: 800,
-							marginTop: !u && (r || c) ? "22px" : "0px"
+							marginTop: !c && (r || o) ? "22px" : "0px"
 						},
-						children: r ? l || /* @__PURE__ */ g(bD, { size: 16 }) : /* @__PURE__ */ g(HD, {
-							src: m || "",
-							name: p,
+						children: r ? u || /* @__PURE__ */ g(bD, { size: 16 }) : /* @__PURE__ */ g(HD, {
+							src: p || "",
+							name: f,
 							imgStyle: {
 								width: "100%",
 								height: "100%",
@@ -26698,7 +26715,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 							minWidth: 0
 						},
 						children: [
-							!u && c && /* @__PURE__ */ _("button", {
+							!c && o && /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: () => i(e),
 								style: {
@@ -26734,12 +26751,12 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 									color: n ? "#fff" : "#111827",
 									fontSize: "14px",
 									fontWeight: 400,
-									opacity: u ? .55 : 1,
+									opacity: c ? .55 : 1,
 									transition: "opacity 0.3s ease",
 									wordBreak: "break-word",
 									width: "fit-content"
 								},
-								children: [b && /* @__PURE__ */ _("div", {
+								children: [m && /* @__PURE__ */ _("div", {
 									style: {
 										marginBottom: "8px",
 										borderRadius: "14px",
@@ -26754,7 +26771,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 											marginBottom: "2px",
 											fontWeight: 600
 										},
-										children: x
+										children: v
 									}), /* @__PURE__ */ g("div", {
 										style: {
 											display: "-webkit-box",
@@ -26762,7 +26779,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 											WebkitBoxOrient: "vertical",
 											overflow: "hidden"
 										},
-										children: b
+										children: m
 									})]
 								}), d ? (() => {
 									let t = e.metadata.fileType || "", r = e.metadata.fileName || e.message || "File", i = zD(e.metadata.fileSize), a = t.startsWith("image/"), o = t === "application/pdf" ? {
@@ -26785,12 +26802,12 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 										},
 										children: a ? /* @__PURE__ */ g("button", {
 											type: "button",
-											onClick: () => f({
+											onClick: () => y({
 												url: e.metadata.fileUrl,
 												name: r
 											}),
-											onMouseEnter: () => y(e.id),
-											onMouseLeave: () => y(null),
+											onMouseEnter: () => x(e.id),
+											onMouseLeave: () => x(null),
 											style: {
 												display: "block",
 												width: "100%",
@@ -26818,7 +26835,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 														position: "absolute",
 														inset: 0,
 														borderRadius: "10px",
-														background: v === e.id ? "rgba(17,24,39,0.32)" : "rgba(17,24,39,0)",
+														background: b === e.id ? "rgba(17,24,39,0.32)" : "rgba(17,24,39,0)",
 														display: "flex",
 														alignItems: "center",
 														justifyContent: "center",
@@ -26826,7 +26843,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 														fontSize: "13px",
 														fontWeight: 700,
 														letterSpacing: "0.02em",
-														opacity: v === e.id ? 1 : 0,
+														opacity: b === e.id ? 1 : 0,
 														transition: "background 0.18s ease, opacity 0.18s ease",
 														pointerEvents: "none"
 													},
@@ -26937,9 +26954,10 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 									});
 								})() : r ? /* @__PURE__ */ g("div", {
 									className: "flowengage-message-content fe-bot-message",
-									dangerouslySetInnerHTML: { __html: ND(e.message) }
+									dangerouslySetInnerHTML: { __html: ND(e.message) },
+									onClick: T
 								}) : /* @__PURE__ */ g("div", {
-									style: { whiteSpace: n || c ? "normal" : "pre-wrap" },
+									style: { whiteSpace: n || o ? "normal" : "pre-wrap" },
 									children: e.message
 								})]
 							}),
@@ -26952,7 +26970,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 									padding: "0 4px",
 									alignSelf: n ? "flex-end" : "flex-start"
 								},
-								children: u ? /* @__PURE__ */ g("span", {
+								children: c ? /* @__PURE__ */ g("span", {
 									style: {
 										fontSize: "10px",
 										color: "#9ca3af",
@@ -26966,7 +26984,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 										color: "#9ca3af",
 										fontWeight: 500
 									},
-									children: C(e.timestamp || e.createdAt)
+									children: ee(e.timestamp || e.createdAt)
 								}), /* @__PURE__ */ g("span", {
 									style: {
 										fontSize: "10px",
@@ -26996,12 +27014,12 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						alignItems: "center",
 						justifyContent: "center",
 						borderRadius: "50%",
-						background: l ? "transparent" : "var(--flowengage-primary)",
+						background: u ? "transparent" : "var(--flowengage-primary)",
 						color: "#fff",
-						boxShadow: l ? "none" : "0 8px 20px rgba(59,130,246,0.24)",
+						boxShadow: u ? "none" : "0 8px 20px rgba(59,130,246,0.24)",
 						overflow: "hidden"
 					},
-					children: l || /* @__PURE__ */ g(bD, { size: 16 })
+					children: u || /* @__PURE__ */ g(bD, { size: 16 })
 				}), /* @__PURE__ */ _("div", {
 					style: {
 						display: "flex",
@@ -27044,8 +27062,8 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						overflow: "hidden"
 					},
 					children: /* @__PURE__ */ g(HD, {
-						src: o || "",
-						name: s,
+						src: s || "",
+						name: l,
 						imgStyle: {
 							width: "100%",
 							height: "100%",
@@ -27077,10 +27095,10 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 					} }, e))
 				})]
 			}),
-			/* @__PURE__ */ g("div", { ref: u }),
-			d && /* @__PURE__ */ g("button", {
+			/* @__PURE__ */ g("div", { ref: f }),
+			v && /* @__PURE__ */ g("button", {
 				type: "button",
-				onClick: () => f(null),
+				onClick: () => y(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -27106,8 +27124,8 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 						alignItems: "center"
 					},
 					children: [/* @__PURE__ */ g("img", {
-						src: d.url,
-						alt: d.name,
+						src: v.url,
+						alt: v.name,
 						style: {
 							width: "100%",
 							maxHeight: "calc(96vh - 72px)",
@@ -27128,7 +27146,7 @@ function UD({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 							textOverflow: "ellipsis",
 							whiteSpace: "nowrap"
 						},
-						children: d.name
+						children: v.name
 					})]
 				})
 			})

package/package.json

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