@flowengage/react-chatbot 1.0.3 → 1.0.4

package/dist/flowengage-react-chatbot.mjs

@@ -2689,7 +2689,11 @@ function mn({ siteId: e, config: t, children: n, language: r = "en" }) {
 			}
 			try {
 				let t = await w.current.syncVoice(v, e);
-				t?.chat_history && b(ln(t.chat_history));
+				if (t?.chat_history?.length) b(ln(t.chat_history));
+				else if (t?.success) try {
+					let e = await w.current.loadHistory(v, r);
+					e?.chat_history?.length && b(ln(e.chat_history));
+				} catch {}
 			} catch {} finally {
 				Fe(!1);
 			}
@@ -22346,6 +22350,7 @@ function rg(e) {
 				return $("search_site_content ✖", t), t;
 			}
 		},
+		end_voice_session: async () => ($("end_voice_session ▶"), typeof e.requestEndSession == "function" && e.requestEndSession(), "Voice session is ending."),
 		list_page_forms: async () => {
 			let e = Mh(), t = Nh();
 			return $("list_page_forms ✓", `${e.length} field(s)`, `${t.length} button(s)`), JSON.stringify({
@@ -22413,6 +22418,7 @@ function rg(e) {
 		navigateToPage: a.navigate_to_page,
 		highlightOnPage: a.highlight_on_page,
 		searchSiteContent: a.search_site_content,
+		endVoiceSession: a.end_voice_session,
 		listPageForms: a.list_page_forms,
 		fillFormFields: a.fill_form_fields,
 		clickPageButton: a.click_page_button
@@ -22441,18 +22447,36 @@ var ag = {
 	speaking: "#f59e0b",
 	error: "#ef4444"
 };
-function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
-	let [h, g] = s("idle"), [ee, te] = s(null), [_, ne] = s(!1), re = o(null), ie = o(null), ae = o("");
-	i(() => {
+function sg(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 cg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, historyRef: d, hasSyncedRef: f, onMessageSync: p, onStartSync: m }) {
+	let [h, g] = s("idle"), [ee, te] = s(null), [_, ne] = s(!1), re = o(null), ie = o(null), ae = o(""), oe = o(async () => {}), se = o(!1), v = n(async () => {
+		try {
+			await re.current?.endSession?.();
+		} catch {}
+		re.current = null, ne(!1), g("idle"), se.current = !1, typeof p == "function" && await p(d.current), typeof c == "function" && c();
+	}, [
+		d,
+		p,
+		c
+	]);
+	oe.current = v, i(() => {
 		let t = !1, n = null;
 		return (async () => {
 			try {
 				if (await navigator.mediaDevices.getUserMedia({ audio: !0 }), t) return;
-				d.current = [], ae.current = "";
+				d.current = [], ae.current = "", se.current = !1;
 				let i = ig(rg({
 					siteId: r || null,
 					apiBaseUrl: a || null,
-					getLastUserVoiceText: () => ae.current
+					getLastUserVoiceText: () => ae.current,
+					requestEndSession: () => {
+						queueMicrotask(() => {
+							se.current || (se.current = !0, oe.current?.());
+						});
+					}
 				})), o = await wh.startSession({
 					agentId: e,
 					clientTools: i,
@@ -22471,7 +22495,9 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 							message: r,
 							timestamp: (/* @__PURE__ */ new Date()).toISOString()
 						};
-						n === "user" && (ae.current = r), d.current = [...d.current, i];
+						n === "user" && (ae.current = r), d.current = [...d.current, i], sg(n, r) && queueMicrotask(() => {
+							se.current || (se.current = !0, oe.current?.());
+						});
 					},
 					onError: (e) => {
 						t || (console.error("[VoiceInterface] ElevenLabs error", e), g("error"), te("Voice session encountered an error."));
@@ -22492,7 +22518,7 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					} catch {
 						t = "[]";
 					}
-					o.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: search_site_content then navigate_to_page with section_text when relevant — no permission ask. Forms: use fill_form_fields then click_page_button (e.g. Conduct Audit) when the user wants to submit.`);
+					o.sendContextualUpdate(`Current page URL: ${e}. Site ID: ${r || "unknown"}. Page fields/buttons JSON: ${t}. Navigation: search_site_content then navigate_to_page with section_text when relevant — no permission ask. Forms: use fill_form_fields then click_page_button (e.g. Conduct Audit) when the user wants to submit. Voice: if the user wants to end the voice session, call end_voice_session or confirm and end; you may also say you are ending the voice session.`);
 				} catch {}
 				typeof m == "function" && m();
 			} catch (e) {
@@ -22508,16 +22534,7 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 		d,
 		m
 	]);
-	let oe = n(async () => {
-		try {
-			await re.current?.endSession?.();
-		} catch {}
-		re.current = null, ne(!1), g("idle"), typeof p == "function" && await p(d.current), typeof c == "function" && c();
-	}, [
-		d,
-		p,
-		c
-	]), se = h === "listening" || h === "speaking", v = og[h] || og.idle, ce = ag[h] || ag.idle;
+	let ce = h === "listening" || h === "speaking", le = og[h] || og.idle, ue = ag[h] || ag.idle;
 	return /* @__PURE__ */ u("div", {
 		ref: ie,
 		style: {
@@ -22541,19 +22558,19 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 					justifyContent: "center"
 				},
 				children: [
-					se && /* @__PURE__ */ l("div", { style: {
+					ce && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-16px",
 						borderRadius: "50%",
-						border: `2px solid ${v}`,
+						border: `2px solid ${le}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out infinite",
 						opacity: .6
 					} }),
-					se && /* @__PURE__ */ l("div", { style: {
+					ce && /* @__PURE__ */ l("div", { style: {
 						position: "absolute",
 						inset: "-8px",
 						borderRadius: "50%",
-						border: `2px solid ${v}`,
+						border: `2px solid ${le}`,
 						animation: "fe-orb-pulse 1.4s ease-in-out 0.35s infinite",
 						opacity: .4
 					} }),
@@ -22562,18 +22579,18 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 							width: "140px",
 							height: "140px",
 							borderRadius: "50%",
-							background: ce,
-							border: `3px solid ${v}`,
+							background: ue,
+							border: `3px solid ${le}`,
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "center",
 							transition: "all 0.35s ease",
 							transform: h === "speaking" ? "scale(1.08)" : "scale(1)",
-							boxShadow: `0 0 40px ${ce}, 0 8px 32px rgba(0,0,0,0.08)`
+							boxShadow: `0 0 40px ${ue}, 0 8px 32px rgba(0,0,0,0.08)`
 						},
 						children: /* @__PURE__ */ l(_n, {
 							size: 44,
-							color: v
+							color: le
 						})
 					})
 				]
@@ -22594,7 +22611,7 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 				]
 			}),
 			/* @__PURE__ */ u("button", {
-				onClick: oe,
+				onClick: v,
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -22623,7 +22640,7 @@ function sg({ agentId: e, chatId: t, siteId: r, apiBaseUrl: a, onEnd: c, history
 }
 //#endregion
 //#region src/components/FlowEngageWidget.jsx
-var cg = [
+var lg = [
 	{
 		key: "become_client",
 		label: "Become a Client"
@@ -22644,7 +22661,7 @@ var cg = [
 		key: "looking_for_job",
 		label: "Looking for a Job"
 	}
-], lg = () => /* @__PURE__ */ l("div", {
+], ug = () => /* @__PURE__ */ l("div", {
 	style: {
 		display: "flex",
 		marginBottom: "12px",
@@ -22675,13 +22692,13 @@ var cg = [
 		} }, 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 ug() {
+function dg() {
 	let { status: e, runtimeConfig: t, resolvedConfig: n, chatId: r, chatHistory: o, isOpen: c, activeScreen: d, isHumanHandled: f, agentName: p, agentHeadshot: m, visitorEmail: h, isAgentTyping: g, isAiTyping: ee, isLoading: te, isVoiceMode: _, isRateLimited: ne, rateLimitMessage: re, isConversationEnded: ie, incomingCall: ae, activeCallId: oe, callConnectionState: se, callConnectedAt: v, isCallMuted: ce, webRTCError: le, language: ue, historyRef: y, onMessageSync: b, endConversation: de, acceptCall: fe, rejectCall: pe, endWebRTCCall: me, toggleCallMute: he, dismissCallError: ge, captureVisitorEmail: _e, openWidget: ve, closeWidget: ye, sendMessage: be, setVoiceMode: xe, startTyping: Se, stopTyping: Ce, updateTypingDraft: we } = Xt(), [Te, Ee] = s(""), [De, Oe] = s(null), [ke, Ae] = s(null), [je, Me] = s(null), [Ne, Pe] = s(0), [x, Fe] = s(h || ""), [Ie, Le] = s(""), S = t?.widgetSettings || {}, Re = n?.widgetSettings || {}, ze = {
-		...S.branding || {},
-		...Re.branding || {}
+		...Re.branding || {},
+		...S.branding || {}
 	}, Be = {
-		...S.theme || {},
-		...Re.theme || {}
+		...Re.theme || {},
+		...S.theme || {}
 	}, Ve = Be.primaryColor || "#3B82F6", He = Be.accentColor || "#1D4ED8", Ue = (Be.position || "bottom-right") === "bottom-left" ? {
 		left: "1.5rem",
 		bottom: "1.5rem"
@@ -22697,7 +22714,7 @@ function ug() {
 		outline: "none",
 		fontFamily: "ui-sans-serif, system-ui, sans-serif",
 		...c ? {} : Ue
-	}, Ge = Re.recommendations?.[ue] || S.recommendations?.[ue] || cg, Ke = Re.greetings?.[ue] || S.greetings?.[ue], qe = ze.chatButtonText || "Chat with us", Je = ze.headerName || t?.websiteName || "OpenSense Labs", C = ze.logoUrl || null, w = ze.hideWatermark || !1, T = Re.elevenLabsAgentId || t?.elevenLabsAgentId || null, Ye = t?.siteId || n?.siteId || null, Xe = t?.apiBaseUrl || "", Ze = ze.fallbackAgentName || "Agent", Qe = ze.botLabel || "AI", $e = m && String(m).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, et = ae?.agentName || p || Ze, tt = o.some((e) => e.sender === "user"), nt = a(() => {
+	}, Ge = S.recommendations?.[ue] || Re.recommendations?.[ue] || lg, Ke = S.greetings?.[ue] || Re.greetings?.[ue], qe = ze.chatButtonText || "Chat with us", Je = ze.headerName || t?.websiteName || "OpenSense Labs", C = ze.logoUrl || null, w = ze.hideWatermark || !1, T = Re.elevenLabsAgentId || t?.elevenLabsAgentId || null, Ye = t?.siteId || n?.siteId || null, Xe = t?.apiBaseUrl || "", Ze = ze.fallbackAgentName || "Agent", Qe = ze.botLabel || "AI", $e = m && String(m).trim() || t?.ownerProfileImageUrl && String(t.ownerProfileImageUrl).trim() || null, et = ae?.agentName || p || Ze, tt = o.some((e) => e.sender === "user"), nt = a(() => {
 		let e = o.findIndex((e) => e.sender === "user");
 		return e === -1 ? !1 : o.slice(e + 1).some((e) => e.sender === "bot" || e.sender === "ai" || e.sender === "agent");
 	}, [o]), rt = !h && tt && nt;
@@ -22825,7 +22842,7 @@ function ug() {
 							flexDirection: "column"
 						},
 						className: "fe-screen-fade-in",
-						children: /* @__PURE__ */ l(sg, {
+						children: /* @__PURE__ */ l(cg, {
 							agentId: T,
 							chatId: r,
 							siteId: Ye,
@@ -22858,7 +22875,7 @@ function ug() {
 							isAiTyping: ee,
 							isAgentTyping: g,
 							setReplyContext: Me,
-							TypingDots: lg,
+							TypingDots: ug,
 							primaryColor: Ve,
 							agentHeadshot: $e,
 							agentDisplayName: p || Ze
@@ -22937,4 +22954,4 @@ function ug() {
 	}) : null;
 }
 //#endregion
-export { mn as FlowEngageProvider, ug as FlowEngageWidget, Xt as useFlowEngage };
+export { mn as FlowEngageProvider, dg as FlowEngageWidget, Xt as useFlowEngage };

package/package.json

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