@burdenoff/microfe-planmagnet 2026.1002.2 → 2026.1002.3

package/dist/planmagnet/satisfaction/SatisfactionFigures.js

@@ -0,0 +1,282 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { formatCsat as n, formatNps as r, formatUtcDay as i, shareOf as a } from "./satisfaction.js";
+import { Gauge as o, Smile as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/satisfaction/SatisfactionFigures.tsx
+function m(e, t) {
+	return t === 0 ? e("planmagnet.satisfaction.responses.none", "No responses") : t === 1 ? e("planmagnet.satisfaction.responses.one", "1 response") : e("planmagnet.satisfaction.responses.many", "{{count}} responses", { count: t });
+}
+function h(e, t) {
+	let n = e("planmagnet.satisfaction.window.span", "{{from}} – {{to}}", {
+		from: i(t.from),
+		to: i(t.to)
+	});
+	return t.preset === "CUSTOM" ? n : e("planmagnet.satisfaction.window.presetWithSpan", "{{preset}} ({{span}})", {
+		preset: g(e, t.preset),
+		span: n
+	});
+}
+function g(e, t) {
+	switch (t) {
+		case "LAST_30_DAYS": return e("planmagnet.satisfaction.window.last30", "Last 30 days");
+		case "LAST_90_DAYS": return e("planmagnet.satisfaction.window.last90", "Last 90 days");
+		case "LAST_180_DAYS": return e("planmagnet.satisfaction.window.last180", "Last 180 days");
+		case "LAST_365_DAYS": return e("planmagnet.satisfaction.window.last365", "Last 365 days");
+		default: return e("planmagnet.satisfaction.window.custom", "Custom");
+	}
+}
+function _(e, t) {
+	return e("planmagnet.satisfaction.notEnoughDetail", "{{count}} so far — a score needs at least {{minimum}} responses.", {
+		count: t.responseCount,
+		minimum: t.minimumResponses
+	});
+}
+var v = {
+	satisfied: "bg-status-success-bg-subtle text-status-success-text",
+	promoter: "bg-status-success-bg-subtle text-status-success-text",
+	passive: "bg-status-warning-bg-subtle text-foreground",
+	notSatisfied: "bg-status-error-bg-subtle text-status-error-text",
+	detractor: "bg-status-error-bg-subtle text-status-error-text"
+};
+function y(e, t) {
+	switch (t) {
+		case "satisfied": return e("planmagnet.satisfaction.category.satisfied", "Satisfied");
+		case "notSatisfied": return e("planmagnet.satisfaction.category.notSatisfied", "Not satisfied");
+		case "promoter": return e("planmagnet.satisfaction.category.promoter", "Promoter");
+		case "passive": return e("planmagnet.satisfaction.category.passive", "Passive");
+		default: return e("planmagnet.satisfaction.category.detractor", "Detractor");
+	}
+}
+function b({ nps: n }) {
+	let r = e(), i = [
+		{
+			key: "promoters",
+			label: r("planmagnet.satisfaction.nps.promoters", "Promoters (9–10)"),
+			count: n.promoterCount,
+			bar: "bg-status-success-bg"
+		},
+		{
+			key: "passives",
+			label: r("planmagnet.satisfaction.nps.passives", "Passives (7–8)"),
+			count: n.passiveCount,
+			bar: "bg-status-warning-bg"
+		},
+		{
+			key: "detractors",
+			label: r("planmagnet.satisfaction.nps.detractors", "Detractors (0–6)"),
+			count: n.detractorCount,
+			bar: "bg-status-error-bg"
+		}
+	], o = !n.notEnoughResponses && n.responseCount > 0;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-2",
+		"data-testid": "satisfaction-nps-split",
+		children: [o && /* @__PURE__ */ c("div", {
+			className: "flex h-2 w-full overflow-hidden rounded-full bg-muted",
+			"aria-hidden": !0,
+			children: i.map((e) => /* @__PURE__ */ c("div", {
+				className: e.bar,
+				style: { width: `${e.count * 100 / n.responseCount}%` }
+			}, e.key))
+		}), /* @__PURE__ */ c("dl", {
+			className: "grid grid-cols-3 gap-2 text-xs",
+			children: i.map((e) => /* @__PURE__ */ l("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ l("dt", {
+					className: "flex items-center gap-1.5 text-muted-foreground",
+					children: [/* @__PURE__ */ c("span", {
+						className: t("h-2 w-2 shrink-0 rounded-full", e.bar),
+						"aria-hidden": !0
+					}), /* @__PURE__ */ c("span", {
+						className: "truncate",
+						children: e.label
+					})]
+				}), /* @__PURE__ */ c("dd", {
+					className: "mt-0.5 font-medium tabular-nums",
+					children: o ? r("planmagnet.satisfaction.nps.countWithShare", "{{count}} ({{share}}%)", {
+						count: e.count,
+						share: a(e.count, n.responseCount)
+					}) : e.count
+				})]
+			}, e.key))
+		})]
+	});
+}
+function x({ value: t, notEnough: n, testId: r }) {
+	let i = e();
+	return n || t === null ? /* @__PURE__ */ c("p", {
+		className: "text-lg font-semibold text-muted-foreground",
+		"data-testid": r,
+		children: i("planmagnet.satisfaction.notEnough", "Not enough responses")
+	}) : /* @__PURE__ */ c("p", {
+		className: "text-3xl font-semibold tabular-nums",
+		"data-testid": r,
+		children: t
+	});
+}
+function S({ csat: t, window: r }) {
+	let i = e();
+	return /* @__PURE__ */ l(u, {
+		"data-testid": "satisfaction-csat-card",
+		children: [/* @__PURE__ */ l(f, {
+			className: "pb-2",
+			children: [/* @__PURE__ */ l(p, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ c(s, {
+					className: "h-4 w-4",
+					"aria-hidden": !0
+				}), i("planmagnet.satisfaction.csat.title", "CSAT")]
+			}), /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.csat.subtitle", "Customer satisfaction: the share of answers that were a 4 or a 5 on a 1–5 scale. The default delivery KPI.")
+			})]
+		}), /* @__PURE__ */ l(d, {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ c(x, {
+					value: n(t.score),
+					notEnough: t.notEnoughResponses,
+					testId: "satisfaction-csat-value"
+				}),
+				/* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: t.notEnoughResponses ? _(i, t) : i("planmagnet.satisfaction.csat.satisfied", "{{satisfied}} of {{count}} answers were a 4 or a 5.", {
+						satisfied: t.satisfiedCount,
+						count: t.responseCount
+					})
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-xs text-muted-foreground",
+					"data-testid": "satisfaction-csat-basis",
+					children: [
+						m(i, t.responseCount),
+						" · ",
+						h(i, r)
+					]
+				})
+			]
+		})]
+	});
+}
+function C({ nps: t, window: n }) {
+	let i = e();
+	return /* @__PURE__ */ l(u, {
+		"data-testid": "satisfaction-nps-card",
+		children: [/* @__PURE__ */ l(f, {
+			className: "pb-2",
+			children: [/* @__PURE__ */ l(p, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ c(o, {
+					className: "h-4 w-4",
+					"aria-hidden": !0
+				}), i("planmagnet.satisfaction.nps.title", "NPS")]
+			}), /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.nps.subtitle", "Net Promoter Score: % promoters (9–10) minus % detractors (0–6) on a 0–10 scale, from −100 to +100.")
+			})]
+		}), /* @__PURE__ */ l(d, {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ c(x, {
+					value: r(t.score),
+					notEnough: t.notEnoughResponses,
+					testId: "satisfaction-nps-value"
+				}),
+				t.notEnoughResponses && /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: _(i, t)
+				}),
+				/* @__PURE__ */ c(b, { nps: t }),
+				/* @__PURE__ */ l("p", {
+					className: "text-xs text-muted-foreground",
+					"data-testid": "satisfaction-nps-basis",
+					children: [
+						m(i, t.responseCount),
+						" · ",
+						h(i, n)
+					]
+				})
+			]
+		})]
+	});
+}
+function w({ summary: e }) {
+	return /* @__PURE__ */ l("div", {
+		className: "grid gap-4 md:grid-cols-2",
+		"data-testid": "satisfaction-figures",
+		children: [/* @__PURE__ */ c(S, {
+			csat: e.csat,
+			window: e.window
+		}), /* @__PURE__ */ c(C, {
+			nps: e.nps,
+			window: e.window
+		})]
+	});
+}
+function T({ label: t, value: n, notEnough: r, responseCount: i, testId: a }) {
+	let o = e();
+	return /* @__PURE__ */ l("div", {
+		className: "rounded-md border p-3",
+		"data-testid": a,
+		children: [
+			/* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: t
+			}),
+			r || n === null ? /* @__PURE__ */ c("p", {
+				className: "mt-1 text-sm font-semibold text-muted-foreground",
+				children: o("planmagnet.satisfaction.notEnough", "Not enough responses")
+			}) : /* @__PURE__ */ c("p", {
+				className: "mt-1 text-2xl font-semibold tabular-nums",
+				children: n
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "mt-0.5 text-xs text-muted-foreground",
+				children: m(o, i)
+			})
+		]
+	});
+}
+function E({ summary: t }) {
+	let i = e(), { csat: a, nps: o } = t;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ c(T, {
+					label: i("planmagnet.satisfaction.csat.compactLabel", "CSAT (% of answers 4–5)"),
+					value: n(a.score),
+					notEnough: a.notEnoughResponses,
+					responseCount: a.responseCount,
+					testId: "satisfaction-compact-csat"
+				}), /* @__PURE__ */ c(T, {
+					label: i("planmagnet.satisfaction.nps.compactLabel", "NPS"),
+					value: r(o.score),
+					notEnough: o.notEnoughResponses,
+					responseCount: o.responseCount,
+					testId: "satisfaction-compact-nps"
+				})]
+			}),
+			!o.notEnoughResponses && /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.nps.compactSplit", "NPS: {{promoters}} promoters · {{passives}} passives · {{detractors}} detractors", {
+					promoters: o.promoterCount,
+					passives: o.passiveCount,
+					detractors: o.detractorCount
+				})
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				"data-testid": "satisfaction-compact-window",
+				children: h(i, t.window)
+			})
+		]
+	});
+}
+//#endregion
+export { v as CATEGORY_CLASS, E as CompactSatisfactionFigures, w as SatisfactionFigureCards, y as categoryLabel, g as windowPresetLabel };
+
+//# sourceMappingURL=SatisfactionFigures.js.map

package/dist/planmagnet/satisfaction/SatisfactionFigures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionFigures.js","names":[],"sources":["../../../src/planmagnet/satisfaction/SatisfactionFigures.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Gauge, Smile } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../utils/cn';\nimport { formatCsat, formatNps, formatUtcDay, shareOf, type ScoreCategory } from './satisfaction';\nimport type {\n  CsatFigure,\n  CustomerSatisfactionSummary,\n  NpsFigure,\n  SatisfactionWindowEcho,\n} from './satisfactionOperations';\n\n/**\n * ANR-21 figures. Every figure carries its response count and the window it covers (owner decision 2026-10-02), and\n * a metric below its minimum responses reads \"Not enough responses\" — never 0 and never a score computed from too few\n * answers. CSAT and NPS are counted separately: twelve NPS answers never lend a score to four CSAT answers.\n */\n\ntype Tr = ReturnType<typeof useTr>;\n\nexport function responseCountText(tr: Tr, count: number): string {\n  if (count === 0) return tr('planmagnet.satisfaction.responses.none', 'No responses');\n  return count === 1\n    ? tr('planmagnet.satisfaction.responses.one', '1 response')\n    : tr('planmagnet.satisfaction.responses.many', '{{count}} responses', { count });\n}\n\nexport function windowText(tr: Tr, window: SatisfactionWindowEcho): string {\n  const span = tr('planmagnet.satisfaction.window.span', '{{from}} – {{to}}', {\n    from: formatUtcDay(window.from),\n    to: formatUtcDay(window.to),\n  });\n  if (window.preset === 'CUSTOM') return span;\n  return tr('planmagnet.satisfaction.window.presetWithSpan', '{{preset}} ({{span}})', {\n    preset: windowPresetLabel(tr, window.preset),\n    span,\n  });\n}\n\nexport function windowPresetLabel(tr: Tr, preset: SatisfactionWindowEcho['preset']): string {\n  switch (preset) {\n    case 'LAST_30_DAYS':\n      return tr('planmagnet.satisfaction.window.last30', 'Last 30 days');\n    case 'LAST_90_DAYS':\n      return tr('planmagnet.satisfaction.window.last90', 'Last 90 days');\n    case 'LAST_180_DAYS':\n      return tr('planmagnet.satisfaction.window.last180', 'Last 180 days');\n    case 'LAST_365_DAYS':\n      return tr('planmagnet.satisfaction.window.last365', 'Last 365 days');\n    default:\n      return tr('planmagnet.satisfaction.window.custom', 'Custom');\n  }\n}\n\nfunction notEnoughText(tr: Tr, figure: { responseCount: number; minimumResponses: number }) {\n  return tr(\n    'planmagnet.satisfaction.notEnoughDetail',\n    '{{count}} so far — a score needs at least {{minimum}} responses.',\n    { count: figure.responseCount, minimum: figure.minimumResponses }\n  );\n}\n\n/**\n * Badge colours for one answer's category — semantic status tokens only, and only those the host shells' Tailwind\n * theme maps (planmagnet-app styles.css @theme): `bg-status-*-bg`, `bg-status-*-bg-subtle`, `text-status-success-text`,\n * `text-status-error-text`. A token missing there generates no CSS at all.\n */\nexport const CATEGORY_CLASS: Record<ScoreCategory, string> = {\n  satisfied: 'bg-status-success-bg-subtle text-status-success-text',\n  promoter: 'bg-status-success-bg-subtle text-status-success-text',\n  // The shells' Tailwind theme maps no warning TEXT colour (only its backgrounds), so a passive reads in the body colour.\n  passive: 'bg-status-warning-bg-subtle text-foreground',\n  notSatisfied: 'bg-status-error-bg-subtle text-status-error-text',\n  detractor: 'bg-status-error-bg-subtle text-status-error-text',\n};\n\nexport function categoryLabel(tr: Tr, category: ScoreCategory): string {\n  switch (category) {\n    case 'satisfied':\n      return tr('planmagnet.satisfaction.category.satisfied', 'Satisfied');\n    case 'notSatisfied':\n      return tr('planmagnet.satisfaction.category.notSatisfied', 'Not satisfied');\n    case 'promoter':\n      return tr('planmagnet.satisfaction.category.promoter', 'Promoter');\n    case 'passive':\n      return tr('planmagnet.satisfaction.category.passive', 'Passive');\n    default:\n      return tr('planmagnet.satisfaction.category.detractor', 'Detractor');\n  }\n}\n\n/** Promoters / passives / detractors as a bar (only once there is a score) and as counts (always). */\nfunction NpsSplit({ nps }: { nps: NpsFigure }) {\n  const tr = useTr();\n  const parts = [\n    {\n      key: 'promoters',\n      label: tr('planmagnet.satisfaction.nps.promoters', 'Promoters (9–10)'),\n      count: nps.promoterCount,\n      bar: 'bg-status-success-bg',\n    },\n    {\n      key: 'passives',\n      label: tr('planmagnet.satisfaction.nps.passives', 'Passives (7–8)'),\n      count: nps.passiveCount,\n      bar: 'bg-status-warning-bg',\n    },\n    {\n      key: 'detractors',\n      label: tr('planmagnet.satisfaction.nps.detractors', 'Detractors (0–6)'),\n      count: nps.detractorCount,\n      bar: 'bg-status-error-bg',\n    },\n  ];\n  const showShares = !nps.notEnoughResponses && nps.responseCount > 0;\n  return (\n    <div className=\"space-y-2\" data-testid=\"satisfaction-nps-split\">\n      {showShares && (\n        <div className=\"flex h-2 w-full overflow-hidden rounded-full bg-muted\" aria-hidden={true}>\n          {parts.map((part) => (\n            <div\n              key={part.key}\n              className={part.bar}\n              style={{ width: `${(part.count * 100) / nps.responseCount}%` }}\n            />\n          ))}\n        </div>\n      )}\n      <dl className=\"grid grid-cols-3 gap-2 text-xs\">\n        {parts.map((part) => (\n          <div key={part.key} className=\"min-w-0\">\n            <dt className=\"flex items-center gap-1.5 text-muted-foreground\">\n              <span className={cn('h-2 w-2 shrink-0 rounded-full', part.bar)} aria-hidden={true} />\n              <span className=\"truncate\">{part.label}</span>\n            </dt>\n            <dd className=\"mt-0.5 font-medium tabular-nums\">\n              {showShares\n                ? tr('planmagnet.satisfaction.nps.countWithShare', '{{count}} ({{share}}%)', {\n                    count: part.count,\n                    share: shareOf(part.count, nps.responseCount),\n                  })\n                : part.count}\n            </dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\nfunction FigureValue({\n  value,\n  notEnough,\n  testId,\n}: {\n  value: string | null;\n  notEnough: boolean;\n  testId: string;\n}) {\n  const tr = useTr();\n  if (notEnough || value === null) {\n    return (\n      <p className=\"text-lg font-semibold text-muted-foreground\" data-testid={testId}>\n        {tr('planmagnet.satisfaction.notEnough', 'Not enough responses')}\n      </p>\n    );\n  }\n  return (\n    <p className=\"text-3xl font-semibold tabular-nums\" data-testid={testId}>\n      {value}\n    </p>\n  );\n}\n\nfunction CsatCard({ csat, window }: { csat: CsatFigure; window: SatisfactionWindowEcho }) {\n  const tr = useTr();\n  return (\n    <Card data-testid=\"satisfaction-csat-card\">\n      <CardHeader className=\"pb-2\">\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Smile className=\"h-4 w-4\" aria-hidden={true} />\n          {tr('planmagnet.satisfaction.csat.title', 'CSAT')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.csat.subtitle',\n            'Customer satisfaction: the share of answers that were a 4 or a 5 on a 1–5 scale. The default delivery KPI.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent className=\"space-y-2\">\n        <FigureValue\n          value={formatCsat(csat.score)}\n          notEnough={csat.notEnoughResponses}\n          testId=\"satisfaction-csat-value\"\n        />\n        <p className=\"text-sm text-muted-foreground\">\n          {csat.notEnoughResponses\n            ? notEnoughText(tr, csat)\n            : tr(\n                'planmagnet.satisfaction.csat.satisfied',\n                '{{satisfied}} of {{count}} answers were a 4 or a 5.',\n                { satisfied: csat.satisfiedCount, count: csat.responseCount }\n              )}\n        </p>\n        <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-csat-basis\">\n          {responseCountText(tr, csat.responseCount)} · {windowText(tr, window)}\n        </p>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction NpsCard({ nps, window }: { nps: NpsFigure; window: SatisfactionWindowEcho }) {\n  const tr = useTr();\n  return (\n    <Card data-testid=\"satisfaction-nps-card\">\n      <CardHeader className=\"pb-2\">\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Gauge className=\"h-4 w-4\" aria-hidden={true} />\n          {tr('planmagnet.satisfaction.nps.title', 'NPS')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.nps.subtitle',\n            'Net Promoter Score: % promoters (9–10) minus % detractors (0–6) on a 0–10 scale, from −100 to +100.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <FigureValue\n          value={formatNps(nps.score)}\n          notEnough={nps.notEnoughResponses}\n          testId=\"satisfaction-nps-value\"\n        />\n        {nps.notEnoughResponses && (\n          <p className=\"text-sm text-muted-foreground\">{notEnoughText(tr, nps)}</p>\n        )}\n        <NpsSplit nps={nps} />\n        <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-nps-basis\">\n          {responseCountText(tr, nps.responseCount)} · {windowText(tr, window)}\n        </p>\n      </CardContent>\n    </Card>\n  );\n}\n\n/** The page's two figure cards, side by side. */\nexport function SatisfactionFigureCards({ summary }: { summary: CustomerSatisfactionSummary }) {\n  return (\n    <div className=\"grid gap-4 md:grid-cols-2\" data-testid=\"satisfaction-figures\">\n      <CsatCard csat={summary.csat} window={summary.window} />\n      <NpsCard nps={summary.nps} window={summary.window} />\n    </div>\n  );\n}\n\nfunction CompactTile({\n  label,\n  value,\n  notEnough,\n  responseCount,\n  testId,\n}: {\n  label: string;\n  value: string | null;\n  notEnough: boolean;\n  responseCount: number;\n  testId: string;\n}) {\n  const tr = useTr();\n  return (\n    <div className=\"rounded-md border p-3\" data-testid={testId}>\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      {notEnough || value === null ? (\n        <p className=\"mt-1 text-sm font-semibold text-muted-foreground\">\n          {tr('planmagnet.satisfaction.notEnough', 'Not enough responses')}\n        </p>\n      ) : (\n        <p className=\"mt-1 text-2xl font-semibold tabular-nums\">{value}</p>\n      )}\n      <p className=\"mt-0.5 text-xs text-muted-foreground\">{responseCountText(tr, responseCount)}</p>\n    </div>\n  );\n}\n\n/** CSAT and NPS as two small tiles with their counts, and the window under them — for cards on other pages. */\nexport function CompactSatisfactionFigures({ summary }: { summary: CustomerSatisfactionSummary }) {\n  const tr = useTr();\n  const { csat, nps } = summary;\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-2 gap-3\">\n        <CompactTile\n          label={tr('planmagnet.satisfaction.csat.compactLabel', 'CSAT (% of answers 4–5)')}\n          value={formatCsat(csat.score)}\n          notEnough={csat.notEnoughResponses}\n          responseCount={csat.responseCount}\n          testId=\"satisfaction-compact-csat\"\n        />\n        <CompactTile\n          label={tr('planmagnet.satisfaction.nps.compactLabel', 'NPS')}\n          value={formatNps(nps.score)}\n          notEnough={nps.notEnoughResponses}\n          responseCount={nps.responseCount}\n          testId=\"satisfaction-compact-nps\"\n        />\n      </div>\n      {!nps.notEnoughResponses && (\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.nps.compactSplit',\n            'NPS: {{promoters}} promoters · {{passives}} passives · {{detractors}} detractors',\n            {\n              promoters: nps.promoterCount,\n              passives: nps.passiveCount,\n              detractors: nps.detractorCount,\n            }\n          )}\n        </p>\n      )}\n      <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-compact-window\">\n        {windowText(tr, summary.window)}\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/satisfaction/SatisfactionImportDialog.d.ts

@@ -0,0 +1,9 @@
+import { DefaultLinks } from './satisfactionCsv';
+import { ImportCustomerSatisfactionResult } from './satisfactionOperations';
+
+export declare function SatisfactionImportDialog({ links, onImported, }: {
+    /** Starting links for rows that name none — the page's product / release / project filters. */
+    links: DefaultLinks;
+    onImported: (result: ImportCustomerSatisfactionResult) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SatisfactionImportDialog.d.ts.map

package/dist/planmagnet/satisfaction/SatisfactionImportDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionImportDialog.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/SatisfactionImportDialog.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAQL,KAAK,YAAY,EAOlB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,gCAAgC,EACtC,MAAM,0BAA0B,CAAC;AAkPlC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,UAAU,GACX,EAAE;IACD,+FAA+F;IAC/F,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,gCAAgC,KAAK,IAAI,CAAC;CAChE,2CA8aA"}