@burdenoff/microfe-bigconsole 2026.1010.12 → 2026.1012.1

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js

@@ -1,259 +1,259 @@
-import e, { memo as t, useCallback as n, useMemo as r } from "react";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { openExternalUrl as e, toSafeHref as t } from "../../utils/safeUrl.js";
+import n, { memo as r, useCallback as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/renderers/adapters/BlockKitRenderer.tsx
-function s(t) {
-	if (!t) return null;
-	if (typeof t == "string") return t;
-	if (t.type === "mrkdwn") {
-		let n = t.text || "", r = [], i = n, o = 0;
+var l = { allowMailto: !0 };
+function u(e, r, i) {
+	let a = t(r, l);
+	return a ? /* @__PURE__ */ o("a", {
+		href: a,
+		className: "text-blue-600 dark:text-blue-400 underline",
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: i
+	}, e) : /* @__PURE__ */ o(n.Fragment, { children: i }, e);
+}
+function d(e) {
+	if (!e) return null;
+	if (typeof e == "string") return e;
+	if (e.type === "mrkdwn") {
+		let t = e.text || "", r = [], i = t, a = 0;
 		for (; i.length > 0;) {
-			let t = i.match(/^\*([^*]+)\*/);
-			if (t) {
-				r.push(/* @__PURE__ */ a("strong", { children: t[1] }, o++)), i = i.slice(t[0].length);
+			let e = i.match(/^\*([^*]+)\*/);
+			if (e) {
+				r.push(/* @__PURE__ */ o("strong", { children: e[1] }, a++)), i = i.slice(e[0].length);
 				continue;
 			}
-			let n = i.match(/^_([^_]+)_/);
-			if (n) {
-				r.push(/* @__PURE__ */ a("em", { children: n[1] }, o++)), i = i.slice(n[0].length);
+			let t = i.match(/^_([^_]+)_/);
+			if (t) {
+				r.push(/* @__PURE__ */ o("em", { children: t[1] }, a++)), i = i.slice(t[0].length);
 				continue;
 			}
 			let s = i.match(/^~([^~]+)~/);
 			if (s) {
-				r.push(/* @__PURE__ */ a("del", { children: s[1] }, o++)), i = i.slice(s[0].length);
+				r.push(/* @__PURE__ */ o("del", { children: s[1] }, a++)), i = i.slice(s[0].length);
 				continue;
 			}
 			let c = i.match(/^`([^`]+)`/);
 			if (c) {
-				r.push(/* @__PURE__ */ a("code", {
+				r.push(/* @__PURE__ */ o("code", {
 					className: "bg-bg-sunken px-1 rounded text-sm",
 					children: c[1]
-				}, o++)), i = i.slice(c[0].length);
+				}, a++)), i = i.slice(c[0].length);
 				continue;
 			}
 			let l = i.match(/^<([^|>]+)\|([^>]+)>/);
 			if (l) {
-				r.push(/* @__PURE__ */ a("a", {
-					href: l[1],
-					className: "text-blue-600 dark:text-blue-400 underline",
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: l[2]
-				}, o++)), i = i.slice(l[0].length);
+				r.push(u(a++, l[1], l[2])), i = i.slice(l[0].length);
 				continue;
 			}
-			let u = i.match(/^<([^|>]+)>/);
-			if (u) {
-				r.push(/* @__PURE__ */ a("a", {
-					href: u[1],
-					className: "text-blue-600 dark:text-blue-400 underline",
-					target: "_blank",
-					rel: "noopener noreferrer",
-					children: u[1]
-				}, o++)), i = i.slice(u[0].length);
+			let d = i.match(/^<([^|>]+)>/);
+			if (d) {
+				r.push(u(a++, d[1], d[1])), i = i.slice(d[0].length);
 				continue;
 			}
-			let d = i.match(/^[^*_~`<]+/);
-			if (d) {
-				r.push(/* @__PURE__ */ a(e.Fragment, { children: d[0] }, o++)), i = i.slice(d[0].length);
+			let f = i.match(/^[^*_~`<]+/);
+			if (f) {
+				r.push(/* @__PURE__ */ o(n.Fragment, { children: f[0] }, a++)), i = i.slice(f[0].length);
 				continue;
 			}
-			r.push(/* @__PURE__ */ a(e.Fragment, { children: i[0] }, o++)), i = i.slice(1);
+			r.push(/* @__PURE__ */ o(n.Fragment, { children: i[0] }, a++)), i = i.slice(1);
 		}
-		return /* @__PURE__ */ a("span", { children: r });
+		return /* @__PURE__ */ o("span", { children: r });
 	}
-	return t.text;
+	return e.text;
 }
-function c(e) {
+function f(e) {
 	switch (e) {
 		case "primary": return "bg-status-success-bg hover:bg-status-success-bg/90 text-white transition-colors";
 		case "danger": return "bg-status-error-bg hover:bg-status-error-bg/90 text-white transition-colors";
 		default: return "bg-bg-sunken hover:bg-bg-sunken/80 text-primary transition-colors";
 	}
 }
-function l(e, t) {
+function p(e, t) {
 	if (e == null) return e;
 	if (typeof e == "string") return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let r = u(t, n.trim());
+		let r = m(t, n.trim());
 		return r === void 0 ? "" : String(r);
 	});
-	if (Array.isArray(e)) return e.map((e) => l(e, t));
+	if (Array.isArray(e)) return e.map((e) => p(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = l(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = p(i, t);
 		return n;
 	}
 	return e;
 }
-function u(e, t) {
+function m(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) if (r && typeof r == "object" && e in r) r = r[e];
 	else return;
 	return r;
 }
-var d = t(function({ block: e, index: t, onAction: n }) {
+var h = r(function({ block: e, index: t, onAction: n }) {
 	switch (e.type) {
-		case "header": return /* @__PURE__ */ a("div", {
+		case "header": return /* @__PURE__ */ o("div", {
 			className: "py-2",
-			children: /* @__PURE__ */ a("h2", {
+			children: /* @__PURE__ */ o("h2", {
 				className: "text-lg font-bold text-primary",
-				children: s(e.text)
+				children: d(e.text)
 			})
 		});
-		case "section": return /* @__PURE__ */ o("div", {
+		case "section": return /* @__PURE__ */ s("div", {
 			className: "py-2 flex items-start gap-4",
-			children: [/* @__PURE__ */ o("div", {
+			children: [/* @__PURE__ */ s("div", {
 				className: "flex-1",
-				children: [e.text && /* @__PURE__ */ a("p", {
+				children: [e.text && /* @__PURE__ */ o("p", {
 					className: "text-primary",
-					children: s(e.text)
-				}), e.fields && e.fields.length > 0 && /* @__PURE__ */ a("div", {
+					children: d(e.text)
+				}), e.fields && e.fields.length > 0 && /* @__PURE__ */ o("div", {
 					className: "grid grid-cols-2 gap-2 mt-2",
-					children: e.fields.map((e, t) => /* @__PURE__ */ a("div", {
+					children: e.fields.map((e, t) => /* @__PURE__ */ o("div", {
 						className: "text-sm",
-						children: s(e)
+						children: d(e)
 					}, t))
 				})]
-			}), e.accessory && /* @__PURE__ */ a("div", {
+			}), e.accessory && /* @__PURE__ */ o("div", {
 				className: "flex-shrink-0",
-				children: /* @__PURE__ */ a(f, {
+				children: /* @__PURE__ */ o(g, {
 					accessory: e.accessory,
 					onAction: n
 				})
 			})]
 		});
-		case "divider": return /* @__PURE__ */ a("hr", { className: "my-2 border-default" });
-		case "image": return /* @__PURE__ */ o("div", {
+		case "divider": return /* @__PURE__ */ o("hr", { className: "my-2 border-default" });
+		case "image": return /* @__PURE__ */ s("div", {
 			className: "py-2",
-			children: [e.title && /* @__PURE__ */ a("p", {
+			children: [e.title && /* @__PURE__ */ o("p", {
 				className: "text-sm text-secondary mb-1",
-				children: s(e.title)
-			}), /* @__PURE__ */ a("img", {
+				children: d(e.title)
+			}), /* @__PURE__ */ o("img", {
 				src: e.image_url,
 				alt: e.alt_text || "",
 				className: "max-w-full h-auto rounded"
 			})]
 		});
-		case "context": return /* @__PURE__ */ a("div", {
+		case "context": return /* @__PURE__ */ o("div", {
 			className: "py-1 flex items-center gap-2 flex-wrap text-sm text-secondary",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ a("span", { children: e.type === "image" ? /* @__PURE__ */ a("img", {
+			children: e.elements?.map((e, t) => /* @__PURE__ */ o("span", { children: e.type === "image" ? /* @__PURE__ */ o("img", {
 				src: e.image_url,
 				alt: e.alt_text || "",
 				className: "w-5 h-5 rounded inline-block"
-			}) : s(e.text) }, t))
+			}) : d(e.text) }, t))
 		});
-		case "actions": return /* @__PURE__ */ a("div", {
+		case "actions": return /* @__PURE__ */ o("div", {
 			className: "py-2 flex gap-2 flex-wrap",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ a(p, {
+			children: e.elements?.map((e, t) => /* @__PURE__ */ o(_, {
 				element: e,
 				onAction: n
 			}, t))
 		});
-		case "input": return /* @__PURE__ */ o("div", {
+		case "input": return /* @__PURE__ */ s("div", {
 			className: "py-2",
-			children: [e.label ? /* @__PURE__ */ a("label", {
+			children: [e.label ? /* @__PURE__ */ o("label", {
 				className: "block text-sm font-medium text-secondary mb-1",
-				children: s(e.label)
-			}) : null, /* @__PURE__ */ a("input", {
+				children: d(e.label)
+			}) : null, /* @__PURE__ */ o("input", {
 				type: "text",
 				className: "w-full px-3 py-2 border border-default rounded-md bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
 				placeholder: (() => {
 					let t = e.element;
-					return t?.placeholder ? s(t.placeholder) : "";
+					return t?.placeholder ? d(t.placeholder) : "";
 				})()
 			})]
 		});
-		case "rich_text": return /* @__PURE__ */ a("div", {
+		case "rich_text": return /* @__PURE__ */ o("div", {
 			className: "py-2 text-primary",
-			children: e.elements?.map((e, t) => /* @__PURE__ */ a("span", { children: s(e.text) }, t))
+			children: e.elements?.map((e, t) => /* @__PURE__ */ o("span", { children: d(e.text) }, t))
 		});
 		default: return null;
 	}
-}), f = t(function({ accessory: e, onAction: t }) {
+}), g = r(function({ accessory: e, onAction: t }) {
 	switch (e.type) {
-		case "image": return /* @__PURE__ */ a("img", {
+		case "image": return /* @__PURE__ */ o("img", {
 			src: e.image_url,
 			alt: e.alt_text || "",
 			className: "w-12 h-12 rounded object-cover"
 		});
-		case "button": return /* @__PURE__ */ a("button", {
+		case "button": return /* @__PURE__ */ o("button", {
 			type: "button",
 			onClick: () => t?.(e.action_id || "", e.value),
-			className: `px-3 py-1.5 text-sm font-medium rounded ${c(e.style)}`,
-			children: s(e.text)
+			className: `px-3 py-1.5 text-sm font-medium rounded ${f(e.style)}`,
+			children: d(e.text)
 		});
-		case "overflow": return /* @__PURE__ */ a("button", {
+		case "overflow": return /* @__PURE__ */ o("button", {
 			type: "button",
 			className: "p-1 text-secondary hover:text-primary transition-colors",
-			children: /* @__PURE__ */ a("svg", {
+			children: /* @__PURE__ */ o("svg", {
 				className: "w-5 h-5",
 				fill: "currentColor",
 				viewBox: "0 0 20 20",
-				children: /* @__PURE__ */ a("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
+				children: /* @__PURE__ */ o("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
 			})
 		});
 		default: return null;
 	}
-}), p = t(function({ element: e, onAction: t }) {
-	let r = n(() => {
-		e.action_id && t?.(e.action_id, e.value), e.url && window.open(e.url, "_blank");
-	}, [e, t]);
-	switch (e.type) {
-		case "button": return /* @__PURE__ */ a("button", {
+}), _ = r(function({ element: t, onAction: n }) {
+	let r = i(() => {
+		t.action_id && n?.(t.action_id, t.value), t.url && e(t.url);
+	}, [t, n]);
+	switch (t.type) {
+		case "button": return /* @__PURE__ */ o("button", {
 			type: "button",
 			onClick: r,
-			className: `px-4 py-2 text-sm font-medium rounded ${c(e.style)}`,
-			children: s(e.text)
+			className: `px-4 py-2 text-sm font-medium rounded ${f(t.style)}`,
+			children: d(t.text)
 		});
-		case "static_select": return /* @__PURE__ */ o("select", {
+		case "static_select": return /* @__PURE__ */ s("select", {
 			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
-			onChange: (n) => t?.(e.action_id || "", n.target.value),
-			children: [e.placeholder ? /* @__PURE__ */ a("option", {
+			onChange: (e) => n?.(t.action_id || "", e.target.value),
+			children: [t.placeholder ? /* @__PURE__ */ o("option", {
 				value: "",
-				children: s(e.placeholder)
-			}) : null, e.options?.map((e, t) => /* @__PURE__ */ a("option", {
+				children: d(t.placeholder)
+			}) : null, t.options?.map((e, t) => /* @__PURE__ */ o("option", {
 				value: e.value,
-				children: s(e.text)
+				children: d(e.text)
 			}, t))]
 		});
-		case "datepicker": return /* @__PURE__ */ a("input", {
+		case "datepicker": return /* @__PURE__ */ o("input", {
 			type: "date",
 			className: "px-3 py-2 text-sm border border-default rounded bg-surface text-primary transition-colors focus:ring-2 focus:ring-primary/20",
-			onChange: (n) => t?.(e.action_id || "", n.target.value)
+			onChange: (e) => n?.(t.action_id || "", e.target.value)
 		});
-		case "checkboxes": return /* @__PURE__ */ a("div", {
+		case "checkboxes": return /* @__PURE__ */ o("div", {
 			className: "space-y-1",
-			children: e.options?.map((n, r) => /* @__PURE__ */ o("label", {
+			children: t.options?.map((e, r) => /* @__PURE__ */ s("label", {
 				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ a("input", {
+				children: [/* @__PURE__ */ o("input", {
 					type: "checkbox",
 					className: "rounded border-default transition-colors",
-					onChange: (r) => t?.(e.action_id || "", n.value, { checked: r.target.checked })
-				}), s(n.text)]
+					onChange: (r) => n?.(t.action_id || "", e.value, { checked: r.target.checked })
+				}), d(e.text)]
 			}, r))
 		});
-		case "radio_buttons": return /* @__PURE__ */ a("div", {
+		case "radio_buttons": return /* @__PURE__ */ o("div", {
 			className: "space-y-1",
-			children: e.options?.map((n, r) => /* @__PURE__ */ o("label", {
+			children: t.options?.map((e, r) => /* @__PURE__ */ s("label", {
 				className: "flex items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ a("input", {
+				children: [/* @__PURE__ */ o("input", {
 					type: "radio",
-					name: e.action_id,
+					name: t.action_id,
 					className: "border-default transition-colors",
-					onChange: () => t?.(e.action_id || "", n.value)
-				}), s(n.text)]
+					onChange: () => n?.(t.action_id || "", e.value)
+				}), d(e.text)]
 			}, r))
 		});
 		default: return null;
 	}
 });
-function m(e) {
+function v(e) {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) if (r != null) if (Array.isArray(r)) t.push({
 		type: "header",
 		text: {
 			type: "plain_text",
-			text: h(n),
+			text: y(n),
 			emoji: !0
 		}
 	}), r.forEach((e, n) => {
@@ -261,7 +261,7 @@ function m(e) {
 			let n = [];
 			for (let [t, r] of Object.entries(e)) r != null && n.push({
 				type: "mrkdwn",
-				text: `*${h(t)}:*\n${g(r)}`
+				text: `*${y(t)}:*\n${b(r)}`
 			});
 			n.length > 0 && t.push({
 				type: "section",
@@ -271,7 +271,7 @@ function m(e) {
 			type: "section",
 			text: {
 				type: "mrkdwn",
-				text: `${n + 1}. ${g(e)}`
+				text: `${n + 1}. ${b(e)}`
 			}
 		});
 		n < r.length - 1 && t.push({ type: "divider" });
@@ -281,14 +281,14 @@ function m(e) {
 			type: "header",
 			text: {
 				type: "plain_text",
-				text: h(n),
+				text: y(n),
 				emoji: !0
 			}
 		});
 		let e = [];
 		for (let [t, n] of Object.entries(r)) n != null && e.push({
 			type: "mrkdwn",
-			text: `*${h(t)}:*\n${g(n)}`
+			text: `*${y(t)}:*\n${b(n)}`
 		});
 		e.length > 0 && t.push({
 			type: "section",
@@ -298,86 +298,86 @@ function m(e) {
 		type: "section",
 		text: {
 			type: "mrkdwn",
-			text: `*${h(n)}:* ${g(r)}`
+			text: `*${y(n)}:* ${b(r)}`
 		}
 	});
 	return t;
 }
-function h(e) {
+function y(e) {
 	return e.replace(/_/g, " ").replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()).trim();
 }
-function g(e) {
+function b(e) {
 	return e == null ? "-" : typeof e == "boolean" ? e ? "Yes" : "No" : typeof e == "object" ? JSON.stringify(e) : String(e);
 }
-var _ = t(function({ widget: e, data: t, template: s, isLoading: c, error: u, onDrilldown: f, onAction: p }) {
-	let { t: h } = i(), g = r(() => {
-		if (s && "blocks" in s) return l(s, t);
+var x = r(function({ widget: e, data: t, template: n, isLoading: r, error: l, onDrilldown: u, onAction: d }) {
+	let { t: f } = c(), m = a(() => {
+		if (n && "blocks" in n) return p(n, t);
 		if (t && "blocks" in t) return t;
 		if (t && Object.keys(t).length > 0) {
-			let e = m(t);
+			let e = v(t);
 			if (e.length > 0) return { blocks: e };
 		}
-		if (s) {
-			let e = l(s, t);
+		if (n) {
+			let e = p(n, t);
 			if (e?.blocks?.length) return e;
 		}
 		return null;
-	}, [s, t]), _ = n((e, t, n) => {
-		p && p(e, {
+	}, [n, t]), g = i((e, t, n) => {
+		d && d(e, {
 			value: t,
 			...n
 		});
-	}, [p]);
-	return c ? /* @__PURE__ */ a("div", {
+	}, [d]);
+	return r ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "animate-pulse space-y-2 w-full",
 			children: [
-				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
+				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
+				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
+				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
 			]
 		})
-	}) : u ? /* @__PURE__ */ a("div", {
+	}) : l ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4 text-red-600 dark:text-red-400",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ a("p", {
+			children: [/* @__PURE__ */ o("p", {
 				className: "font-medium",
-				children: h("bigconsole.widget.renderer.blockKit.errorRendering", "Error rendering blocks")
-			}), /* @__PURE__ */ a("p", {
+				children: f("bigconsole.widget.renderer.blockKit.errorRendering", "Error rendering blocks")
+			}), /* @__PURE__ */ o("p", {
 				className: "text-sm mt-1",
-				children: u
+				children: l
 			})]
 		})
-	}) : g?.blocks?.length ? /* @__PURE__ */ o("div", {
+	}) : m?.blocks?.length ? /* @__PURE__ */ s("div", {
 		className: "flex flex-col h-full p-4 bg-surface",
-		children: [g.blocks.map((e, t) => /* @__PURE__ */ a(d, {
+		children: [m.blocks.map((e, t) => /* @__PURE__ */ o(h, {
 			block: e,
 			index: t,
-			onAction: _
-		}, t)), g.attachments?.map((e, t) => /* @__PURE__ */ o("div", {
+			onAction: g
+		}, t)), m.attachments?.map((e, t) => /* @__PURE__ */ s("div", {
 			className: "mt-4 border-l-4 pl-3",
 			style: { borderLeftColor: e.color || "var(--color-border)" },
-			children: [e.blocks?.map((e, t) => /* @__PURE__ */ a(d, {
+			children: [e.blocks?.map((e, t) => /* @__PURE__ */ o(h, {
 				block: e,
 				index: t,
-				onAction: _
-			}, t)), e.fallback && !e.blocks && /* @__PURE__ */ a("p", {
+				onAction: g
+			}, t)), e.fallback && !e.blocks && /* @__PURE__ */ o("p", {
 				className: "text-sm text-secondary",
 				children: e.fallback
 			})]
 		}, `attachment-${t}`))]
-	}) : /* @__PURE__ */ a("div", {
+	}) : /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4 text-secondary animate-in fade-in duration-200",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ a("p", { children: h("bigconsole.widget.renderer.blockKit.noContent", "No content to display") }), /* @__PURE__ */ a("p", {
+			children: [/* @__PURE__ */ o("p", { children: f("bigconsole.widget.renderer.blockKit.noContent", "No content to display") }), /* @__PURE__ */ o("p", {
 				className: "text-sm mt-1",
-				children: h("bigconsole.widget.renderer.blockKit.configureBlocks", "Configure blocks or provide data")
+				children: f("bigconsole.widget.renderer.blockKit.configureBlocks", "Configure blocks or provide data")
 			})]
 		})
 	});
 });
 //#endregion
-export { _ as default };
+export { x as default };