@flowengage/react-chatbot 6.0.18 → 6.0.20

package/dist/flowengage-react-chatbot.mjs

@@ -3357,7 +3357,10 @@ function Rr({ siteId: e, config: t, children: n, language: r = "en" }) {
 				}), await Rt({
 					...r,
 					callId: r.callId || O.callId
-				})), await k.current.acceptCall(O.callId, y), mt.current = O.callId, Je(O.callId), Xe((e) => e === "connected" || j.current ? "connected" : "connecting"), Ue(null), w(!0);
+				})), await k.current.acceptCall(O.callId, y), at.current?.emit("call:accepted", {
+					callId: O.callId,
+					chatId: y
+				}), mt.current = O.callId, Je(O.callId), Xe((e) => e === "connected" || j.current ? "connected" : "connecting"), Ue(null), w(!0);
 			} catch (e) {
 				if (ht.current = null, Pt("accept_call_failed"), e?.status === 404 || e?.status === 409 || e?.status === 422) {
 					nt(Pr(e, "This visitor call is no longer available."));
@@ -3380,9 +3383,14 @@ function Rr({ siteId: e, config: t, children: n, language: r = "en" }) {
 			Pt("reject_call_without_server_context");
 			return;
 		}
-		Mt(), jt();
+		let e = O.callId;
+		Mt(), jt(), at.current?.emit("call:rejected", {
+			callId: e,
+			chatId: y,
+			reason: "visitor_declined"
+		});
 		try {
-			await k.current.rejectCall(O.callId, y);
+			await k.current.rejectCall(e, y);
 		} catch (e) {
 			nt(Pr(e, "We couldn't decline the call cleanly."));
 		} finally {
@@ -29412,6 +29420,11 @@ function Ck(e) {
 		flowengage_highlight: async (e) => {
 			$("flowengage_highlight ▶", e);
 			let t = mk(e), n = t?.section_id || t?.sectionId, r = t?.section_text || t?.sectionText;
+			if (typeof window < "u" && window.__fe_user_nav_during_speech) {
+				let e = window.__fe_user_nav_during_speech, t = window.location.pathname;
+				if (Date.now() - e.ts >= 3e4) window.__fe_user_nav_during_speech = null;
+				else return $("flowengage_highlight ✖ blocked — user navigated during speech", e), `NAV_CHANGED: The visitor navigated from "${e.fromPageName}" to "${e.toPageName}" (current path: ${t}) while you were speaking. STOP the current walkthrough immediately. DO NOT call flowengage_highlight again. Say out loud: "I see you've navigated to the ${e.toPageName} page — do you want me to continue what I was explaining, or shall I guide you through this page?" Wait for the visitor's answer before doing anything else.`;
+			}
 			xk();
 			let i = hr(n || null, r || null);
 			if (!i && r) {
@@ -30132,7 +30145,7 @@ function Fk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 				let v = {
 					clientTools: t,
 					connectionType: "websocket",
-					minSpeechDurationMs: 100,
+					minSpeechDurationMs: 50,
 					..._ ? { signedUrl: _ } : { agentId: r }
 				}, b = (p.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()), x = "";
 				m && m.includes("|") && (x = m.split("|").map((e) => e.trim()).filter(Boolean).reduce((e, t) => e.length <= t.length ? e : t));
@@ -30243,13 +30256,28 @@ function Fk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 							t = n;
 							return;
 						}
+						let r = t;
 						t = n;
-						let r = window.location.href, i = typeof document < "u" ? document.title : "", a = typeof document < "u" ? Array.from(document.querySelectorAll("h1, h2, h3, h4")).filter((e) => !e.closest("#flowengage-root, .flowengage-shell")).map((e) => ({
+						let i = window.location.href, a = typeof document < "u" ? document.title : "", o = typeof document < "u" ? Array.from(document.querySelectorAll("h1, h2, h3, h4")).filter((e) => !e.closest("#flowengage-root, .flowengage-shell")).map((e) => ({
 							tag: e.tagName,
 							text: e.textContent.trim()
 						})).filter((e) => e.text.length > 0 && e.text.length < 200).slice(0, 20) : [];
 						try {
-							S.current?.sendContextualUpdate?.(`PAGE CHANGED — visitor navigated manually. Current URL is now: ${r}. Page title: "${i}". Sections on this page: ${JSON.stringify(a)}. When the visitor asks about "this page", "current page", or "what page am I on", refer to this new URL — not any previously mentioned page.`);
+							SD();
+						} catch {}
+						let s = (e) => (e.split("/").filter(Boolean).pop() || "").replace(/[-_]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()) || "Home", c = s(r), l = s(n);
+						typeof window < "u" && (window.__fe_user_nav_during_speech = {
+							fromPath: r,
+							toPath: n,
+							fromPageName: c,
+							toPageName: l,
+							ts: Date.now()
+						});
+						try {
+							S.current?.sendUserMessage?.(`I just navigated to the ${l} page`);
+						} catch {}
+						try {
+							S.current?.sendContextualUpdate?.(`VISITOR NAVIGATED WHILE YOU WERE SPEAKING. You were explaining "${c}". Visitor moved to "${l}" (${i}). Page title: "${a}". Sections on this page: ${JSON.stringify(o)}. Ask: "I see you've navigated to the ${l} page — do you want me to continue what I was explaining, or would you like to know about this page?" If "continue": resume verbally, do NOT call flowengage_highlight (wrong page DOM). If they want this page: call flowengage_highlight for sections of "${l}". Do NOT highlight anything until the visitor answers.`);
 						} catch {}
 					};
 					c = window.history.pushState.bind(window.history), window.history.pushState = (...e) => {
@@ -30269,7 +30297,7 @@ function Fk({ orbColors: e, onEnterChat: t, onEndChat: n, agentId: r, siteId: i,
 			if (i) try {
 				He(i);
 			} catch {}
-			Ar(), le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearTimeout(ue.current), null), ce.current = !1, de.current = !1, se.current = "idle", c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
+			typeof window < "u" && (window.__fe_user_nav_during_speech = null), Ar(), le.current &&= (clearTimeout(le.current), null), ue.current &&= (clearTimeout(ue.current), null), ce.current = !1, de.current = !1, se.current = "idle", c && typeof window < "u" && (window.history.pushState = c), d && typeof window < "u" && window.removeEventListener("popstate", d);
 			let t = o || S.current, n = E.current, r = ie.current;
 			if (t?.endSession?.().catch(() => {}), n && s && a) {
 				let e = r ? Math.round((Date.now() - r) / 1e3) : 0, t = JSON.stringify({
@@ -30630,7 +30658,19 @@ var Lk = () => /* @__PURE__ */ g("div", {
 	})
 });
 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 () => {
+	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, We] = m(() => typeof window < "u" ? window.visualViewport?.height ?? window.innerHeight : 600), [Ge, Ke] = m(0);
+	c(() => {
+		if (!s) return;
+		let e = window.visualViewport;
+		if (!e) return;
+		let t = () => {
+			We(e.height), Ke(Math.max(0, window.innerHeight - e.offsetTop - e.height));
+		};
+		return e.addEventListener("resize", t), e.addEventListener("scroll", t), t(), () => {
+			e.removeEventListener("resize", t), e.removeEventListener("scroll", t);
+		};
+	}, [s]);
+	let qe = s && window.innerHeight - Ue > 150, Je = async () => {
 		Ie(!1), Re(!0), He(!0);
 		try {
 			let e = await Oe();
@@ -30640,7 +30680,7 @@ function Rk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 		} finally {
 			He(!1);
 		}
-	}, We = async (e) => {
+	}, Ye = async (e) => {
 		Re(!1), ke?.(e.chatId);
 	};
 	return c(() => {
@@ -30657,9 +30697,8 @@ function Rk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 			position: "fixed",
 			left: "8px",
 			right: "8px",
-			bottom: 0,
-			width: "calc(100% - 16px)",
-			height: "90dvh",
+			bottom: `${Ge}px`,
+			height: Ue > 0 ? `${Math.round(Ue * .92)}px` : "90dvh",
 			background: r,
 			borderRadius: "16px 16px 0 0",
 			display: "flex",
@@ -30949,7 +30988,7 @@ function Rk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 									margin: "0 14px"
 								} }), /* @__PURE__ */ _("button", {
 									type: "button",
-									onClick: Ue,
+									onClick: Je,
 									style: {
 										display: "flex",
 										alignItems: "center",
@@ -31140,7 +31179,7 @@ function Rk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 							},
 							children: "Loading past conversations..."
 						}) : ze.length > 0 ? /* @__PURE__ */ g("div", { children: ze.map((e) => /* @__PURE__ */ _("div", {
-							onClick: () => We(e),
+							onClick: () => Ye(e),
 							style: {
 								padding: "16px 20px",
 								borderBottom: "1px solid #f3f4f6",
@@ -31357,11 +31396,12 @@ function Rk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 					inputPlaceholder: e.inputPlaceholder
 				})
 			}),
-			/* @__PURE__ */ g("div", {
+			!qe && /* @__PURE__ */ g("div", {
 				style: {
 					flexShrink: 0,
 					textAlign: "center",
-					padding: "12px 20px 18px",
+					padding: "8px 20px",
+					paddingBottom: "max(12px, env(safe-area-inset-bottom, 12px))",
 					pointerEvents: "none"
 				},
 				children: De && /* @__PURE__ */ _("span", {

package/package.json

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