@selectwin/kit 0.1.196 → 0.1.198

package/dist/SelectInsight.js

@@ -0,0 +1,777 @@
+/* empty css           */
+import { ArrowRightIcon as e, ChevronRightIcon as t, InfoIcon as n, LockIcon as r } from "./icons.js";
+import { SelectBadge as i } from "./SelectBadge.js";
+import { safeHref as a } from "./internal/safeHref.js";
+import { SelectTable as o, SelectTableCell as s, SelectTableRow as c } from "./SelectTable.js";
+import { SelectCollapsible as l } from "./SelectCollapsible.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/SelectInsight.tsx
+var p = {
+	"pt-BR": {
+		severity: {
+			info: "Para saber",
+			opportunity: "Oportunidade",
+			warning: "Pede atenção",
+			critical: "Urgente"
+		},
+		kind: {
+			insight: "Descoberta",
+			recommendation: "Recomendação",
+			alert: "Alerta",
+			dataTip: "Dica de dado"
+		},
+		domain: {
+			sales: "Vendas",
+			acquisition: "Aquisição",
+			products: "Produtos",
+			coupons: "Cupons",
+			customers: "Clientes",
+			checkout: "Checkout",
+			payments: "Pagamentos",
+			data: "Dados"
+		},
+		confidence: {
+			high: "Confiança alta",
+			medium: "Confiança média",
+			low: "Confiança baixa"
+		},
+		sample: (e) => `amostra de ${e}`,
+		periodRange: (e, t) => `de ${e} a ${t}`,
+		periodSameDay: (e, t, n) => `em ${e}, das ${t} às ${n}`,
+		impact: (e) => `${e} para recuperar`,
+		impactAbout: (e) => `cerca de ${e} para recuperar`,
+		about: (e) => `cerca de ${e}`,
+		rangeJoin: " a ",
+		upTo: "até",
+		toRecover: "para recuperar",
+		impactLabel: "Quanto dá para recuperar",
+		impactNote: "É uma estimativa, por isso uma faixa.",
+		actionsNow: "O que fazer agora",
+		actionsMore: "Também ajuda",
+		evidence: "Entenda os números",
+		trend: "Como evoluiu",
+		methodology: "Como o Lince chegou a esse número",
+		locked: "Conteúdo de um plano superior",
+		lockedImpactLabel: "Quanto dá para recuperar neste ponto",
+		lockedImpactNote: "estimativa para o período analisado",
+		unread: "Novo"
+	},
+	en: {
+		severity: {
+			info: "Good to know",
+			opportunity: "Opportunity",
+			warning: "Needs attention",
+			critical: "Urgent"
+		},
+		kind: {
+			insight: "Insight",
+			recommendation: "Recommendation",
+			alert: "Alert",
+			dataTip: "Data tip"
+		},
+		domain: {
+			sales: "Sales",
+			acquisition: "Acquisition",
+			products: "Products",
+			coupons: "Coupons",
+			customers: "Customers",
+			checkout: "Checkout",
+			payments: "Payments",
+			data: "Data"
+		},
+		confidence: {
+			high: "High confidence",
+			medium: "Medium confidence",
+			low: "Low confidence"
+		},
+		sample: (e) => `sample of ${e}`,
+		periodRange: (e, t) => `${e} to ${t}`,
+		periodSameDay: (e, t, n) => `on ${e}, ${t} to ${n}`,
+		impact: (e) => `${e} to recover`,
+		impactAbout: (e) => `about ${e} to recover`,
+		about: (e) => `about ${e}`,
+		rangeJoin: " to ",
+		upTo: "up to",
+		toRecover: "to recover",
+		impactLabel: "How much can be recovered",
+		impactNote: "It is an estimate, hence a range.",
+		actionsNow: "What to do now",
+		actionsMore: "Also helps",
+		evidence: "Understand the numbers",
+		trend: "How it changed",
+		methodology: "How Lince got to this number",
+		locked: "Available on a higher plan",
+		lockedImpactLabel: "How much can be recovered here",
+		lockedImpactNote: "an estimate for the period analyzed",
+		unread: "New"
+	},
+	es: {
+		severity: {
+			info: "Para saber",
+			opportunity: "Oportunidad",
+			warning: "Pide atención",
+			critical: "Urgente"
+		},
+		kind: {
+			insight: "Hallazgo",
+			recommendation: "Recomendación",
+			alert: "Alerta",
+			dataTip: "Consejo de datos"
+		},
+		domain: {
+			sales: "Ventas",
+			acquisition: "Adquisición",
+			products: "Productos",
+			coupons: "Cupones",
+			customers: "Clientes",
+			checkout: "Checkout",
+			payments: "Pagos",
+			data: "Datos"
+		},
+		confidence: {
+			high: "Confianza alta",
+			medium: "Confianza media",
+			low: "Confianza baja"
+		},
+		sample: (e) => `muestra de ${e}`,
+		periodRange: (e, t) => `del ${e} al ${t}`,
+		periodSameDay: (e, t, n) => `el ${e}, de ${t} a ${n}`,
+		impact: (e) => `${e} para recuperar`,
+		impactAbout: (e) => `cerca de ${e} para recuperar`,
+		about: (e) => `cerca de ${e}`,
+		rangeJoin: " a ",
+		upTo: "hasta",
+		toRecover: "para recuperar",
+		impactLabel: "Cuánto se puede recuperar",
+		impactNote: "Es una estimación, por eso un rango.",
+		actionsNow: "Qué hacer ahora",
+		actionsMore: "También ayuda",
+		evidence: "Entiende los números",
+		trend: "Cómo evolucionó",
+		methodology: "Cómo llegó Lince a este número",
+		locked: "Disponible en un plan superior",
+		lockedImpactLabel: "Cuánto se puede recuperar aquí",
+		lockedImpactNote: "una estimación para el período analizado",
+		unread: "Nuevo"
+	}
+};
+function m(e) {
+	return e === "en" || e != null && e.startsWith("en-") ? "en" : e === "es" || e != null && e.startsWith("es-") ? "es" : "pt-BR";
+}
+function h(e, t) {
+	let n = m(e);
+	return {
+		lang: n,
+		labels: {
+			...p[n],
+			...t
+		}
+	};
+}
+var g = {
+	info: "info",
+	opportunity: "success",
+	warning: "warning",
+	critical: "critical"
+};
+function _(e, t, n) {
+	return new Intl.NumberFormat(n, {
+		style: "currency",
+		currency: t,
+		maximumFractionDigits: 0
+	}).format(e / 100);
+}
+function v(e, t, n) {
+	let r = _(e.minCents, e.currency, t), i = _(e.maxCents, e.currency, t);
+	return e.minCents === e.maxCents ? n.about(i) : `${r}${n.rangeJoin}${i}`;
+}
+function y(e, t = "pt-BR", n = p[m(t)]) {
+	let r = m(t), i = _(e.minCents, e.currency, r), a = _(e.maxCents, e.currency, r);
+	return e.minCents === e.maxCents ? n.impactAbout(a) : n.impact(`${i}${n.rangeJoin}${a}`);
+}
+var b = 864e5;
+function x(e, t, n, r) {
+	let i = new Date(e.start), a = new Date(e.end);
+	if (Number.isNaN(i.getTime()) || Number.isNaN(a.getTime())) return null;
+	let o = new Intl.DateTimeFormat("en", {
+		year: "numeric",
+		timeZone: n
+	}), s = o.format(i) === o.format(a), c = new Intl.DateTimeFormat(t, {
+		day: "2-digit",
+		month: "2-digit",
+		...s ? {} : { year: "numeric" },
+		timeZone: n
+	});
+	if (a.getTime() - i.getTime() < b) {
+		let e = new Intl.DateTimeFormat(t, {
+			hour: "2-digit",
+			minute: "2-digit",
+			hourCycle: "h23",
+			timeZone: n
+		});
+		return c.format(i) === c.format(a) ? r.periodSameDay(c.format(i), e.format(i), e.format(a)) : r.periodRange(`${c.format(i)} ${e.format(i)}`, `${c.format(a)} ${e.format(a)}`);
+	}
+	return r.periodRange(c.format(i), c.format(a));
+}
+function S({ severity: e, labels: t }) {
+	let n = g[e] ?? "info";
+	return /* @__PURE__ */ f("span", {
+		className: `select-insight__sev select-insight__sev--${n}`,
+		children: [/* @__PURE__ */ d("span", {
+			className: "select-insight__sevdot",
+			"aria-hidden": "true"
+		}), t.severity[e] ?? e]
+	});
+}
+function C({ label: e }) {
+	return /* @__PURE__ */ f("span", {
+		className: "select-insight__new",
+		children: [/* @__PURE__ */ d("span", {
+			className: "select-insight__newdot",
+			"aria-hidden": "true"
+		}), e]
+	});
+}
+function w(e) {
+	return e != null && typeof e.raw == "number" && Number.isFinite(e.raw) && e.raw >= 0 ? e.raw : null;
+}
+function T({ fraction: e, tone: t = "value", size: n = "md" }) {
+	let r = Math.max(0, Math.min(1, e)) * 100;
+	return /* @__PURE__ */ d("span", {
+		className: `select-insight__bar select-insight__bar--${t}${n === "sm" ? " select-insight__bar--sm" : ""}`,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ d("span", {
+			className: "select-insight__barfill",
+			style: { width: `${r}%` }
+		})
+	});
+}
+var E = /* @__PURE__ */ new Set([
+	"metric",
+	"comparison",
+	"table",
+	"items",
+	"text"
+]);
+function D(e) {
+	return E.has(e.type);
+}
+function O({ block: e }) {
+	let t = w(e.value), n = w(e.baseline), r = t != null && n != null && Math.max(t, n) > 0 ? Math.max(t, n) / .9 : null, i = !!e.valueLabel;
+	return /* @__PURE__ */ f("div", {
+		className: `select-insight__tile select-insight__cmp${r == null ? " select-insight__cmp--plain" : ""}${!i && r != null ? " select-insight__cmp--stacked" : ""}`,
+		children: [
+			i ? /* @__PURE__ */ d("div", {
+				className: "select-insight__tilelabel",
+				children: e.label
+			}) : null,
+			/* @__PURE__ */ f("div", {
+				className: "select-insight__cmprows",
+				children: [/* @__PURE__ */ f("div", {
+					className: "select-insight__cmprow select-insight__cmprow--own",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: "select-insight__cmpname",
+							children: i ? e.valueLabel : e.label
+						}),
+						r == null ? null : /* @__PURE__ */ d(T, {
+							fraction: (t ?? 0) / r,
+							tone: "own"
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "select-insight__cmpvalue",
+							children: e.value.display
+						})
+					]
+				}), /* @__PURE__ */ f("div", {
+					className: "select-insight__cmprow",
+					children: [
+						/* @__PURE__ */ d("span", {
+							className: "select-insight__cmpname",
+							children: e.baselineLabel
+						}),
+						r == null ? null : /* @__PURE__ */ d(T, {
+							fraction: (n ?? 0) / r,
+							tone: "reference"
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "select-insight__cmpvalue",
+							children: e.baseline.display
+						})
+					]
+				})]
+			}),
+			e.hint ? /* @__PURE__ */ d("div", {
+				className: "select-insight__tilenote",
+				children: e.hint
+			}) : null
+		]
+	});
+}
+function k({ block: e, renderItem: t }) {
+	let n = e.items.map((e) => w(e.value)), r = Math.max(0, ...n.map((e) => e ?? 0)), i = e.items.length > 0 && r > 0 && n.every((e) => e != null);
+	return /* @__PURE__ */ f("div", {
+		className: "select-insight__box",
+		children: [/* @__PURE__ */ d("h5", {
+			className: "select-insight__boxtitle",
+			children: e.title
+		}), /* @__PURE__ */ d("ul", {
+			className: `select-insight__items${i ? " select-insight__items--bars" : ""}`,
+			children: e.items.map((e, a) => /* @__PURE__ */ f("li", { children: [
+				/* @__PURE__ */ d("span", {
+					className: "select-insight__itemlabel",
+					children: (t == null ? void 0 : t(e)) ?? e.label
+				}),
+				i ? /* @__PURE__ */ d(T, {
+					fraction: (n[a] ?? 0) / r,
+					size: "sm"
+				}) : null,
+				e.value ? /* @__PURE__ */ d("span", {
+					className: "select-insight__itemvalue",
+					children: e.value.display
+				}) : null
+			] }, `${e.kind}:${e.id ?? a}`))
+		})]
+	});
+}
+function A({ block: e }) {
+	let t = new Set(e.columns.filter((t) => e.rows.length > 0 && e.rows.every((e) => {
+		var n;
+		return ((n = e[t.key]) == null ? void 0 : n.type) === "percent" && (w(e[t.key]) ?? 2) <= 1;
+	})).map((e) => e.key)), n = (e, n) => n && t.has(e) ? /* @__PURE__ */ f("span", {
+		className: "select-insight__share",
+		children: [/* @__PURE__ */ d(T, {
+			fraction: w(n) ?? 0,
+			size: "sm"
+		}), /* @__PURE__ */ d("span", {
+			className: "select-insight__sharevalue",
+			children: n.display
+		})]
+	}) : (n == null ? void 0 : n.display) ?? "—", [r, ...i] = e.columns;
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(o, {
+		className: "select-insight__table",
+		title: e.title,
+		columns: e.columns.map((e) => ({ label: e.label })),
+		children: e.rows.map((t, r) => /* @__PURE__ */ d(c, { children: e.columns.map((e) => /* @__PURE__ */ d(s, { children: n(e.key, t[e.key]) }, e.key)) }, r))
+	}), r ? /* @__PURE__ */ f("div", {
+		className: "select-insight__box select-insight__rowcards",
+		children: [/* @__PURE__ */ d("h5", {
+			className: "select-insight__boxtitle",
+			children: e.title
+		}), /* @__PURE__ */ d("ul", {
+			className: "select-insight__rowlist",
+			children: e.rows.map((e, t) => /* @__PURE__ */ f("li", { children: [/* @__PURE__ */ d("span", {
+				className: "select-insight__rowname",
+				children: n(r.key, e[r.key])
+			}), i.length > 0 ? /* @__PURE__ */ d("dl", {
+				className: "select-insight__rowfacts",
+				children: i.map((t) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", { children: t.label }), /* @__PURE__ */ d("dd", { children: n(t.key, e[t.key]) })] }, t.key))
+			}) : null] }, t))
+		})]
+	}) : null] });
+}
+function j({ link: e, primary: n }) {
+	let r = a(e.href);
+	if (!r && !e.onClick) return null;
+	let i = n ? "select-btn select-btn--primary select-btn--auto select-insight__go" : "select-insight__golink", o = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", { children: e.label }), /* @__PURE__ */ d(t, {})] });
+	if (!r) return /* @__PURE__ */ d("button", {
+		type: "button",
+		className: i,
+		onClick: e.onClick,
+		children: o
+	});
+	let s = e.onClick ? (t) => {
+		var n;
+		t.button !== 0 || t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || (t.preventDefault(), (n = e.onClick) == null || n.call(e));
+	} : void 0;
+	return /* @__PURE__ */ d("a", {
+		className: i,
+		href: r,
+		onClick: s,
+		...e.external ? {
+			target: "_blank",
+			rel: "noopener noreferrer"
+		} : {},
+		children: o
+	});
+}
+function M({ insight: t, locale: a, labels: o, timeZone: s = "America/Sao_Paulo", locked: c = !1, lockedCta: p, position: m, unread: _ = !1, badges: y, nav: b, triage: w, triageNote: T, footer: E, trend: M, outcome: N, renderItem: P, actionLink: F, renderAction: I, methodologyOpen: ee = !1, bare: te = !1, className: L }) {
+	let { lang: R, labels: z } = h(a, o), B = g[t.severity] ?? "info", ne = t.period ? x(t.period, R, s, z) : null, V = (t.blocks ?? []).filter(D), re = t.actions ?? [], H = `select-insight select-insight--${B}` + (c ? " select-insight--locked" : "") + (te ? " select-insight--bare" : "") + (L ? " " + L : ""), U = /* @__PURE__ */ f("header", {
+		className: "select-insight__head",
+		children: [/* @__PURE__ */ f("div", {
+			className: "select-insight__meta",
+			children: [
+				m != null && m !== "" ? /* @__PURE__ */ d("span", {
+					className: "select-insight__position",
+					children: m
+				}) : null,
+				/* @__PURE__ */ d(S, {
+					severity: t.severity,
+					labels: z
+				}),
+				t.domain ? /* @__PURE__ */ d("span", { children: z.domain[t.domain] ?? t.domain }) : null,
+				_ && !c ? /* @__PURE__ */ d(C, { label: z.unread }) : null,
+				c ? /* @__PURE__ */ d(i, {
+					tone: "pro",
+					size: "sm",
+					icon: /* @__PURE__ */ d(r, {}),
+					children: z.locked
+				}) : null,
+				y
+			]
+		}), b ? /* @__PURE__ */ d("div", {
+			className: "select-insight__nav",
+			children: b
+		}) : null]
+	}), W = /* @__PURE__ */ f("div", {
+		className: "select-insight__lead",
+		children: [/* @__PURE__ */ d("h3", {
+			className: "select-insight__title",
+			children: t.title
+		}), /* @__PURE__ */ d("p", {
+			className: "select-insight__summary",
+			children: t.summary
+		})]
+	});
+	if (c) return /* @__PURE__ */ f("article", {
+		className: H,
+		children: [
+			U,
+			W,
+			t.impact ? /* @__PURE__ */ f("div", {
+				className: "select-insight__stake",
+				children: [
+					/* @__PURE__ */ d("span", {
+						className: "select-insight__stakelabel",
+						children: z.lockedImpactLabel
+					}),
+					/* @__PURE__ */ d("strong", {
+						className: "select-insight__stakevalue",
+						children: v(t.impact, R, z)
+					}),
+					/* @__PURE__ */ d("span", {
+						className: "select-insight__stakenote",
+						children: z.lockedImpactNote
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ f("div", {
+				className: "select-insight__ghost",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ f("div", {
+					className: "select-insight__tile",
+					children: [
+						/* @__PURE__ */ d("span", { style: { width: "46%" } }),
+						/* @__PURE__ */ d("span", { style: { width: "88%" } }),
+						/* @__PURE__ */ d("span", { style: { width: "54%" } })
+					]
+				}), /* @__PURE__ */ f("div", {
+					className: "select-insight__tile",
+					children: [/* @__PURE__ */ d("span", { style: { width: "70%" } }), /* @__PURE__ */ d("span", { style: { width: "52%" } })]
+				})]
+			}),
+			p ? /* @__PURE__ */ d("div", {
+				className: "select-insight__cta",
+				children: p
+			}) : null,
+			E
+		]
+	});
+	let [G, ...K] = re, q = G ? I == null ? void 0 : I(G) : void 0, J = G && q == null ? F == null ? void 0 : F(G) : void 0, ie = G ? /* @__PURE__ */ f("div", {
+		className: "select-insight__now",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "select-insight__nowtext",
+				children: [/* @__PURE__ */ d("span", {
+					className: "select-insight__nowlabel",
+					children: z.actionsNow
+				}), q ?? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+					className: "select-insight__nowtitle",
+					children: G.label
+				}), J != null && J.description ? /* @__PURE__ */ d("span", {
+					className: "select-insight__nowdesc",
+					children: J.description
+				}) : null] })]
+			}),
+			J || w ? /* @__PURE__ */ f("div", {
+				className: "select-insight__nowactions",
+				children: [
+					J ? /* @__PURE__ */ d(j, {
+						link: J,
+						primary: !0
+					}) : null,
+					w ? /* @__PURE__ */ d("div", {
+						className: "select-insight__triage select-insight__triage--inline",
+						children: w
+					}) : null,
+					w && T ? /* @__PURE__ */ d("span", {
+						className: "select-insight__triagenote select-insight__triagenote--inline",
+						children: T
+					}) : null
+				]
+			}) : null,
+			K.length ? /* @__PURE__ */ f("div", {
+				className: "select-insight__more",
+				children: [/* @__PURE__ */ d("span", {
+					className: "select-insight__morelabel",
+					children: z.actionsMore
+				}), /* @__PURE__ */ d("ul", {
+					className: "select-insight__morelist",
+					children: K.map((e, t) => {
+						let n = I == null ? void 0 : I(e), r = n == null ? F == null ? void 0 : F(e) : void 0;
+						return /* @__PURE__ */ d("li", { children: n ?? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+							className: "select-insight__moretext",
+							children: e.label
+						}), r ? /* @__PURE__ */ d(j, {
+							link: r,
+							primary: !1
+						}) : null] }) }, `${e.target ?? "text"}:${t}`);
+					})
+				})]
+			}) : null
+		]
+	}) : w ? /* @__PURE__ */ d("div", {
+		className: "select-insight__now select-insight__now--plain",
+		children: /* @__PURE__ */ f("div", {
+			className: "select-insight__nowactions",
+			children: [/* @__PURE__ */ d("div", {
+				className: "select-insight__triage select-insight__triage--inline",
+				children: w
+			}), T ? /* @__PURE__ */ d("span", {
+				className: "select-insight__triagenote select-insight__triagenote--inline",
+				children: T
+			}) : null]
+		})
+	}) : null, ae = V.filter((e) => e.type === "metric"), Y = t.impact ? ae.find((e) => e.value.type === "money") : void 0, X = V.filter((e) => e.type === "metric" && e !== Y || e.type === "comparison"), Z = V.filter((e) => e.type === "items" || e.type === "table" || e.type === "text"), oe = t.impact != null || X.length > 0 || Z.length > 0 || M != null ? /* @__PURE__ */ f("div", {
+		className: "select-insight__group",
+		children: [
+			/* @__PURE__ */ d("h4", {
+				className: "select-insight__grouptitle",
+				children: z.evidence
+			}),
+			t.impact != null || X.length > 0 ? /* @__PURE__ */ f("div", {
+				className: "select-insight__tiles",
+				children: [t.impact ? /* @__PURE__ */ f("div", {
+					className: "select-insight__tile select-insight__tile--impact",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "select-insight__tilelabel",
+							children: z.impactLabel
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "select-insight__tilevalue",
+							children: v(t.impact, R, z)
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "select-insight__tilenote",
+							children: z.impactNote
+						}),
+						Y ? /* @__PURE__ */ f("div", {
+							className: "select-insight__tilerow",
+							children: [/* @__PURE__ */ d("span", { children: Y.label }), /* @__PURE__ */ d("strong", { children: Y.value.display })]
+						}) : null
+					]
+				}) : null, X.map((e, t) => e.type === "comparison" ? /* @__PURE__ */ d(O, { block: e }, t) : /* @__PURE__ */ f("div", {
+					className: "select-insight__tile",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "select-insight__tilelabel",
+							children: e.label
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "select-insight__tilevalue",
+							children: e.value.display
+						}),
+						e.hint ? /* @__PURE__ */ d("div", {
+							className: "select-insight__tilenote",
+							children: e.hint
+						}) : null
+					]
+				}, t))]
+			}) : null,
+			M ? /* @__PURE__ */ f("div", {
+				className: "select-insight__box select-insight__trend",
+				children: [
+					/* @__PURE__ */ d("h5", {
+						className: "select-insight__boxtitle",
+						children: z.trend
+					}),
+					M.caption == null ? null : /* @__PURE__ */ d("p", {
+						className: "select-insight__trendcaption",
+						children: M.caption
+					}),
+					M.content
+				]
+			}) : null,
+			Z.map((e, t) => e.type === "items" ? /* @__PURE__ */ d(k, {
+				block: e,
+				renderItem: P
+			}, t) : e.type === "table" ? /* @__PURE__ */ d(A, { block: e }, t) : e.type === "text" ? /* @__PURE__ */ f("div", {
+				className: "select-insight__text",
+				children: [/* @__PURE__ */ d(n, {}), /* @__PURE__ */ d("span", { children: e.text })]
+			}, t) : null)
+		]
+	}) : null, Q = [
+		t.confidence ? z.confidence[t.confidence] ?? t.confidence : null,
+		t.sampleLabel ? t.sampleLabel : t.sampleSize == null ? null : z.sample(t.sampleSize.toLocaleString(R)),
+		ne
+	].filter((e) => !!e), $ = /* @__PURE__ */ f("span", {
+		className: "select-insight__methodhead",
+		children: [/* @__PURE__ */ d("span", {
+			className: "select-insight__methodtitle",
+			children: z.methodology
+		}), Q.length ? /* @__PURE__ */ d("span", {
+			className: "select-insight__methodsub",
+			children: Q.join(" · ")
+		}) : null]
+	}), se = t.methodology ? /* @__PURE__ */ d(l, {
+		title: $,
+		defaultOpen: ee,
+		className: "select-insight__method",
+		children: /* @__PURE__ */ d("p", {
+			className: "select-insight__methodtext",
+			children: t.methodology
+		})
+	}) : Q.length ? /* @__PURE__ */ d("div", {
+		className: "select-insight__method select-insight__method--static",
+		children: $
+	}) : null, ce = N ? /* @__PURE__ */ f("div", {
+		className: `select-insight__outcome select-insight__outcome--${N.tone}`,
+		children: [
+			/* @__PURE__ */ d("span", {
+				className: "select-insight__outcomelabel",
+				children: N.label
+			}),
+			N.summary == null ? null : /* @__PURE__ */ d("p", {
+				className: "select-insight__outcomesummary",
+				children: N.summary
+			}),
+			N.before || N.after ? /* @__PURE__ */ f("div", {
+				className: "select-insight__outcomevalues",
+				children: [
+					N.before ? /* @__PURE__ */ f("span", {
+						className: "select-insight__outcomeside",
+						children: [/* @__PURE__ */ d("span", { children: N.before.label }), /* @__PURE__ */ d("strong", { children: N.before.value })]
+					}) : null,
+					N.before && N.after ? /* @__PURE__ */ d(e, {}) : null,
+					N.after ? /* @__PURE__ */ f("span", {
+						className: "select-insight__outcomeside",
+						children: [/* @__PURE__ */ d("span", { children: N.after.label }), /* @__PURE__ */ d("strong", { children: N.after.value })]
+					}) : null
+				]
+			}) : null,
+			N.note == null ? null : /* @__PURE__ */ d("p", {
+				className: "select-insight__outcomenote",
+				children: N.note
+			})
+		]
+	}) : null;
+	return /* @__PURE__ */ f("article", {
+		className: H,
+		children: [
+			U,
+			W,
+			ce,
+			ie,
+			oe,
+			se,
+			w ? /* @__PURE__ */ f("div", {
+				className: "select-insight__foot",
+				children: [/* @__PURE__ */ d("div", {
+					className: "select-insight__triage select-insight__triage--foot",
+					children: w
+				}), T ? /* @__PURE__ */ d("span", {
+					className: "select-insight__triagenote",
+					children: T
+				}) : null]
+			}) : null,
+			E
+		]
+	});
+}
+function N({ layout: e = "rows", children: t, className: n, ...r }) {
+	return /* @__PURE__ */ d("div", {
+		...r,
+		className: `select-insightlist${e === "cards" ? " select-insightlist--cards" : ""}${n ? " " + n : ""}`,
+		children: t
+	});
+}
+function P({ insight: e, locale: n, labels: i, index: o, locked: s = !1, unread: c = !1, selected: l = !1, layout: p = "row", cta: m, badge: g, href: v, onClick: y, className: b, ...x }) {
+	let { lang: w, labels: T } = h(n, i), E = e.domain ? T.domain[e.domain] ?? e.domain : null, D = e.impact ? _(e.impact.maxCents, e.impact.currency, w) : null, O = e.impact && e.impact.minCents === e.impact.maxCents ? T.about("").trim() : T.upTo, k = p === "card", A = "select-insightrow" + (k ? " select-insightrow--card" : "") + (l ? " is-selected" : "") + (s ? " select-insightrow--locked" : "") + (b ? " " + b : ""), j = s ? /* @__PURE__ */ d("span", {
+		className: "select-insightrow__index select-insightrow__index--lock",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ d(r, {})
+	}) : o == null ? null : /* @__PURE__ */ d("span", {
+		className: `select-insightrow__index${l || k && o === 1 ? " select-insightrow__index--strong" : ""}`,
+		children: o
+	}), M = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(S, {
+		severity: e.severity,
+		labels: T
+	}), E && !s ? /* @__PURE__ */ d("span", { children: E }) : null] }), N = c && !s ? /* @__PURE__ */ d(C, { label: T.unread }) : null, P = k ? /* @__PURE__ */ f(u, { children: [
+		/* @__PURE__ */ f("span", {
+			className: "select-insightrow__top",
+			children: [
+				j,
+				M,
+				g,
+				N ? /* @__PURE__ */ d("span", {
+					className: "select-insightrow__topend",
+					children: N
+				}) : null
+			]
+		}),
+		/* @__PURE__ */ d("span", {
+			className: "select-insightrow__title",
+			children: e.title
+		}),
+		D || m ? /* @__PURE__ */ f("span", {
+			className: "select-insightrow__foot",
+			children: [D ? /* @__PURE__ */ f("span", {
+				className: "select-insightrow__recover",
+				children: [
+					/* @__PURE__ */ d("small", { children: O }),
+					/* @__PURE__ */ d("strong", { children: D }),
+					/* @__PURE__ */ d("small", { children: T.toRecover })
+				]
+			}) : null, m ? /* @__PURE__ */ f("span", {
+				className: "select-insightrow__cta",
+				children: [m, /* @__PURE__ */ d(t, {})]
+			}) : null]
+		}) : null
+	] }) : /* @__PURE__ */ f(u, { children: [
+		j,
+		/* @__PURE__ */ f("span", {
+			className: "select-insightrow__text",
+			children: [/* @__PURE__ */ d("span", {
+				className: "select-insightrow__title",
+				children: e.title
+			}), /* @__PURE__ */ f("span", {
+				className: "select-insightrow__meta",
+				children: [
+					M,
+					N,
+					g
+				]
+			})]
+		}),
+		D ? /* @__PURE__ */ f("span", {
+			className: "select-insightrow__impact",
+			children: [/* @__PURE__ */ d("small", { children: O }), /* @__PURE__ */ d("strong", { children: D })]
+		}) : null
+	] }), F = a(v);
+	return !F && !y ? /* @__PURE__ */ d("div", {
+		className: A,
+		children: P
+	}) : /* @__PURE__ */ d("a", {
+		...x,
+		href: F,
+		onClick: y,
+		"aria-current": l ? "true" : void 0,
+		className: A,
+		children: P
+	});
+}
+//#endregion
+export { M as SelectInsight, N as SelectInsightList, P as SelectInsightRow, y as formatInsightImpact };
+
+//# sourceMappingURL=SelectInsight.js.map