@flowengage/react-chatbot 6.0.15 → 6.0.16

package/dist/flowengage-react-chatbot.mjs

@@ -3305,6 +3305,7 @@ function Rr({ siteId: e, config: t, children: n, language: r = "en" }) {
 						Xe((e) => e === "connected" ? e : "connecting");
 						return;
 					}
+					(e === "failed" || e === "closed") && Pt(`peer:connection_${e}`);
 				}, n.oniceconnectionstatechange = () => {
 					let e = n.iceConnectionState;
 					if (e === "connected" || e === "completed") {
@@ -3316,6 +3317,7 @@ function Rr({ siteId: e, config: t, children: n, language: r = "en" }) {
 						Xe((e) => e === "connected" ? e : "connecting");
 						return;
 					}
+					(e === "failed" || e === "closed") && Pt(`peer:ice_${e}`);
 				}, n.onsignalingstatechange = () => {}, n.onicegatheringstatechange = () => {}, e.getTracks().forEach((t) => {
 					n.addTrack(t, e);
 				}), n.onicecandidate = (e) => {
@@ -26622,7 +26624,8 @@ function ZD({ src: e, name: t, imgStyle: n, initialsSpanStyle: r }) {
 	}, [o]), i ? /* @__PURE__ */ g("img", {
 		src: i,
 		alt: "",
-		style: n
+		style: n,
+		onError: () => a(null)
 	}) : /* @__PURE__ */ g("span", {
 		style: r,
 		children: XD(t)
@@ -29105,27 +29108,30 @@ function dk(e, t) {
 function fk(e, t) {
 	let n = String(t || "").toLowerCase().trim();
 	if (!n) return 0;
-	let r = [
-		e.textContent,
+	let r = (e.innerText || e.textContent || "").replace(/\s+/g, " ").trim(), i = [
+		r,
 		e.value,
 		e.getAttribute("aria-label"),
-		e.getAttribute("title")
+		e.getAttribute("title"),
+		e.getAttribute("data-text"),
+		e.getAttribute("data-label")
 	].filter(Boolean).join(" ").toLowerCase().replace(/\s+/g, " ");
-	if (r.includes(n)) return 100;
-	let i = n.split(/\s+/).filter((e) => e.length > 1);
-	if (!i.length) return 0;
-	let a = 0;
-	for (let e of i) r.includes(e) && (a += 1);
-	return a / i.length * 92;
+	if (i.includes(n) || r.toLowerCase() === n) return 100;
+	let a = n.split(/\s+/).filter((e) => e.length > 1);
+	if (!a.length) return 0;
+	let o = 0;
+	for (let e of a) i.includes(e) && (o += 1);
+	return o / a.length * 92;
 }
 function pk(e, t) {
 	let n = [];
 	KO((e) => {
-		n.push(...Array.from(e.querySelectorAll("button, [role=\"button\"], input[type=\"submit\"], input[type=\"button\"]")).filter((e) => {
+		let t = Array.from(e.querySelectorAll("button, [role=\"button\"], input[type=\"submit\"], input[type=\"button\"], a[href]"));
+		n.push(...t.filter((e) => {
 			if (WO(e) || e.disabled) return !1;
 			try {
 				let t = GO(e);
-				if (t.display === "none" || t.visibility === "hidden") return !1;
+				if (t.display === "none" || t.visibility === "hidden" || t.opacity === "0") return !1;
 			} catch {}
 			return !0;
 		}));
@@ -29135,7 +29141,7 @@ function pk(e, t) {
 		s: fk(t, e)
 	}));
 	for (let { s: e } of i) e > r && (r = e);
-	if (r < 36) return null;
+	if (r < 28) return null;
 	let a = i.filter(({ s: e }) => e === r).map(({ el: e }) => e);
 	if (a.length === 1) return a[0];
 	let o = Array.isArray(t) ? t.filter((e) => e && e.isConnected) : [];
@@ -29653,10 +29659,29 @@ function Dk(e) {
 	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 Ok({ logo: t, style: n }) {
+function Ok(t) {
+	let [n, r] = e.useState(null), i = typeof t == "string" ? t.trim() : "";
+	return e.useEffect(() => {
+		if (!i) {
+			r(null);
+			return;
+		}
+		r(null);
+		let e = !1, t = new window.Image();
+		return t.onload = () => {
+			e || r(i);
+		}, t.onerror = () => {
+			e || r(null);
+		}, t.src = i, () => {
+			e = !0;
+		};
+	}, [i]), n;
+}
+function kk({ logo: t, style: n }) {
+	let r = Ok(typeof t == "string" ? t : null);
 	if (!t) return null;
-	if (typeof t == "string") return /* @__PURE__ */ g("img", {
-		src: t,
+	if (typeof t == "string") return r ? /* @__PURE__ */ g("img", {
+		src: r,
 		alt: "",
 		style: {
 			objectFit: "contain",
@@ -29664,9 +29689,9 @@ function Ok({ logo: t, style: n }) {
 			display: "block",
 			...n
 		}
-	});
-	let r = typeof t == "function" ? e.createElement(t) : e.isValidElement(t) ? t : null;
-	return r ? /* @__PURE__ */ g("span", {
+	}) : null;
+	let i = typeof t == "function" ? e.createElement(t) : e.isValidElement(t) ? t : null;
+	return i ? /* @__PURE__ */ g("span", {
 		className: "fe-logo-slot",
 		style: {
 			display: "inline-flex",
@@ -29675,10 +29700,10 @@ function Ok({ logo: t, style: n }) {
 			overflow: "hidden",
 			...n
 		},
-		children: r
+		children: i
 	}) : null;
 }
-function kk({ title: e }) {
+function Ak({ title: e }) {
 	return /* @__PURE__ */ g("div", {
 		style: {
 			width: "100%",
@@ -29696,17 +29721,17 @@ function kk({ title: e }) {
 		children: String(e || "FE").split(/\s+/).filter(Boolean).slice(0, 2).map((e) => e[0]?.toUpperCase() || "").join("") || "FE"
 	});
 }
-function Ak(e, t) {
+function jk(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 jk({ orbColors: e, ...t }) {
+function Mk({ orbColors: e, ...t }) {
 	return /* @__PURE__ */ g(lO, {
 		colors: e,
 		...t
 	});
 }
-function Mk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMobile: a, isClosing: o }) {
+function Nk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMobile: a, isClosing: o }) {
 	let s = n || Tk.green, c = Dk(s), l = a ? 72 : 94, u = /* @__PURE__ */ _("div", {
 		style: {
 			display: "flex",
@@ -29828,7 +29853,7 @@ function Mk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMo
 				delay: 0
 			},
 			style: { flexShrink: 0 },
-			children: /* @__PURE__ */ g(jk, {
+			children: /* @__PURE__ */ g(Mk, {
 				size: l,
 				orbColors: t
 			})
@@ -29860,7 +29885,7 @@ function Mk({ copy: e, orbColors: t, primaryColor: n, onYes: r, onLater: i, isMo
 		children: u
 	})] });
 }
-function Nk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onClose: a, isMobile: o, isClosing: s }) {
+function Pk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onClose: a, isMobile: o, isClosing: s }) {
 	let c = n || Tk.green, l = Dk(c);
 	return /* @__PURE__ */ _(Dm.div, {
 		initial: {
@@ -29932,7 +29957,7 @@ function Nk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 					children: /* @__PURE__ */ g("polyline", { points: "6 9 12 15 18 9" })
 				})
 			}),
-			/* @__PURE__ */ g(jk, {
+			/* @__PURE__ */ g(Mk, {
 				size: 72,
 				orbColors: t
 			}),
@@ -30001,7 +30026,7 @@ function Nk({ copy: e, orbColors: t, primaryColor: n, onVoice: r, onText: i, onC
 		]
 	});
 }
-function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i, apiBaseUrl: a, chatId: s, historyRef: l, onMessageSync: u, voiceEndCounter: d }) {
+function Fk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i, apiBaseUrl: a, chatId: s, historyRef: l, onMessageSync: u, voiceEndCounter: d }) {
 	let [f, h] = m("idle"), [v, y] = m(!1), [b, x] = m(!1), S = p(null), C = p(""), w = p(async () => {}), T = p(!1), ee = p(!1), te = p(!1), ne = p(!1), re = p("minimized"), E = p(null), ie = p(null), ae = p(null), oe = p(0), D = p(!1), se = p("idle"), ce = p(!1), le = p(null), ue = p(null), de = p(!1), fe = o((e = "minimized") => {
 		re.current = e, ne.current = !0, queueMicrotask(() => {
 			T.current || (T.current = !0, w.current?.());
@@ -30153,7 +30178,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 								let e = vO(l.current);
 								e && Ae(i, e);
 							} catch {}
-							if (Ak(n, r)) {
+							if (jk(n, r)) {
 								fe("minimized");
 								return;
 							}
@@ -30317,7 +30342,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 						},
 						children: "Muted"
 					}),
-					/* @__PURE__ */ g(jk, {
+					/* @__PURE__ */ g(Mk, {
 						size: 72,
 						voiceState: f,
 						isMuted: v,
@@ -30555,7 +30580,7 @@ function Pk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 		]
 	});
 }
-function Fk({ orbColors: e }) {
+function Ik({ orbColors: e }) {
 	return /* @__PURE__ */ g("div", {
 		style: {
 			flexShrink: 0,
@@ -30565,13 +30590,13 @@ function Fk({ orbColors: e }) {
 			alignItems: "center",
 			justifyContent: "center"
 		},
-		children: /* @__PURE__ */ g(jk, {
+		children: /* @__PURE__ */ g(Mk, {
 			size: 36,
 			orbColors: e
 		})
 	});
 }
-var Ik = () => /* @__PURE__ */ g("div", {
+var Lk = () => /* @__PURE__ */ g("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -30601,7 +30626,7 @@ var Ik = () => /* @__PURE__ */ g("div", {
 		} }, e))
 	})
 });
-function Lk({ 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, showPoweredBy: De, getVisitorChatHistory: Oe, resumeChat: ke, isSessionRestoring: Ae, isClosing: je }) {
+function Rk({ 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, showPoweredBy: De, getVisitorChatHistory: Oe, resumeChat: ke, isSessionRestoring: Ae, isClosing: je }) {
 	let Me = l.length > 0, Ne = T || ee || w, Pe = !!ge, [Fe, Ie] = m(!1), [Le, Re] = m(!1), [ze, Be] = m([]), [Ve, He] = m(!1), O = p(null), Ue = async () => {
 		Ie(!1), Re(!0), He(!0);
 		try {
@@ -30726,7 +30751,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 								justifyContent: "center",
 								height: "40px"
 							},
-							children: i ? /* @__PURE__ */ g(Ok, {
+							children: i ? /* @__PURE__ */ g(kk, {
 								logo: i,
 								style: {
 									height: "34px",
@@ -30739,7 +30764,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 									height: "40px",
 									flexShrink: 0
 								},
-								children: /* @__PURE__ */ g(kk, { title: e.chatTitle })
+								children: /* @__PURE__ */ g(Ak, { title: e.chatTitle })
 							})
 						}), /* @__PURE__ */ g("div", {
 							style: {
@@ -31169,11 +31194,11 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					isLoading: T,
 					isAgentTyping: d,
 					setReplyContext: de,
-					TypingDots: Ik,
+					TypingDots: Lk,
 					primaryColor: n,
 					agentHeadshot: y,
 					agentDisplayName: v || b,
-					botAvatarNode: /* @__PURE__ */ g(Fk, { orbColors: t })
+					botAvatarNode: /* @__PURE__ */ g(Ik, { orbColors: t })
 				}) : Ae ? /* @__PURE__ */ _("div", {
 					style: {
 						flex: 1,
@@ -31214,7 +31239,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 						padding: "28px 24px"
 					},
 					children: [
-						/* @__PURE__ */ g(jk, {
+						/* @__PURE__ */ g(Mk, {
 							size: 94,
 							orbColors: t
 						}),
@@ -31355,7 +31380,7 @@ function Lk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 		]
 	});
 }
-function Rk() {
+function zk() {
 	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, resumeChat: we, isSessionRestoring: Te, openToChatCounter: Ee, voiceEndCounter: De } = Ln();
 	c(() => {
 		try {
@@ -31615,9 +31640,9 @@ function Rk() {
 		bottom: "1.5rem"
 	}, Gt = o(() => {
 		A !== "minimized_orb" && (At(!0), setTimeout(() => {
-			st("minimized_orb"), At(!1);
+			st("minimized_orb"), At(!1), T && Ot(!0);
 		}, 280));
-	}, [A]), Kt = () => st("connection_modal"), qt = () => {
+	}, [T, A]), Kt = () => st("connection_modal"), qt = () => {
 		try {
 			let e = window.AudioContext || window.webkitAudioContext;
 			if (e) {
@@ -31641,7 +31666,7 @@ function Rk() {
 		onWheel: (e) => e.stopPropagation(),
 		onTouchMove: (e) => e.stopPropagation(),
 		children: [
-			A === "entry_prompt" && /* @__PURE__ */ g(Mk, {
+			A === "entry_prompt" && /* @__PURE__ */ g(Nk, {
 				copy: Qe,
 				orbColors: Le,
 				primaryColor: ze,
@@ -31676,7 +31701,7 @@ function Rk() {
 					alignItems: He === "bottom-left" ? "flex-start" : "flex-end",
 					gap: "10px"
 				},
-				children: [T && Dt && /* @__PURE__ */ _("button", {
+				children: [T && /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: Lt,
 					style: {
@@ -31724,13 +31749,13 @@ function Rk() {
 							children: ee === "connected" ? `${Ht(_t)} with ${nt}` : `Tap to return to ${nt}`
 						})]
 					})]
-				}), /* @__PURE__ */ g(jk, {
+				}), /* @__PURE__ */ g(Mk, {
 					size: Ve,
 					orbColors: Le,
-					onClick: T && Dt ? Lt : Ie ? Kt : Jt
+					onClick: T ? Lt : Ie ? Kt : Jt
 				})]
 			}),
-			A === "connection_modal" && /* @__PURE__ */ g(Nk, {
+			A === "connection_modal" && /* @__PURE__ */ g(Pk, {
 				copy: Qe,
 				orbColors: Le,
 				primaryColor: ze,
@@ -31740,7 +31765,7 @@ function Rk() {
 				isMobile: Nt,
 				isClosing: kt
 			}),
-			A === "voice_mode" && /* @__PURE__ */ g(Pk, {
+			A === "voice_mode" && /* @__PURE__ */ g(Fk, {
 				orbColors: Le,
 				onEnterChat: Jt,
 				onEndChat: Yt,
@@ -31771,7 +31796,7 @@ function Rk() {
 				orbColors: Le,
 				chatHistory: r
 			}),
-			A === "text_chat" && /* @__PURE__ */ g(Lk, {
+			A === "text_chat" && /* @__PURE__ */ g(Rk, {
 				isClosing: kt,
 				copy: Qe,
 				orbColors: Le,
@@ -31822,7 +31847,7 @@ function Rk() {
 				onNewChat: Vt,
 				onMinimize: Rt,
 				onExpand: Lt,
-				isCallMinimized: Dt && !!T,
+				isCallMinimized: !!T,
 				showPoweredBy: Ye,
 				getVisitorChatHistory: Ce,
 				resumeChat: we,
@@ -31834,7 +31859,7 @@ function Rk() {
 }
 //#endregion
 //#region src/components/ErrorBoundary.jsx
-var zk = class extends e.Component {
+var Bk = class extends e.Component {
 	constructor(e) {
 		super(e), this.state = { hasError: !1 };
 	}
@@ -31849,4 +31874,4 @@ var zk = class extends e.Component {
 	}
 };
 //#endregion
-export { lO as AnimatedOrb, zk as ErrorBoundary, Rr as FlowEngageProvider, Rk as FlowEngageWidget, Ln as useFlowEngage };
+export { lO as AnimatedOrb, Bk as ErrorBoundary, Rr as FlowEngageProvider, zk as FlowEngageWidget, Ln as useFlowEngage };

package/package.json

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