@flowengage/react-chatbot 0.2.11 → 0.2.12

package/dist/flowengage-react-chatbot.mjs

@@ -21924,16 +21924,45 @@ function Mh(e) {
 	return e;
 }
 function Nh(e) {
+	let t = Mh(e);
+	if (Array.isArray(t) && t.length > 0) {
+		let e = t[0];
+		if (e?.field_key != null || e?.fieldKey != null) return t.map((e) => ({
+			field_key: e.field_key ?? e.fieldKey,
+			value: e.value
+		}));
+	}
+	if (!t || typeof t != "object") return [];
+	let n = t.fields ?? t.Fields ?? t.field_list ?? t.fieldList ?? t.data?.fields;
+	if (typeof n == "string") try {
+		n = JSON.parse(n);
+	} catch {
+		n = null;
+	}
+	n && !Array.isArray(n) && typeof n == "object" && (n = Object.values(n)), (!n || n.length === 0) && (t.field_key != null || t.fieldKey != null) && t.value != null && (n = [{
+		field_key: t.field_key ?? t.fieldKey,
+		value: t.value
+	}]);
+	let r = t.website_url ?? t.websiteUrl ?? t.url ?? t.website ?? t.domain ?? t.site_url ?? t.siteUrl;
+	return (!n || n.length === 0) && r != null && String(r).trim() && (n = [{
+		field_key: t.field_key ?? t.fieldKey ?? "url",
+		value: String(r).trim()
+	}]), Array.isArray(n) ? n.map((e) => ({
+		field_key: e?.field_key ?? e?.fieldKey,
+		value: e?.value ?? e?.Value
+	})) : [];
+}
+function Ph(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 Ph(e) {
+function Fh(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 Fh(e, t) {
+function Ih(e, t) {
 	try {
 		e.scrollIntoView({
 			block: "center",
@@ -21964,23 +21993,35 @@ function Fh(e, t) {
 		let t = e.ownerDocument?.defaultView || window, r = n === "TEXTAREA" ? t.HTMLTextAreaElement.prototype : t.HTMLInputElement.prototype, a = Object.getOwnPropertyDescriptor(r, "value");
 		a?.set ? a.set.call(e, i) : e.value = i;
 	} else e.value = i;
+	let a = {
+		bubbles: !0,
+		cancelable: !0,
+		composed: !0
+	};
 	try {
 		e.dispatchEvent(new InputEvent("input", {
-			bubbles: !0,
-			cancelable: !0,
+			...a,
 			inputType: "insertText",
 			data: i
 		}));
 	} catch {
-		e.dispatchEvent(new Event("input", { bubbles: !0 }));
+		e.dispatchEvent(new Event("input", a));
 	}
-	return e.dispatchEvent(new Event("change", { bubbles: !0 })), !0;
+	e.dispatchEvent(new Event("change", a));
+	try {
+		queueMicrotask(() => {
+			try {
+				e.dispatchEvent(new Event("input", a)), e.dispatchEvent(new Event("change", a));
+			} catch {}
+		});
+	} catch {}
+	return !0;
 }
-function Ih(e) {
+function Lh(e) {
 	let t = e.siteId || null, n = (e.apiBaseUrl || "").replace(/\/$/, ""), r = {
 		navigate_to_page: async (e) => {
 			$("navigate_to_page ▶ raw parameters:", e);
-			let t = Mh(e), n = Nh(t), r = t.section_text ?? t.sectionText ?? t.section;
+			let t = Mh(e), n = Ph(t), r = t.section_text ?? t.sectionText ?? t.section;
 			if ($("navigate_to_page · coerced:", {
 				url: n,
 				sectionText: r
@@ -22010,7 +22051,7 @@ function Ih(e) {
 		},
 		search_site_content: async (e) => {
 			$("search_site_content ▶", e);
-			let r = Ph(Mh(e));
+			let r = Fh(Mh(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.";
@@ -22047,29 +22088,19 @@ function Ih(e) {
 		},
 		fill_form_fields: async (e) => {
 			try {
-				let t = Mh(e), n = t?.fields;
-				if (typeof n == "string") try {
-					n = JSON.parse(n);
-				} catch {
-					n = null;
-				}
-				if (!n && Array.isArray(t) && t.length > 0 && t[0]?.field_key != null && (n = t), !n && Array.isArray(t) && t.length > 0 && t[0]?.fieldKey != null && (n = t.map((e) => ({
-					field_key: e.field_key ?? e.fieldKey,
-					value: e.value
-				}))), !n && (t.field_key != null || t.fieldKey != null) && t.value != null && (n = [{
-					field_key: t.field_key ?? t.fieldKey,
-					value: t.value
-				}]), $("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;
+				$("fill_form_fields ▶ raw:", e);
+				let t = Nh(e);
+				if ($("fill_form_fields · normalized fields:", t), !t.length) return "No fields provided. Call list_page_forms, then fill_form_fields with { \"fields\": [ { \"field_key\": \"url or Enter Website URL\", \"value\": \"https://...\" } ] }.";
+				let n = [];
+				for (let e of t) {
+					let t = e?.field_key ?? e?.fieldKey, r = e?.value;
+					if (t == null || r == null) continue;
 					let i = xh(), a = kh(i, String(t));
-					a ||= Eh(i, String(t)), a ||= Dh(i, String(t), n), a && (Fh(a, n), r.push(String(t)));
+					a ||= Eh(i, String(t)), a ||= Dh(i, String(t), r), a && (Ih(a, r), n.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 = `OK_FILLED: ${r.join(", ")}`;
-				return $("fill_form_fields ✓", i), i;
+				if (!n.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 r = `OK_FILLED: ${n.join(", ")}`;
+				return $("fill_form_fields ✓", r), r;
 			} catch (e) {
 				let t = `fill_form_fields error: ${e?.message || String(e)}`;
 				return $("fill_form_fields ✖", t), t;
@@ -22109,19 +22140,29 @@ function Ih(e) {
 	};
 }
 //#endregion
+//#region src/utils/wrapVoiceToolsForLogging.js
+function Rh(e) {
+	return !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).map(([e, t]) => [e, async (n) => {
+		let r = Yt();
+		r ? console.log("[FlowEngage:voice-tool] ▶", e, n) : console.info(`[FlowEngage] voice tool » ${e}`);
+		let i = await t(n), a = typeof i == "string" ? i.length > 220 ? `${i.slice(0, 220)}…` : i : String(i);
+		return r ? console.log("[FlowEngage:voice-tool] ◀", e, a) : console.info(`[FlowEngage] voice tool « ${e}:`, a), i;
+	}]));
+}
+//#endregion
 //#region src/components/VoiceInterface.jsx
-var Lh = {
+var zh = {
 	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)"
-}, Rh = {
+}, Bh = {
 	idle: "#6366f1",
 	listening: "#10b981",
 	speaking: "#f59e0b",
 	error: "#ef4444"
 };
-function zh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
+function Vh({ 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;
@@ -22129,10 +22170,10 @@ function zh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 			try {
 				if (await navigator.mediaDevices.getUserMedia({ audio: !0 }), t) return;
 				oe([]);
-				let i = Ih({
+				let i = Rh(Lh({
 					siteId: r || null,
 					apiBaseUrl: a || null
-				}), o = await hh.startSession({
+				})), o = await hh.startSession({
 					agentId: e,
 					clientTools: i,
 					onUnhandledClientToolCall: (e) => {
@@ -22196,7 +22237,7 @@ function zh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 		d,
 		p,
 		c
-	]), le = ee === "listening" || ee === "speaking", _ = Rh[ee] || Rh.idle, ue = Lh[ee] || Lh.idle;
+	]), le = ee === "listening" || ee === "speaking", _ = Bh[ee] || Bh.idle, ue = zh[ee] || zh.idle;
 	return /* @__PURE__ */ u("div", {
 		ref: g,
 		style: {
@@ -22331,7 +22372,7 @@ function zh({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 }
 //#endregion
 //#region src/components/FlowEngageWidget.jsx
-var Bh = [
+var Hh = [
 	{
 		key: "become_client",
 		label: "Become a Client"
@@ -22352,7 +22393,7 @@ var Bh = [
 		key: "looking_for_job",
 		label: "Looking for a Job"
 	}
-], Vh = () => /* @__PURE__ */ l("div", {
+], Uh = () => /* @__PURE__ */ l("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -22383,7 +22424,7 @@ var Bh = [
 		} }, 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 Hh() {
+function Wh() {
 	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 || {}
@@ -22405,7 +22446,7 @@ function Hh() {
 		outline: "none",
 		fontFamily: "ui-sans-serif, system-ui, sans-serif",
 		...o ? {} : He
-	}, We = Le.recommendations?.[_] || x.recommendations?.[_] || Bh, 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?.[_] || Hh, 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(() => {
@@ -22528,7 +22569,7 @@ function Hh() {
 							flexDirection: "column"
 						},
 						className: "fe-screen-fade-in",
-						children: /* @__PURE__ */ l(zh, {
+						children: /* @__PURE__ */ l(Vh, {
 							agentId: w,
 							chatId: r,
 							siteId: Je,
@@ -22568,7 +22609,7 @@ function Hh() {
 							isAiTyping: ee,
 							isAgentTyping: m,
 							setReplyContext: je,
-							TypingDots: Vh
+							TypingDots: Uh
 						})
 					}, "history")
 				}),
@@ -22644,4 +22685,4 @@ function Hh() {
 	}) : null;
 }
 //#endregion
-export { un as FlowEngageProvider, Hh as FlowEngageWidget, Jt as useFlowEngage };
+export { un as FlowEngageProvider, Wh as FlowEngageWidget, Jt as useFlowEngage };

package/package.json

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