bstp-agent-widget 0.2.42 → 0.2.44

package/dist/agent-widget.js

@@ -23747,17 +23747,24 @@ function YO({ ...e }) {
 }
 //#endregion
 //#region src/components/AgentChat/AgentChatDrawer.tsx
-function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, composerText: a, onComposerTextChange: o, isLoading: s, error: c, canSend: l, onSubmit: u, isListening: d, isVoiceSupported: f, onToggleVoice: p, drawerTitle: m, runtimeInfo: h, scrollViewportRef: g, drawerDraggable: _, drawerResizableWidth: v, drawerResizableHeight: y, drawerBaseWidth: b = 420, topOffset: x = 0 }) {
+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, {
 		opened: e,
 		onClose: t,
-		size: Math.max(280, b + v.offset),
+		size: Math.max(280, x + y.offset),
 		zIndex: n,
 		withinPortal: r,
-		overlayProps: {
+		overlayProps: i ? {
 			backgroundOpacity: .45,
 			blur: 0,
 			style: { zIndex: Math.max(1, n - 1) }
+		} : {
+			backgroundOpacity: 0,
+			blur: 0,
+			style: {
+				zIndex: Math.max(1, n - 1),
+				pointerEvents: "none"
+			}
 		},
 		classNames: {
 			root: db.root,
@@ -23765,46 +23772,46 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, co
 			content: db.content
 		},
 		styles: { content: {
-			marginTop: x,
-			height: `calc(100vh - ${x}px)`
+			marginTop: S,
+			height: `calc(100vh - ${S}px)`
 		} },
 		title: /* @__PURE__ */ T(Y, { children: /* @__PURE__ */ E(kl, {
 			gap: "xs",
 			align: "center",
 			wrap: "nowrap",
 			children: [
-				m,
+				h,
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
 					c: "dimmed",
-					children: h.customerId ? `#${h.customerId}` : "#-"
+					children: g.customerId ? `#${g.customerId}` : "#-"
 				}),
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
-					c: h.hasCustomerToken ? "green" : "red",
-					children: h.hasCustomerToken ? "cust✓" : "cust✗"
+					c: g.hasCustomerToken ? "green" : "red",
+					children: g.hasCustomerToken ? "cust✓" : "cust✗"
 				}),
 				/* @__PURE__ */ T(Xd, {
 					size: "xs",
-					c: h.hasGenaiToken ? "green" : "red",
-					children: h.hasGenaiToken ? "genai✓" : "genai✗"
+					c: g.hasGenaiToken ? "green" : "red",
+					children: g.hasGenaiToken ? "genai✓" : "genai✗"
 				})
 			]
 		}) }),
 		children: [
-			/* @__PURE__ */ E(ub.Body, { children: [c && /* @__PURE__ */ T(Xd, {
+			/* @__PURE__ */ E(ub.Body, { children: [l && /* @__PURE__ */ T(Xd, {
 				size: "xs",
 				c: "red",
 				mb: "sm",
-				children: c
+				children: l
 			}), /* @__PURE__ */ T(uc, {
 				h: "100%",
 				type: "auto",
 				offsetScrollbars: !0,
-				viewportRef: g,
+				viewportRef: _,
 				children: /* @__PURE__ */ E(zv, {
 					gap: "sm",
-					children: [i.map((e) => /* @__PURE__ */ T(Y, {
+					children: [a.map((e) => /* @__PURE__ */ T(Y, {
 						style: {
 							alignSelf: e.sentBy === "user" ? "flex-end" : "flex-start",
 							maxWidth: "90%",
@@ -23820,7 +23827,7 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, co
 							},
 							children: e.text
 						})
-					}, e.id)), s && /* @__PURE__ */ T(Y, {
+					}, e.id)), c && /* @__PURE__ */ T(Y, {
 						style: {
 							alignSelf: "flex-start",
 							maxWidth: "90%",
@@ -23847,12 +23854,12 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, co
 						width: "100%"
 					},
 					children: [/* @__PURE__ */ T(JO, {
-						composerText: a,
-						onComposerTextChange: o,
-						isLoading: s,
-						isListening: d,
-						isVoiceSupported: f,
-						onSubmit: u
+						composerText: o,
+						onComposerTextChange: s,
+						isLoading: c,
+						isListening: f,
+						isVoiceSupported: p,
+						onSubmit: d
 					}), /* @__PURE__ */ E(kl, {
 						gap: 4,
 						align: "center",
@@ -23862,13 +23869,13 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, co
 							top: "50%",
 							transform: "translateY(-50%)"
 						},
-						children: [f && /* @__PURE__ */ T(qO, {
-							isListening: d,
-							isLoading: s,
-							onToggleVoice: p
+						children: [p && /* @__PURE__ */ T(qO, {
+							isListening: f,
+							isLoading: c,
+							onToggleVoice: m
 						}), /* @__PURE__ */ T(yl, {
-							onClick: u,
-							disabled: !l || s,
+							onClick: d,
+							disabled: !u || c,
 							size: 32,
 							radius: "xl",
 							variant: "filled",
@@ -23881,26 +23888,26 @@ function XO({ opened: e, onClose: t, zIndex: n, withinPortal: r, messages: i, co
 				})
 			}) }),
 			/* @__PURE__ */ T(Y, {
-				onPointerDown: y.handlePointerDown,
+				onPointerDown: b.handlePointerDown,
 				style: {
 					position: "absolute",
 					bottom: 0,
 					left: 0,
 					right: 0,
 					height: "8px",
-					...y.style,
+					...b.style,
 					zIndex: 10
 				}
 			}),
 			/* @__PURE__ */ T(Y, {
-				onPointerDown: v.handlePointerDown,
+				onPointerDown: y.handlePointerDown,
 				style: {
 					position: "absolute",
 					top: 0,
 					bottom: 0,
 					left: 0,
 					width: "8px",
-					...v.style,
+					...y.style,
 					zIndex: 10
 				}
 			})
@@ -29102,58 +29109,59 @@ 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?.drawerWidth ?? 420, s = e?.topOffset ?? 0, c = {
+	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 = {
 		bottom: e?.fabBottomOffset ?? ZF.bottom,
 		right: e?.fabRightOffset ?? ZF.right
-	}, { messages: l, composerText: u, setComposerText: d, isLoading: f, error: p, sendMessage: m, sendInitialMessage: h, canSend: g } = zF(), { runtimeInfo: v, refreshRuntimeInfo: y } = BF(), b = ek({ skipSelector: "button, input, textarea, [role=\"button\"]" }), x = VF({ axis: "y" }), S = VF({
+	}, { 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({
 		axis: "x",
 		direction: -1
-	}), C = UF([l.length, f]), { isListening: D, isSupported: O, startListening: k, stopListening: A, reset: j } = WF({
+	}), D = UF([u.length, p]), { isListening: O, isSupported: k, startListening: A, stopListening: j, reset: M } = WF({
 		lang: GF(),
 		continuous: !0,
 		pauseOnSubmit: !0,
-		onTextChange: d
-	}), M = _(() => /* @__PURE__ */ T(Xd, {
+		onTextChange: f
+	}), N = _(() => /* @__PURE__ */ T(Xd, {
 		fw: 800,
 		children: "Agent Chat"
-	}), []), N = async () => {
-		n(), await y(), await h();
+	}), []), P = async () => {
+		n(), await b(), await g();
 	};
 	return /* @__PURE__ */ E(w, { children: [!t && /* @__PURE__ */ T(nk, {
-		onClick: () => void N(),
+		onClick: () => void P(),
 		zIndex: i,
-		position: c,
+		position: l,
 		color: e?.accentColor,
 		label: e?.fabButtonLabel
 	}), /* @__PURE__ */ T(XO, {
 		opened: t,
 		onClose: () => {
-			D && A(), r();
+			O && j(), r();
 		},
 		zIndex: i,
 		withinPortal: a,
-		topOffset: s,
-		drawerBaseWidth: o,
-		messages: l,
-		composerText: u,
-		onComposerTextChange: d,
-		isLoading: f,
-		error: p,
-		canSend: g,
+		withOverlay: o,
+		topOffset: c,
+		drawerBaseWidth: s,
+		messages: u,
+		composerText: d,
+		onComposerTextChange: f,
+		isLoading: p,
+		error: m,
+		canSend: v,
 		onSubmit: () => {
-			D && A(), j(), m(u);
+			O && j(), M(), h(d);
 		},
-		isListening: D,
-		isVoiceSupported: O,
+		isListening: O,
+		isVoiceSupported: k,
 		onToggleVoice: () => {
-			D ? A() : (d(""), k());
+			O ? j() : (f(""), A());
 		},
-		drawerTitle: M,
-		runtimeInfo: v,
-		scrollViewportRef: C,
-		drawerDraggable: b,
-		drawerResizableWidth: S,
-		drawerResizableHeight: x
+		drawerTitle: N,
+		runtimeInfo: y,
+		scrollViewportRef: D,
+		drawerDraggable: x,
+		drawerResizableWidth: C,
+		drawerResizableHeight: S
 	})] });
 }
 //#endregion