@flowengage/react-chatbot 0.2.8 → 0.2.9

package/dist/flowengage-react-chatbot.mjs

@@ -21678,7 +21678,16 @@ var hh = class extends Bm {
 function $(...e) {
 	Yt() && console.log("[FlowEngage:voice-tools]", ...e);
 }
-function gh(e) {
+var gh = "#flowengage-root, .flowengage-shell";
+function _h(e) {
+	if (!e || typeof e.closest != "function") return !1;
+	try {
+		return !!e.closest(gh);
+	} catch {
+		return !1;
+	}
+}
+function vh(e) {
 	if (e.labels && e.labels.length) return e.labels[0].textContent?.trim() || null;
 	let t = e.id;
 	if (t) try {
@@ -21695,8 +21704,9 @@ function gh(e) {
 	}
 	return null;
 }
-function _h() {
+function yh() {
 	return Array.from(document.querySelectorAll("input, select, textarea")).filter((e) => {
+		if (_h(e)) return !1;
 		let t = (e.type || "").toLowerCase();
 		if ([
 			"hidden",
@@ -21711,21 +21721,21 @@ function _h() {
 		return !0;
 	});
 }
-function vh() {
-	return _h().map((e, t) => ({
+function bh() {
+	return yh().map((e, t) => ({
 		formIndex: 0,
 		fieldIndex: t,
 		tag: e.tagName,
 		type: e.type || "text",
 		name: e.name || null,
 		id: e.id || null,
-		label: gh(e),
+		label: vh(e),
 		placeholder: e.placeholder || null
 	}));
 }
-function yh() {
+function xh() {
 	return Array.from(document.querySelectorAll("button, [role=\"button\"], input[type=\"submit\"], input[type=\"button\"]")).filter((e) => {
-		if (e.disabled) return !1;
+		if (_h(e) || e.disabled) return !1;
 		try {
 			let t = window.getComputedStyle(e);
 			if (t.display === "none" || t.visibility === "hidden") return !1;
@@ -21738,14 +21748,14 @@ function yh() {
 		type: e.type || e.tagName
 	}));
 }
-function bh(e, t) {
+function Sh(e, t) {
 	let n = String(t || "").toLowerCase().trim();
 	if (!n) return 0;
 	let r = [
 		e.name,
 		e.id,
 		e.placeholder,
-		gh(e),
+		vh(e),
 		e.getAttribute("aria-label"),
 		e.getAttribute("title"),
 		e.getAttribute("data-testid")
@@ -21764,15 +21774,44 @@ function bh(e, t) {
 	}
 	return i;
 }
-function xh(e, t) {
+var Ch = 28;
+function wh(e, t) {
 	let n = null, r = 0;
 	for (let i of e) {
-		let e = bh(i, t);
+		let e = Sh(i, t);
 		e > r && (r = e, n = i);
 	}
-	return !n || r < 38 ? null : n;
+	return !n || r < Ch ? null : n;
 }
-function Sh(e, t) {
+function Th(e, t, n) {
+	let r = String(t || "").toLowerCase().trim(), i = String(n || "").trim();
+	if (!(/^https?:\/\//i.test(i) || /\.\w{2,}(\/|\s|$)/.test(i) || r.includes("url") || r.includes("website") || r.includes("domain") || r.includes("site"))) return null;
+	let a = null, o = 0;
+	for (let t of e) {
+		if (t.tagName !== "INPUT" && t.tagName !== "TEXTAREA") continue;
+		let e = (t.type || "").toLowerCase();
+		if ([
+			"hidden",
+			"submit",
+			"button",
+			"checkbox",
+			"radio"
+		].includes(e)) continue;
+		let n = 0;
+		(e === "url" || e === "text" || e === "search") && (n += 45);
+		let r = [
+			t.name,
+			t.id,
+			t.placeholder,
+			vh(t),
+			t.getAttribute("aria-label"),
+			t.getAttribute("autocomplete")
+		].filter(Boolean).join(" ").toLowerCase();
+		/(website|url|domain|site\s*url)/.test(r) && (n += 55), n > o && (o = n, a = t);
+	}
+	return !a || o < 50 ? null : a;
+}
+function Eh(e, t) {
 	let n = String(t || "").toLowerCase().trim();
 	if (!n) return 0;
 	let r = [
@@ -21788,9 +21827,9 @@ function Sh(e, t) {
 	for (let e of i) r.includes(e) && (a += 1);
 	return a / i.length * 92;
 }
-function Ch(e) {
+function Dh(e) {
 	let t = Array.from(document.querySelectorAll("button, [role=\"button\"], input[type=\"submit\"], input[type=\"button\"]")).filter((e) => {
-		if (e.disabled) return !1;
+		if (_h(e) || e.disabled) return !1;
 		try {
 			let t = window.getComputedStyle(e);
 			if (t.display === "none" || t.visibility === "hidden") return !1;
@@ -21798,12 +21837,12 @@ function Ch(e) {
 		return !0;
 	}), n = null, r = 0;
 	for (let i of t) {
-		let t = Sh(i, e);
+		let t = Eh(i, e);
 		t > r && (r = t, n = i);
 	}
 	return !n || r < 36 ? null : n;
 }
-function wh(e) {
+function Oh(e) {
 	if (e == null) return {};
 	if (typeof e == "string") {
 		let t = e.trim();
@@ -21816,17 +21855,34 @@ function wh(e) {
 	}
 	return e;
 }
-function Th(e) {
+function kh(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e.url ?? e.target_url ?? e.page_url ?? e.pageUrl ?? e.link ?? e.href ?? e.path;
 	return t == null ? null : String(t).trim() || null;
 }
-function Eh(e) {
+function Ah(e) {
 	if (!e || typeof e != "object") return null;
 	let t = e.query ?? e.q ?? e.search ?? e.text ?? e.keywords;
 	return t == null ? null : String(t).trim() || null;
 }
-function Dh(e, t) {
+function jh(e, t) {
+	try {
+		e.scrollIntoView({
+			block: "center",
+			inline: "nearest"
+		});
+	} catch {
+		try {
+			e.scrollIntoView(!0);
+		} catch {}
+	}
+	try {
+		e.focus({ preventScroll: !0 });
+	} catch {
+		try {
+			e.focus();
+		} catch {}
+	}
 	let n = e.tagName, r = (e.type || "").toLowerCase();
 	if (n === "SELECT") return e.value = String(t), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
 	if (r === "checkbox" || r === "radio") return e.checked = [
@@ -21840,14 +21896,24 @@ function Dh(e, t) {
 		let t = n === "TEXTAREA" ? window.HTMLTextAreaElement.prototype : window.HTMLInputElement.prototype, r = Object.getOwnPropertyDescriptor(t, "value");
 		r?.set ? r.set.call(e, i) : e.value = i;
 	} else e.value = i;
-	return e.dispatchEvent(new Event("input", { bubbles: !0 })), e.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
+	try {
+		e.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			cancelable: !0,
+			inputType: "insertText",
+			data: i
+		}));
+	} catch {
+		e.dispatchEvent(new Event("input", { bubbles: !0 }));
+	}
+	return e.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
 }
-function Oh(e) {
+function Mh(e) {
 	let t = e.siteId || null, n = (e.apiBaseUrl || "").replace(/\/$/, "");
 	return {
 		navigate_to_page: async (e) => {
 			$("navigate_to_page ▶ raw parameters:", e);
-			let t = wh(e), n = Th(t), r = t.section_text ?? t.sectionText ?? t.section;
+			let t = Oh(e), n = kh(t), r = t.section_text ?? t.sectionText ?? t.section;
 			if ($("navigate_to_page · coerced:", {
 				url: n,
 				sectionText: r
@@ -21872,12 +21938,12 @@ function Oh(e) {
 		},
 		highlight_on_page: async (e) => {
 			$("highlight_on_page ▶", e);
-			let t = wh(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText, i = Qt(n || null, r || null);
+			let t = Oh(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText, i = Qt(n || null, r || null);
 			return i ? ($t(i), $("highlight_on_page ✓"), "Highlighted the section.") : ($("highlight_on_page ✖ no element"), "Could not find that section on the page.");
 		},
 		search_site_content: async (e) => {
 			$("search_site_content ▶", e);
-			let r = Eh(wh(e));
+			let r = Ah(Oh(e));
 			if ($("search_site_content · query:", r, "siteId:", t, "apiBase:", n || "(empty)"), !r) return $("search_site_content ✖ missing query"), "Missing query parameter.";
 			if (!t) return $("search_site_content ✖ no siteId"), "Site is not configured for search.";
 			if (!n) return $("search_site_content ✖ no api base"), "API base URL is missing; cannot search.";
@@ -21905,7 +21971,7 @@ function Oh(e) {
 			}
 		},
 		list_page_forms: async () => {
-			let e = vh(), t = yh();
+			let e = bh(), t = xh();
 			return $("list_page_forms ✓", `${e.length} field(s)`, `${t.length} button(s)`), JSON.stringify({
 				fields: e,
 				buttons: t,
@@ -21913,26 +21979,39 @@ function Oh(e) {
 			});
 		},
 		fill_form_fields: async (e) => {
-			let t = wh(e)?.fields;
-			if ($("fill_form_fields ▶", { fieldCount: Array.isArray(t) ? t.length : 0 }), !Array.isArray(t) || t.length === 0) return "No fields provided. Use list_page_forms first.";
-			let n = _h(), r = [];
-			for (let e of t) {
-				let t = e?.field_key ?? e?.fieldKey, i = e?.value;
-				if (t == null || i == null) continue;
-				let a = xh(n, String(t));
-				a && (Dh(a, i), r.push(String(t)));
+			try {
+				let t = Oh(e), n = t?.fields;
+				if (!n && Array.isArray(t) && t.length > 0 && t[0]?.field_key != null && (n = t), $("fill_form_fields ▶", { fieldCount: Array.isArray(n) ? n.length : 0 }), !Array.isArray(n) || n.length === 0) return "No fields provided. Use list_page_forms first.";
+				let r = [];
+				for (let e of n) {
+					let t = e?.field_key ?? e?.fieldKey, n = e?.value;
+					if (t == null || n == null) continue;
+					let i = yh(), a = wh(i, String(t));
+					a ||= Th(i, String(t), n), a && (jh(a, n), r.push(String(t)));
+				}
+				if (!r.length) return $("fill_form_fields ✖ no matches"), "Could not match any fields. Call list_page_forms and use field_key values that match placeholder, label, name, or id (e.g. Enter Website URL). Ensure the form is on the page, not the chat panel.";
+				let i = `Filled fields: ${r.join(", ")}`;
+				return $("fill_form_fields ✓", i), i;
+			} catch (e) {
+				let t = `fill_form_fields error: ${e?.message || String(e)}`;
+				return $("fill_form_fields ✖", t), t;
 			}
-			if (!r.length) return $("fill_form_fields ✖ no matches"), "Could not match any fields. Call list_page_forms and use field_key values that match placeholder, label, name, or id (e.g. website url, Enter Website URL).";
-			let i = `Filled fields: ${r.join(", ")}`;
-			return $("fill_form_fields ✓", i), i;
 		},
 		click_page_button: async (e) => {
-			let t = wh(e), n = (t.button_text ?? t.buttonText ?? t.text ?? "").trim();
+			let t = Oh(e), n = (t.button_text ?? t.buttonText ?? t.text ?? "").trim();
 			if ($("click_page_button ▶", n), !n) return "Missing button_text: pass the visible label, e.g. Conduct Audit.";
-			let r = Ch(n);
+			let r = Dh(n);
 			if (!r) return $("click_page_button ✖ no match"), `Could not find a button matching "${n}". Call list_page_forms to see button texts.`;
 			try {
-				r.click();
+				try {
+					r.scrollIntoView({
+						block: "center",
+						inline: "nearest"
+					});
+				} catch {
+					r.scrollIntoView(!0);
+				}
+				r.focus?.(), r.click();
 				let e = `OK_CLICK ${(r.textContent || r.value || r.getAttribute("aria-label") || "").trim().slice(0, 80) || "button"}`;
 				return $("click_page_button ✓", e), e;
 			} catch (e) {
@@ -21944,18 +22023,18 @@ function Oh(e) {
 }
 //#endregion
 //#region src/components/VoiceInterface.jsx
-var kh = {
+var Nh = {
 	idle: "rgba(99,102,241,0.18)",
 	listening: "rgba(16,185,129,0.25)",
 	speaking: "rgba(245,158,11,0.25)",
 	error: "rgba(239,68,68,0.2)"
-}, Ah = {
+}, Ph = {
 	idle: "#6366f1",
 	listening: "#10b981",
 	speaking: "#f59e0b",
 	error: "#ef4444"
 };
-function jh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
+function Fh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
 	let [ee, te] = s("idle"), [h, ne] = s(null), [re, ie] = s(!1), [ae, oe] = s([]), se = o(null), g = o(null);
 	i(() => {
 		let t = !1, n = null;
@@ -21963,7 +22042,7 @@ function jh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 			try {
 				if (await navigator.mediaDevices.getUserMedia({ audio: !0 }), t) return;
 				oe([]);
-				let i = Oh({
+				let i = Mh({
 					siteId: r || null,
 					apiBaseUrl: a || null
 				}), o = await hh.startSession({
@@ -22027,7 +22106,7 @@ function jh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 		d,
 		p,
 		c
-	]), le = ee === "listening" || ee === "speaking", _ = Ah[ee] || Ah.idle, ue = kh[ee] || kh.idle;
+	]), le = ee === "listening" || ee === "speaking", _ = Ph[ee] || Ph.idle, ue = Nh[ee] || Nh.idle;
 	return /* @__PURE__ */ u("div", {
 		ref: g,
 		style: {
@@ -22162,7 +22241,7 @@ function jh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 }
 //#endregion
 //#region src/components/FlowEngageWidget.jsx
-var Mh = [
+var Ih = [
 	{
 		key: "become_client",
 		label: "Become a Client"
@@ -22183,7 +22262,7 @@ var Mh = [
 		key: "looking_for_job",
 		label: "Looking for a Job"
 	}
-], Nh = () => /* @__PURE__ */ l("div", {
+], Lh = () => /* @__PURE__ */ l("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -22214,7 +22293,7 @@ var Mh = [
 		} }, e)), /* @__PURE__ */ l("style", { children: "\n        @keyframes fe-dot-bounce {\n          0%, 80%, 100% { transform: translateY(0); opacity: 0.5; }\n          40% { transform: translateY(-5px); opacity: 1; }\n        }\n      " })]
 	})
 });
-function Ph() {
+function Rh() {
 	let { status: e, runtimeConfig: t, resolvedConfig: n, chatId: r, chatHistory: a, isOpen: o, activeScreen: c, isHumanHandled: d, agentName: f, visitorEmail: p, isAgentTyping: m, isAiTyping: ee, isLoading: te, isVoiceMode: h, isRateLimited: ne, rateLimitMessage: re, isConversationEnded: ie, incomingCall: ae, activeCallId: oe, callConnectionState: se, callConnectedAt: g, isCallMuted: ce, webRTCError: le, language: _, historyRef: ue, onMessageSync: v, endConversation: y, acceptCall: de, rejectCall: fe, endWebRTCCall: pe, toggleCallMute: me, dismissCallError: he, captureVisitorEmail: ge, openWidget: _e, closeWidget: ve, sendMessage: ye, setVoiceMode: be, startTyping: xe, stopTyping: Se, updateTypingDraft: Ce } = Jt(), [we, Te] = s(""), [Ee, De] = s(null), [Oe, ke] = s(null), [Ae, je] = s(null), [Me, b] = s(0), [Ne, Pe] = s(p || ""), [Fe, Ie] = s(""), x = t?.widgetSettings || {}, Le = n?.widgetSettings || {}, Re = {
 		...x.branding || {},
 		...Le.branding || {}
@@ -22236,7 +22315,7 @@ function Ph() {
 		outline: "none",
 		fontFamily: "ui-sans-serif, system-ui, sans-serif",
 		...o ? {} : He
-	}, We = Le.recommendations?.[_] || x.recommendations?.[_] || Mh, Ge = Le.greetings?.[_] || x.greetings?.[_], Ke = Re.chatButtonText || "Chat with us", qe = Re.headerName || t?.websiteName || "OpenSense Labs", S = Re.logoUrl || null, C = Re.hideWatermark || !1, w = Le.elevenLabsAgentId || t?.elevenLabsAgentId || null, Je = t?.siteId || n?.siteId || null, Ye = t?.apiBaseUrl || "", Xe = Re.fallbackAgentName || "Agent", Ze = Re.botLabel || "AI", Qe = ae?.agentName || f || Xe, $e = !p && a.length === 0;
+	}, We = Le.recommendations?.[_] || x.recommendations?.[_] || Ih, Ge = Le.greetings?.[_] || x.greetings?.[_], Ke = Re.chatButtonText || "Chat with us", qe = Re.headerName || t?.websiteName || "OpenSense Labs", S = Re.logoUrl || null, C = Re.hideWatermark || !1, w = Le.elevenLabsAgentId || t?.elevenLabsAgentId || null, Je = t?.siteId || n?.siteId || null, Ye = t?.apiBaseUrl || "", Xe = Re.fallbackAgentName || "Agent", Ze = Re.botLabel || "AI", Qe = ae?.agentName || f || Xe, $e = !p && a.length === 0;
 	i(() => {
 		Pe(p || ""), p && Ie("");
 	}, [p]), i(() => {
@@ -22359,7 +22438,7 @@ function Ph() {
 							flexDirection: "column"
 						},
 						className: "fe-screen-fade-in",
-						children: /* @__PURE__ */ l(jh, {
+						children: /* @__PURE__ */ l(Fh, {
 							agentId: w,
 							chatId: r,
 							siteId: Je,
@@ -22399,7 +22478,7 @@ function Ph() {
 							isAiTyping: ee,
 							isAgentTyping: m,
 							setReplyContext: je,
-							TypingDots: Nh
+							TypingDots: Lh
 						})
 					}, "history")
 				}),
@@ -22475,4 +22554,4 @@ function Ph() {
 	}) : null;
 }
 //#endregion
-export { un as FlowEngageProvider, Ph as FlowEngageWidget, Jt as useFlowEngage };
+export { un as FlowEngageProvider, Rh as FlowEngageWidget, Jt as useFlowEngage };

package/package.json

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