bstp-agent-widget 0.2.47 → 0.2.49

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_emg6a_1",
+	inner: "_inner_emg6a_6",
+	content: "_content_emg6a_12",
+	header: "_header_emg6a_20",
+	headerMeta: "_headerMeta_emg6a_32",
+	statusDot: "_statusDot_emg6a_39",
+	topSubHeader: "_topSubHeader_emg6a_46",
+	body: "_body_emg6a_57",
+	title: "_title_emg6a_62"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -23747,8 +23750,8 @@ 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);
+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, drawerHeaderHeight: A = 56 }) {
+	let j = Math.max(280, S + b.offset), M = _.hasCustomerToken && _.hasGenaiToken;
 	return f(() => {
 		if (typeof document > "u") return;
 		let t = document.documentElement;
@@ -23756,13 +23759,13 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			t.style.setProperty("--agent-widget-drawer-width", "0px");
 			return;
 		}
-		return t.style.setProperty("--agent-widget-drawer-width", `${A}px`), () => {
+		return t.style.setProperty("--agent-widget-drawer-width", `${j}px`), () => {
 			t.style.setProperty("--agent-widget-drawer-width", "0px");
 		};
-	}, [e, A]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
+	}, [e, j]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
 		opened: e,
 		onClose: t,
-		size: A,
+		size: j,
 		zIndex: n,
 		withinPortal: r,
 		overlayProps: i ? {
@@ -23787,32 +23790,45 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			marginRight: D,
 			height: `calc(100dvh - ${C}px)`,
 			borderRadius: O,
-			boxShadow: k ? "0 16px 40px rgba(15, 23, 42, 0.24)" : "none"
+			boxShadow: k ? "0 16px 40px rgba(15, 23, 42, 0.24)" : "none",
+			"--agent-widget-drawer-header-height": `${A}px`
 		} },
-		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: M ? "#22c55e" : "#ef4444" }
+			}), /* @__PURE__ */ E(Xd, {
+				size: "10",
+				c: "dimmed",
+				children: [M ? "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",
@@ -29123,33 +29139,33 @@ var XF = 1e4, ZF = {
 };
 function QF({ ui: e }) {
 	YF();
-	let [t, { open: n, close: r }] = mt(!1), i = e?.zIndex ?? XF, a = e?.withinPortal ?? !0, o = e?.withOverlay ?? !0, s = e?.drawerWidth ?? 420, c = e?.topOffset ?? 0, l = e?.drawerRightOffset ?? 0, u = e?.drawerBorderRadius ?? 0, d = e?.drawerShadow ?? !1, f = {
+	let [t, { open: n, close: r }] = mt(!1), i = e?.zIndex ?? XF, a = e?.withinPortal ?? !0, o = e?.withOverlay ?? !0, s = e?.drawerWidth ?? 420, c = e?.topOffset ?? 0, l = e?.drawerRightOffset ?? 0, u = e?.drawerBorderRadius ?? 0, d = e?.drawerShadow ?? !1, f = e?.drawerHeaderHeight ?? 56, p = {
 		bottom: e?.fabBottomOffset ?? ZF.bottom,
 		right: e?.fabRightOffset ?? ZF.right
-	}, { messages: p, composerText: m, setComposerText: h, isLoading: g, error: v, sendMessage: y, sendInitialMessage: b, canSend: x } = zF(), { runtimeInfo: S, refreshRuntimeInfo: C } = BF(), D = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), O = VF({ axis: "y" }), k = VF({
+	}, { messages: m, composerText: h, setComposerText: g, isLoading: v, error: y, sendMessage: b, sendInitialMessage: x, canSend: S } = zF(), { runtimeInfo: C, refreshRuntimeInfo: D } = BF(), O = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), k = VF({ axis: "y" }), A = VF({
 		axis: "x",
 		direction: -1
-	}), A = UF([p.length, g]), { isListening: j, isSupported: M, startListening: N, stopListening: P, reset: F } = WF({
+	}), j = UF([m.length, v]), { isListening: M, isSupported: N, startListening: P, stopListening: F, reset: ee } = WF({
 		lang: GF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: h
-	}), ee = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: g
+	}), te = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
-		children: "Agent Chat"
-	}), []), te = async () => {
-		n(), await C(), await b();
+		children: e?.drawerTitle ?? e?.fabButtonLabel ?? "Agent Chat"
+	}), [e?.drawerTitle, e?.fabButtonLabel]), I = async () => {
+		n(), await D(), await x();
 	};
 	return /* @__PURE__ */ E(w, { children: [!t && /* @__PURE__ */ T(nk, {
-		onClick: () => void te(),
+		onClick: () => void I(),
 		zIndex: i,
-		position: f,
+		position: p,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
 	}), /* @__PURE__ */ T(XO, {
 		opened: t,
 		onClose: () => {
-			j && P(), r();
+			M && F(), r();
 		},
 		zIndex: i,
 		withinPortal: a,
@@ -29159,26 +29175,27 @@ function QF({ ui: e }) {
 		drawerRightOffset: l,
 		drawerBorderRadius: u,
 		drawerShadow: d,
-		messages: p,
-		composerText: m,
-		onComposerTextChange: h,
-		isLoading: g,
-		error: v,
-		canSend: x,
+		drawerHeaderHeight: f,
+		messages: m,
+		composerText: h,
+		onComposerTextChange: g,
+		isLoading: v,
+		error: y,
+		canSend: S,
 		onSubmit: () => {
-			j && P(), F(), y(m);
+			M && F(), ee(), b(h);
 		},
-		isListening: j,
-		isVoiceSupported: M,
+		isListening: M,
+		isVoiceSupported: N,
 		onToggleVoice: () => {
-			j ? P() : (h(""), N());
+			M ? F() : (g(""), P());
 		},
-		drawerTitle: ee,
-		runtimeInfo: S,
-		scrollViewportRef: A,
-		drawerDraggable: D,
-		drawerResizableWidth: k,
-		drawerResizableHeight: O
+		drawerTitle: te,
+		runtimeInfo: C,
+		scrollViewportRef: j,
+		drawerDraggable: O,
+		drawerResizableWidth: A,
+		drawerResizableHeight: k
 	})] });
 }
 //#endregion