bstp-agent-widget 0.2.45 → 0.2.47

package/dist/agent-widget.js

@@ -15691,12 +15691,12 @@ 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_nppjj_1",
+	inner: "_inner_nppjj_6",
+	content: "_content_nppjj_12",
+	header: "_header_nppjj_19",
+	body: "_body_nppjj_29",
+	title: "_title_nppjj_34"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -23747,11 +23747,22 @@ 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: f, isVoiceSupported: p, onToggleVoice: m, drawerTitle: h, runtimeInfo: g, scrollViewportRef: _, drawerDraggable: v, drawerResizableWidth: y, drawerResizableHeight: b, drawerBaseWidth: x = 420, topOffset: S = 0 }) {
-	return /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
+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);
+	return f(() => {
+		if (typeof document > "u") return;
+		let t = document.documentElement;
+		if (!e) {
+			t.style.setProperty("--agent-widget-drawer-width", "0px");
+			return;
+		}
+		return t.style.setProperty("--agent-widget-drawer-width", `${A}px`), () => {
+			t.style.setProperty("--agent-widget-drawer-width", "0px");
+		};
+	}, [e, A]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
 		opened: e,
 		onClose: t,
-		size: Math.max(280, x + y.offset),
+		size: A,
 		zIndex: n,
 		withinPortal: r,
 		overlayProps: i ? {
@@ -23772,29 +23783,32 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 			content: db.content
 		},
 		styles: { content: {
-			marginTop: S,
-			height: `calc(100vh - ${S}px)`
+			marginTop: C,
+			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: [
-				h,
+				g,
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
 					c: "dimmed",
-					children: g.customerId ? `#${g.customerId}` : "#-"
+					children: _.customerId ? `#${_.customerId}` : "#-"
 				}),
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
-					c: g.hasCustomerToken ? "green" : "red",
-					children: g.hasCustomerToken ? "cust✓" : "cust✗"
+					c: _.hasCustomerToken ? "green" : "red",
+					children: _.hasCustomerToken ? "cust✓" : "cust✗"
 				}),
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
-					c: g.hasGenaiToken ? "green" : "red",
-					children: g.hasGenaiToken ? "genai✓" : "genai✗"
+					c: _.hasGenaiToken ? "green" : "red",
+					children: _.hasGenaiToken ? "genai✓" : "genai✗"
 				})
 			]
 		}) }),
@@ -23808,7 +23822,7 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 				h: "100%",
 				type: "auto",
 				offsetScrollbars: !0,
-				viewportRef: _,
+				viewportRef: v,
 				children: /* @__PURE__ */ E(zv, {
 					gap: "sm",
 					children: [a.map((e) => /* @__PURE__ */ T(Y, {
@@ -23857,8 +23871,8 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 						composerText: o,
 						onComposerTextChange: s,
 						isLoading: c,
-						isListening: f,
-						isVoiceSupported: p,
+						isListening: p,
+						isVoiceSupported: m,
 						onSubmit: d
 					}), /* @__PURE__ */ E(kl, {
 						gap: 4,
@@ -23869,10 +23883,10 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 							top: "50%",
 							transform: "translateY(-50%)"
 						},
-						children: [p && /* @__PURE__ */ T(qO, {
-							isListening: f,
+						children: [m && /* @__PURE__ */ T(qO, {
+							isListening: p,
 							isLoading: c,
-							onToggleVoice: m
+							onToggleVoice: h
 						}), /* @__PURE__ */ T(yl, {
 							onClick: d,
 							disabled: !u || c,
@@ -23888,26 +23902,26 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, withOverlay: i
 				})
 			}) }),
 			/* @__PURE__ */ T(Y, {
-				onPointerDown: b.handlePointerDown,
+				onPointerDown: x.handlePointerDown,
 				style: {
 					position: "absolute",
 					bottom: 0,
 					left: 0,
 					right: 0,
 					height: "8px",
-					...b.style,
+					...x.style,
 					zIndex: 10
 				}
 			}),
 			/* @__PURE__ */ T(Y, {
-				onPointerDown: y.handlePointerDown,
+				onPointerDown: b.handlePointerDown,
 				style: {
 					position: "absolute",
 					top: 0,
 					bottom: 0,
 					left: 0,
 					width: "8px",
-					...y.style,
+					...b.style,
 					zIndex: 10
 				}
 			})
@@ -29109,59 +29123,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();
+	}), []), 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