bstp-agent-widget 0.2.47 → 0.2.48

package/dist/agent-widget.js

@@ -15691,12 +15691,15 @@ var ub = ({ ...e }) => {
 };
 ub.Body = cb, ub.Footer = lb;
 var db = {
-	root: "_root_nppjj_1",
-	inner: "_inner_nppjj_6",
-	content: "_content_nppjj_12",
-	header: "_header_nppjj_19",
-	body: "_body_nppjj_29",
-	title: "_title_nppjj_34"
+	root: "_root_1i7u8_1",
+	inner: "_inner_1i7u8_6",
+	content: "_content_1i7u8_12",
+	header: "_header_1i7u8_20",
+	headerMeta: "_headerMeta_1i7u8_32",
+	statusDot: "_statusDot_1i7u8_39",
+	topSubHeader: "_topSubHeader_1i7u8_46",
+	body: "_body_1i7u8_57",
+	title: "_title_1i7u8_62"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -23748,7 +23751,7 @@ function YO({ ...e }) {
 //#endregion
 //#region src/components/AgentChat/AgentChatDrawer.tsx
 function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i = !0, messages: a, composerText: o, onComposerTextChange: s, isLoading: c, error: l, canSend: u, onSubmit: d, isListening: p, isVoiceSupported: m, onToggleVoice: h, drawerTitle: g, runtimeInfo: _, scrollViewportRef: v, drawerDraggable: y, drawerResizableWidth: b, drawerResizableHeight: x, drawerBaseWidth: S = 420, topOffset: C = 0, drawerRightOffset: D = 0, drawerBorderRadius: O = 0, drawerShadow: k = !1 }) {
-	let A = Math.max(280, S + b.offset);
+	let A = Math.max(280, S + b.offset), j = _.hasCustomerToken && _.hasGenaiToken;
 	return f(() => {
 		if (typeof document > "u") return;
 		let t = document.documentElement;
@@ -23789,30 +23792,42 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			borderRadius: O,
 			boxShadow: k ? "0 16px 40px rgba(15, 23, 42, 0.24)" : "none"
 		} },
-		title: /* @__PURE__ */ T(Y, { children: /* @__PURE__ */ E(kl, {
-			gap: "xs",
-			align: "center",
-			wrap: "nowrap",
-			children: [
-				g,
-				/* @__PURE__ */ T(Xd, {
-					size: "xs",
-					c: "dimmed",
-					children: _.customerId ? `#${_.customerId}` : "#-"
-				}),
-				/* @__PURE__ */ T(Xd, {
-					size: "xs",
-					c: _.hasCustomerToken ? "green" : "red",
-					children: _.hasCustomerToken ? "cust✓" : "cust✗"
-				}),
-				/* @__PURE__ */ T(Xd, {
-					size: "xs",
-					c: _.hasGenaiToken ? "green" : "red",
-					children: _.hasGenaiToken ? "genai✓" : "genai✗"
-				})
-			]
-		}) }),
+		title: /* @__PURE__ */ E(Y, { children: [/* @__PURE__ */ T(Xd, {
+			className: db.title,
+			children: g
+		}), /* @__PURE__ */ E(Y, {
+			className: db.headerMeta,
+			children: [/* @__PURE__ */ T(Y, {
+				className: db.statusDot,
+				style: { background: j ? "#22c55e" : "#ef4444" }
+			}), /* @__PURE__ */ E(Xd, {
+				size: "10",
+				c: "dimmed",
+				children: [j ? "Online" : "Offline", " · Billing Intelligence"]
+			})]
+		})] }),
 		children: [
+			/* @__PURE__ */ E(Y, {
+				className: db.topSubHeader,
+				children: [/* @__PURE__ */ T(Xd, {
+					size: "10",
+					fw: 700,
+					c: "white",
+					children: "Exceeder SelfCare agent"
+				}), /* @__PURE__ */ E(kl, {
+					gap: 8,
+					wrap: "nowrap",
+					children: [/* @__PURE__ */ T(Xd, {
+						size: "10",
+						c: _.hasCustomerToken ? "white" : "rgba(255,255,255,0.65)",
+						children: "Billing Dispute"
+					}), /* @__PURE__ */ T(Xd, {
+						size: "10",
+						c: _.hasGenaiToken ? "white" : "rgba(255,255,255,0.65)",
+						children: "Active"
+					})]
+				})]
+			}),
 			/* @__PURE__ */ E(ub.Body, { children: [l && /* @__PURE__ */ T(Xd, {
 				size: "xs",
 				c: "red",
@@ -29136,8 +29151,8 @@ function QF({ ui: e }) {
 		onTextChange: h
 	}), ee = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
-		children: "Agent Chat"
-	}), []), te = async () => {
+		children: e?.drawerTitle ?? e?.fabButtonLabel ?? "Agent Chat"
+	}), [e?.drawerTitle, e?.fabButtonLabel]), te = async () => {
 		n(), await C(), await b();
 	};
 	return /* @__PURE__ */ E(w, { children: [!t && /* @__PURE__ */ T(nk, {