bstp-agent-widget 0.2.45 → 0.2.46

package/dist/agent-widget.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 }) {
+	let D = 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", `${D}px`), () => {
+			t.style.setProperty("--agent-widget-drawer-width", "0px");
+		};
+	}, [e, D]), /* @__PURE__ */ T(w, { children: /* @__PURE__ */ E(ub, {
 		opened: e,
 		onClose: t,
-		size: Math.max(280, x + y.offset),
+		size: D,
 		zIndex: n,
 		withinPortal: r,
 		overlayProps: i ? {
@@ -23772,29 +23783,29 @@ 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,
+			height: `calc(100vh - ${C}px)`
 		} },
 		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 +23819,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 +23868,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 +23880,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 +23899,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
 				}
 			})