bstp-agent-widget 0.2.46 → 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_n2lga_1",
-	inner: "_inner_n2lga_6",
-	content: "_content_n2lga_12",
-	header: "_header_n2lga_22",
-	body: "_body_n2lga_32",
-	title: "_title_n2lga_37"
+	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
@@ -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 }) {
-	let D = 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 }) {
+	let A = Math.max(280, S + b.offset), j = _.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", `${D}px`), () => {
+		return t.style.setProperty("--agent-widget-drawer-width", `${A}px`), () => {
 			t.style.setProperty("--agent-widget-drawer-width", "0px");
 		};
-	}, [e, D]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
+	}, [e, A]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
 		opened: e,
 		onClose: t,
-		size: D,
+		size: A,
 		zIndex: n,
 		withinPortal: r,
 		overlayProps: i ? {
@@ -23784,32 +23787,47 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 		},
 		styles: { content: {
 			marginTop: C,
-			height: `calc(100vh - ${C}px)`
+			marginRight: D,
+			height: `calc(100dvh - ${C}px)`,
+			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",
@@ -29120,59 +29138,62 @@ 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 = {
+	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 = {
 		bottom: e?.fabBottomOffset ?? ZF.bottom,
 		right: e?.fabRightOffset ?? ZF.right
-	}, { messages: u, composerText: d, setComposerText: f, isLoading: p, error: m, sendMessage: h, sendInitialMessage: g, canSend: v } = zF(), { runtimeInfo: y, refreshRuntimeInfo: b } = BF(), x = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), S = VF({ axis: "y" }), C = VF({
+	}, { 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({
 		axis: "x",
 		direction: -1
-	}), D = UF([u.length, p]), { isListening: O, isSupported: k, startListening: A, stopListening: j, reset: M } = WF({
+	}), A = UF([p.length, g]), { isListening: j, isSupported: M, startListening: N, stopListening: P, reset: F } = WF({
 		lang: GF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: f
-	}), N = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: h
+	}), ee = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
-		children: "Agent Chat"
-	}), []), P = async () => {
-		n(), await b(), await g();
+		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, {
-		onClick: () => void P(),
+		onClick: () => void te(),
 		zIndex: i,
-		position: l,
+		position: f,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
 	}), /* @__PURE__ */ T(XO, {
 		opened: t,
 		onClose: () => {
-			O && j(), r();
+			j && P(), r();
 		},
 		zIndex: i,
 		withinPortal: a,
 		withOverlay: o,
 		topOffset: c,
 		drawerBaseWidth: s,
-		messages: u,
-		composerText: d,
-		onComposerTextChange: f,
-		isLoading: p,
-		error: m,
-		canSend: v,
+		drawerRightOffset: l,
+		drawerBorderRadius: u,
+		drawerShadow: d,
+		messages: p,
+		composerText: m,
+		onComposerTextChange: h,
+		isLoading: g,
+		error: v,
+		canSend: x,
 		onSubmit: () => {
-			O && j(), M(), h(d);
+			j && P(), F(), y(m);
 		},
-		isListening: O,
-		isVoiceSupported: k,
+		isListening: j,
+		isVoiceSupported: M,
 		onToggleVoice: () => {
-			O ? j() : (f(""), A());
+			j ? P() : (h(""), N());
 		},
-		drawerTitle: N,
-		runtimeInfo: y,
-		scrollViewportRef: D,
-		drawerDraggable: x,
-		drawerResizableWidth: C,
-		drawerResizableHeight: S
+		drawerTitle: ee,
+		runtimeInfo: S,
+		scrollViewportRef: A,
+		drawerDraggable: D,
+		drawerResizableWidth: k,
+		drawerResizableHeight: O
 	})] });
 }
 //#endregion