bstp-agent-widget 0.2.90 → 0.2.92

package/dist/agent-widget.js

@@ -15638,25 +15638,25 @@ var sb = {
 	root: "_root_gud67_1",
 	resizeHandle: "_resizeHandle_gud67_13"
 }, cb = {
-	header: "_header_1w6rh_19",
-	headerLeft: "_headerLeft_1w6rh_30",
-	headerInfo: "_headerInfo_1w6rh_36",
-	orbContainer: "_orbContainer_1w6rh_43",
-	orbOuter: "_orbOuter_1w6rh_53",
-	orbPulse: "_orbPulse_1w6rh_1",
-	orbMiddle: "_orbMiddle_1w6rh_62",
-	orbInner: "_orbInner_1w6rh_71",
-	orbFloat: "_orbFloat_1w6rh_1",
-	headerMeta: "_headerMeta_1w6rh_83",
-	statusDot: "_statusDot_1w6rh_89",
-	statusText: "_statusText_1w6rh_103",
-	closeButton: "_closeButton_1w6rh_111",
-	title: "_title_1w6rh_115",
-	topSubHeader: "_topSubHeader_1w6rh_124",
-	subHeaderLeft: "_subHeaderLeft_1w6rh_134",
-	subHeaderIcon: "_subHeaderIcon_1w6rh_140",
-	subHeaderTitle: "_subHeaderTitle_1w6rh_151",
-	subHeaderStatus: "_subHeaderStatus_1w6rh_157"
+	header: "_header_1q9jc_32",
+	headerLeft: "_headerLeft_1q9jc_43",
+	headerInfo: "_headerInfo_1q9jc_49",
+	orbContainer: "_orbContainer_1q9jc_56",
+	orbOuter: "_orbOuter_1q9jc_66",
+	orbPulse: "_orbPulse_1q9jc_1",
+	orbMiddle: "_orbMiddle_1q9jc_75",
+	orbInner: "_orbInner_1q9jc_84",
+	orbFloat: "_orbFloat_1q9jc_1",
+	headerMeta: "_headerMeta_1q9jc_96",
+	statusDot: "_statusDot_1q9jc_102",
+	statusText: "_statusText_1q9jc_116",
+	closeButton: "_closeButton_1q9jc_124",
+	title: "_title_1q9jc_128",
+	topSubHeader: "_topSubHeader_1q9jc_137",
+	subHeaderLeft: "_subHeaderLeft_1q9jc_147",
+	subHeaderIcon: "_subHeaderIcon_1q9jc_153",
+	subHeaderTitle: "_subHeaderTitle_1q9jc_164",
+	subHeaderStatus: "_subHeaderStatus_1q9jc_170"
 };
 //#endregion
 //#region src/icons/IconAgentOrb.tsx
@@ -20368,6 +20368,7 @@ function $w(e, t) {
 var eT = {
 	"brand-dark-blue": Hw,
 	"brand-orange": Uw,
+	accent: Uw,
 	blue: Ww,
 	orange: Gw,
 	red: Kw,
@@ -20656,12 +20657,12 @@ function wT({ panelTitle: e, isLoading: t, isOnline: n, onClose: r }) {
 	});
 }
 var TT = {
-	body: "_body_1bxhf_1",
-	messageBubble: "_messageBubble_1bxhf_9",
-	messageBubbleUser: "_messageBubbleUser_1bxhf_15",
-	messageBubbleAssistant: "_messageBubbleAssistant_1bxhf_20",
-	userText: "_userText_1bxhf_26",
-	messageList: "_messageList_1bxhf_32"
+	body: "_body_1cocr_1",
+	messageBubble: "_messageBubble_1cocr_9",
+	messageBubbleUser: "_messageBubbleUser_1cocr_15",
+	userText: "_userText_1cocr_20",
+	messageBubbleAssistant: "_messageBubbleAssistant_1cocr_27",
+	messageList: "_messageList_1cocr_33"
 };
 //#endregion
 //#region node_modules/marked/lib/marked.esm.js
@@ -28403,10 +28404,10 @@ function AP(e = {}) {
 	};
 }
 var jP = {
-	root: "_root_1vfzh_1",
-	button: "_button_1vfzh_5",
-	icon: "_icon_1vfzh_22",
-	label: "_label_1vfzh_28"
+	root: "_root_zqs5y_1",
+	button: "_button_zqs5y_5",
+	icon: "_icon_zqs5y_22",
+	label: "_label_zqs5y_28"
 };
 //#endregion
 //#region src/components/AgentChat/AgentChatFab/AgentChatFab.tsx
@@ -28421,7 +28422,7 @@ function MP({ onClick: e, zIndex: t, position: n, label: r }) {
 		l,
 		s,
 		t
-	]);
+	]), d = _(() => ({ cursor: c ?? "pointer" }), [c]);
 	return /* @__PURE__ */ T("div", {
 		className: jP.root,
 		style: u,
@@ -28431,7 +28432,7 @@ function MP({ onClick: e, zIndex: t, position: n, label: r }) {
 			children: /* @__PURE__ */ E(hc, {
 				onClick: e,
 				onPointerDown: a,
-				style: { cursor: c ?? "pointer" },
+				style: d,
 				className: jP.button,
 				"aria-label": "Open agent widget",
 				children: [/* @__PURE__ */ T("span", {
@@ -33971,7 +33972,8 @@ function YV(e) {
 		zIndex: a,
 		fabPosition: o,
 		fabButtonLabel: e?.fabButtonLabel,
-		panelTitle: s
+		panelTitle: s,
+		accentColor: e?.accentColor
 	};
 }
 //#endregion
@@ -34175,17 +34177,30 @@ function rH({ config: e, children: t }) {
 	});
 }
 //#endregion
-//#region src/lib/agent-widget.tsx
+//#region src/utils/color-utils.ts
 function iH(e) {
 	let t = 0, n = 0, r = 0;
 	if (e.startsWith("rgb")) {
 		let i = e.match(/\d+/g);
-		i && ([t, n, r] = i.map(Number));
+		i && i.length >= 3 && ([t, n, r] = i.slice(0, 3).map(Number));
 	} else if (e.startsWith("#")) {
 		let i = e.slice(1);
 		i.length === 3 ? (t = parseInt(i[0] + i[0], 16), n = parseInt(i[1] + i[1], 16), r = parseInt(i[2] + i[2], 16)) : i.length === 6 && (t = parseInt(i.slice(0, 2), 16), n = parseInt(i.slice(2, 4), 16), r = parseInt(i.slice(4, 6), 16));
 	}
+	return t = Math.max(0, Math.min(255, t)), n = Math.max(0, Math.min(255, n)), r = Math.max(0, Math.min(255, r)), {
+		r: t,
+		g: n,
+		b: r
+	};
+}
+function aH(e, t) {
+	let { r: n, g: r, b: i } = iH(e), a = t / 100;
+	return `rgb(${Math.min(255, n + (255 - n) * a)}, ${Math.min(255, r + (255 - r) * a)}, ${Math.min(255, i + (255 - i) * a)})`;
+}
+function oH(e) {
+	let { r: t, g: n, b: r } = iH(e);
 	return [
+		`rgb(${t + 50}, ${n + 50}, ${r + 50})`,
 		`rgb(${t + 40}, ${n + 40}, ${r + 40})`,
 		`rgb(${t + 30}, ${n + 30}, ${r + 30})`,
 		`rgb(${t + 20}, ${n + 20}, ${r + 20})`,
@@ -34198,14 +34213,37 @@ function iH(e) {
 		`rgb(${t - 50}, ${n - 50}, ${r - 50})`
 	];
 }
-function aH({ config: e, runtime: t, theme: n }) {
+//#endregion
+//#region src/hooks/useAccentColor.ts
+function sH(e) {
+	let t = _(() => {
+		if (e) try {
+			let t = oH(e);
+			if (t && t.length === 11) return nT({
+				colors: { accent: t },
+				primaryColor: "accent"
+			});
+		} catch (e) {
+			console.error("Failed to create theme with accent color:", e);
+		}
+		return rT;
+	}, [e]);
+	return f(() => {
+		try {
+			let t = document.documentElement, n = e || "#35355F", r = aH(n, 10), i = aH(n, 30);
+			t.style.setProperty("--agent-accent-color", n), t.style.setProperty("--agent-accent-color-light", aH(n, 20)), t.style.setProperty("--agent-accent-bg", r), t.style.setProperty("--agent-accent-bg-light", i), t.style.setProperty("--agent-accent-border", n), t.style.setProperty("--agent-accent-text", "#ffffff"), t.style.setProperty("--agent-accent-text-muted", "rgba(255, 255, 255, 0.8)");
+		} catch (e) {
+			console.error("Failed to set accent color CSS properties:", e);
+		}
+	}, [e]), t;
+}
+//#endregion
+//#region src/lib/agent-widget.tsx
+function cH({ config: e, runtime: t, theme: n }) {
 	return pI.locale || pI.activate("en"), /* @__PURE__ */ T(HO, {
 		i18n: pI,
 		children: /* @__PURE__ */ T(Gn, {
-			theme: _(() => n?.accentColor ? nT({
-				colors: { accent: iH(n.accentColor) },
-				primaryColor: "accent"
-			}) : rT, [n?.accentColor]),
+			theme: sH(n?.accentColor),
 			defaultColorScheme: "auto",
 			children: /* @__PURE__ */ T(qL, {
 				client: pV,
@@ -34213,7 +34251,7 @@ function aH({ config: e, runtime: t, theme: n }) {
 					config: e,
 					children: /* @__PURE__ */ T(nH, {
 						runtime: t,
-						children: /* @__PURE__ */ T(tH, { ui: n })
+						children: /* @__PURE__ */ T(tH, { ...n ?? {} })
 					})
 				})
 			})
@@ -34222,7 +34260,7 @@ function aH({ config: e, runtime: t, theme: n }) {
 }
 //#endregion
 //#region src/lib/config.service.ts
-var oH = {
+var lH = {
 	url: {
 		app: "http://localhost:4201",
 		api: "https://cognitus-etiyacell.etiyacloud.com",
@@ -34269,8 +34307,8 @@ var oH = {
 		}
 	}
 };
-function sH(e) {
-	let t = oH.genai?.init;
+function uH(e) {
+	let t = lH.genai?.init;
 	return !t || e.genai?.init ? e : {
 		...e,
 		genai: {
@@ -34279,33 +34317,33 @@ function sH(e) {
 		}
 	};
 }
-async function cH(e) {
+async function dH(e) {
 	let t = `${(globalThis.__BASE_URL__ ?? "").replace(/\/$/, "")}/environment.json`, n = e ?? t;
 	try {
 		let e = await fetch(n);
-		return e.ok ? sH(await e.json()) : oH;
+		return e.ok ? uH(await e.json()) : lH;
 	} catch {
-		return oH;
+		return lH;
 	}
 }
 //#endregion
 //#region src/lib/mount-widget.tsx
-var lH = /* @__PURE__ */ new WeakMap();
-async function uH(e, t, n) {
+var fH = /* @__PURE__ */ new WeakMap();
+async function pH(e, t, n) {
 	try {
-		bV(await cH(n?.environmentUrl));
+		bV(await dH(n?.environmentUrl));
 	} catch (e) {
 		throw console.error("Failed to initialize agent widget rest services:", e), e;
 	}
-	let r = lH.get(e);
+	let r = fH.get(e);
 	r && r.unmount();
 	let i = D(e);
-	return i.render(/* @__PURE__ */ T(aH, { ...t })), lH.set(e, i), () => {
-		let t = lH.get(e);
-		t && (t.unmount(), lH.delete(e));
+	return i.render(/* @__PURE__ */ T(cH, { ...t })), fH.set(e, i), () => {
+		let t = fH.get(e);
+		t && (t.unmount(), fH.delete(e));
 	};
 }
-function dH(e) {
+function mH(e) {
 	let t = e.genai?.config;
 	if (!t?.assistantId) throw Error("GenAI config is missing in environment.json.");
 	return {
@@ -34313,24 +34351,24 @@ function dH(e) {
 		agents: t.agents
 	};
 }
-function fH(e, t) {
+function hH(e, t) {
 	return t ? {
 		assistantId: t.assistantId ?? e.assistantId,
 		agents: t.agents ?? e.agents
 	} : e;
 }
-function pH(e, t) {
+function gH(e, t) {
 	return t ? (e.genai ||= {}, e.genai.config || (e.genai.config = {}), typeof t.assistantId == "number" && (e.genai.config.assistantId = t.assistantId), t.agents && (e.genai.config.agents = t.agents), e) : e;
 }
-async function mH(e, t) {
-	let n = pH(await cH(t.environmentUrl), t.config);
-	return bV(n), uH(e, {
-		config: fH(dH(n), t.config),
+async function _H(e, t) {
+	let n = gH(await dH(t.environmentUrl), t.config);
+	return bV(n), pH(e, {
+		config: hH(mH(n), t.config),
 		runtime: t.runtime,
 		theme: t.theme
 	});
 }
 //#endregion
-export { aH as AgentChatWidget, uH as mountAgentChatWidget, mH as mountAgentChatWidgetFromEnvironment };
+export { cH as AgentChatWidget, pH as mountAgentChatWidget, _H as mountAgentChatWidgetFromEnvironment };
 
 //# sourceMappingURL=agent-widget.js.map