@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

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

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