@flowengage/react-chatbot 7.0.19 → 7.0.21

package/dist/flowengage-react-chatbot.mjs

@@ -30948,61 +30948,67 @@ function zk({ copy: e, orbColors: t, primaryColor: n, chatBgGradient: r, logo: i
 							})
 						})
 					}),
-					/* @__PURE__ */ _("div", {
-						style: {
-							minWidth: 0,
-							maxWidth: s ? "100%" : "250px",
-							width: "100%",
-							justifySelf: "center",
-							display: "grid",
-							gridTemplateColumns: "minmax(72px, 40%) minmax(0, 60%)",
-							alignItems: "center"
-						},
-						children: [/* @__PURE__ */ g("div", {
+					(() => {
+						let t = !!i, n = !!e.hasCustomTitle, r = t || n, a = t || !r, o = n || !r, c = a && o;
+						return /* @__PURE__ */ _("div", {
 							style: {
 								minWidth: 0,
-								display: "flex",
+								maxWidth: s ? "100%" : "250px",
+								width: "100%",
+								justifySelf: "center",
+								display: "grid",
+								gridTemplateColumns: c ? "minmax(72px, 40%) minmax(0, 60%)" : "1fr",
+								columnGap: c ? "12px" : 0,
 								alignItems: "center",
-								justifyContent: "center",
-								height: "40px"
+								justifyItems: c ? "stretch" : "center"
 							},
-							children: i ? /* @__PURE__ */ g(Ak, {
-								logo: i,
+							children: [a && /* @__PURE__ */ g("div", {
 								style: {
-									height: "34px",
-									width: "100%",
-									maxWidth: "96px"
-								}
-							}) : /* @__PURE__ */ g("div", {
-								style: {
-									width: "40px",
-									height: "40px",
-									flexShrink: 0
+									minWidth: 0,
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "center",
+									height: "40px"
 								},
-								children: /* @__PURE__ */ g(jk, { title: e.chatTitle })
-							})
-						}), /* @__PURE__ */ g("div", {
-							style: {
-								minWidth: 0,
-								display: "flex",
-								alignItems: "center"
-							},
-							children: /* @__PURE__ */ g("span", {
+								children: i ? /* @__PURE__ */ g(Ak, {
+									logo: i,
+									style: {
+										height: "34px",
+										width: "100%",
+										maxWidth: "96px"
+									}
+								}) : /* @__PURE__ */ g("div", {
+									style: {
+										width: "40px",
+										height: "40px",
+										flexShrink: 0
+									},
+									children: /* @__PURE__ */ g(jk, { title: e.chatTitle })
+								})
+							}), o && /* @__PURE__ */ g("div", {
 								style: {
-									fontSize: "15px",
-									fontWeight: 600,
-									color: "#111827",
-									letterSpacing: "-0.01em",
-									lineHeight: 1.2,
-									overflow: "hidden",
-									textOverflow: "ellipsis",
-									whiteSpace: "nowrap"
+									minWidth: 0,
+									display: "flex",
+									alignItems: "center",
+									justifyContent: c ? "flex-start" : "center"
 								},
-								title: e.chatTitle,
-								children: e.chatTitle
-							})
-						})]
-					}),
+								children: /* @__PURE__ */ g("span", {
+									style: {
+										fontSize: "15px",
+										fontWeight: 600,
+										color: "#111827",
+										letterSpacing: "-0.01em",
+										lineHeight: 1.2,
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap"
+									},
+									title: e.chatTitle,
+									children: e.chatTitle
+								})
+							})]
+						});
+					})(),
 					/* @__PURE__ */ _("div", {
 						style: {
 							position: "relative",
@@ -31631,6 +31637,7 @@ function Bk() {
 		voiceLabel: Ae.voiceLabel || "Voice",
 		textLabel: Ae.textLabel || "Text",
 		chatTitle: Ae.headerName || "Chat with FlowEngage",
+		hasCustomTitle: !!(Ae.headerName && String(Ae.headerName).trim()),
 		introGreeting: Ze,
 		inputPlaceholder: Ae.inputPlaceholder || "Type your message",
 		analysingLabel: Ae.analysingLabel || "analysing..."

package/package.json

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