@flowengage/react-chatbot 8.0.128 → 8.0.129

package/dist/flowengage-react-chatbot.mjs

@@ -4142,7 +4142,11 @@ function yi({ siteId: e, config: t, children: n, language: r = "en" }) {
 			}
 			S(pi(p)), Array.isArray(f.cart_actions) && f.cart_actions.length && w(f.cart_actions), M(!!f.is_human_handled), A(f.is_human_handled ? "agent" : "ai"), I(!1), we(!1), await U.current.updateChatStatus(y, "messageSent");
 		} catch (e) {
-			S((e) => e.filter((e) => e.id !== d && !e.isStreaming)), I(!1), we(!1), e.status === 429 ? (Ee(!0), Oe(e.message), window.setTimeout(() => {
+			S((e) => e.filter((e) => !e.isStreaming).map((e) => e.id === d ? {
+				...e,
+				isPending: !1,
+				failed: !0
+			} : e)), I(!1), we(!1), e.status === 429 ? (Ee(!0), Oe(e.message), window.setTimeout(() => {
 				Ee(!1), Oe("");
 			}, ee)) : h(e);
 		}
@@ -10523,7 +10527,7 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 			e.map((e) => {
 				if (e.type === "call_recording" || typeof e.message == "string" && e.message.includes("AI chat recording")) return null;
 				if (e.type === "nav_pref_choice") return /* @__PURE__ */ g(Rg, { siteId: d?.siteId }, e.id || e.messageId);
-				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", o = e.sender === "agent", c = e.isPending, f = e.type === "file" && e.metadata?.fileUrl, p = e.agent_name || e.agentName || e.metadata?.agentName || l, m = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof s == "string" && s.trim() || null, v = xg(e.replyToContent || e.replyContext?.message || ""), S = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
+				let t = e.sender === "system", n = e.sender === "user", r = e.sender === "ai" || e.sender === "bot", o = e.sender === "agent", c = e.isPending, f = e.failed, p = e.type === "file" && e.metadata?.fileUrl, m = e.agent_name || e.agentName || e.metadata?.agentName || l, v = typeof e.sender_headshot == "string" && e.sender_headshot.trim() || typeof s == "string" && s.trim() || null, S = xg(e.replyToContent || e.replyContext?.message || ""), C = e.replyToSender === "user" ? "You" : e.replyToSender === "agent" ? "Agent" : e.replyToSender === "ai" || e.replyToSender === "bot" ? "AI Assistant" : "Message";
 				return t ? /* @__PURE__ */ g("div", {
 					style: {
 						display: "flex",
@@ -10569,8 +10573,8 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 							marginTop: !c && (r || o) ? "22px" : "0px"
 						},
 						children: r ? u || /* @__PURE__ */ g(hg, { size: 16 }) : /* @__PURE__ */ g(Lg, {
-							src: m || "",
-							name: p,
+							src: v || "",
+							name: m,
 							imgStyle: {
 								width: "100%",
 								height: "100%",
@@ -10623,12 +10627,12 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 									color: n ? "#fff" : "#111827",
 									fontSize: "14px",
 									fontWeight: 400,
-									opacity: c ? .55 : 1,
+									opacity: c || e.failed ? .55 : 1,
 									transition: "opacity 0.3s ease",
 									wordBreak: "break-word",
 									width: "fit-content"
 								},
-								children: [v && /* @__PURE__ */ _("div", {
+								children: [S && /* @__PURE__ */ _("div", {
 									style: {
 										marginBottom: "8px",
 										borderRadius: "14px",
@@ -10643,7 +10647,7 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 											marginBottom: "2px",
 											fontWeight: 600
 										},
-										children: S
+										children: C
 									}), /* @__PURE__ */ g("div", {
 										style: {
 											display: "-webkit-box",
@@ -10651,9 +10655,9 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 											WebkitBoxOrient: "vertical",
 											overflow: "hidden"
 										},
-										children: v
+										children: S
 									})]
-								}), f ? (() => {
+								}), p ? (() => {
 									let t = e.metadata.fileType || "", r = e.metadata.fileName || e.message || "File", i = Pg(e.metadata.fileSize), a = t.startsWith("image/"), o = `shared file: ${r}`.toLowerCase(), s = (e.message || "").trim(), c = s && s.toLowerCase() !== o && !s.toLowerCase().startsWith("shared file:"), l = t === "application/pdf" ? {
 										color: "#ef4444",
 										label: "PDF"
@@ -10859,6 +10863,13 @@ function zg({ chatHistory: e, isAiTyping: t, isLoading: n, isAgentTyping: r, set
 										fontStyle: "italic"
 									},
 									children: "sending…"
+								}) : f ? /* @__PURE__ */ g("span", {
+									style: {
+										fontSize: "10px",
+										color: "#dc2626",
+										fontWeight: 500
+									},
+									children: "Not sent — tap send to try again"
 								}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
 									style: {
 										fontSize: "10px",
@@ -15593,7 +15604,7 @@ function K_() {
 			...I.pageVisibility || {}
 		};
 		return Array.isArray(e.allowedPaths) ? e.allowedPaths.filter(Boolean) : [];
-	})(), Ge = We.length === 0 || We.some((e) => e === "*" || e === "/*" ? !0 : e.endsWith("/*") ? Ue.startsWith(e.slice(0, -1)) : Ue.replace(/\/$/, "") === e.replace(/\/$/, "")), Ke = xe.greetings?.[A] || I.greetings?.[A] || L.introGreeting || "Hello, I'm here to help you know more about OpenSense Labs.", qe = {
+	})(), Ge = We.length === 0 || We.some((e) => e === "*" || e === "/*" ? !0 : e.endsWith("/*") ? Ue.startsWith(e.slice(0, -1)) : Ue.replace(/\/$/, "") === e.replace(/\/$/, "")), Ke = xe.greetings?.[A] || I.greetings?.[A] || L.introGreeting || (t?.websiteName && String(t.websiteName).trim() ? `Hello, I'm here to help you know more about ${String(t.websiteName).trim()}.` : "Hello, I'm here to help — what would you like to know?"), qe = {
 		entryPrompt: L.entryPrompt || "Do you want to explore in a new way?",
 		yesLabel: L.yesLabel || "Yes",
 		laterLabel: L.laterLabel || "Later",

package/package.json

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