@burdenoff/microfe-planmagnet 2026.1002.2 → 2026.1002.3

package/dist/planmagnet/satisfaction/SatisfactionImportDialog.js

@@ -0,0 +1,390 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ErrorLine as n } from "../controls/ConfirmButton.js";
+import { COMMENT_MAX as r, readImportRowErrors as i } from "./satisfaction.js";
+import { IMPORT_CUSTOMER_SATISFACTION_RESPONSES as a, SATISFACTION_QUERIES as ee } from "./satisfactionOperations.js";
+import { downloadCsv as te } from "../export/workItemsCsv.js";
+import { refusalMessage as ne } from "../product/refusal.js";
+import { SatisfactionLinkFields as re } from "./SatisfactionLinkFields.js";
+import { IMPORT_COLUMNS as o, MAX_FILE_BYTES as s, REQUIRED_COLUMNS as c, cellIsTrue as l, parseImportFile as u, previewRows as d, templateCsv as f } from "./satisfactionCsv.js";
+import { useMemo as p, useState as m } from "react";
+import { AlertTriangle as h, CheckCircle2 as ie, Download as ae, FileUp as oe } from "lucide-react";
+import { useMutation as se } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Checkbox as ce, Input as le, ResponsiveDialog as ue, ResponsiveDialogContent as de, ResponsiveDialogDescription as fe, ResponsiveDialogFooter as pe, ResponsiveDialogHeader as me, ResponsiveDialogTitle as he, ResponsiveDialogTrigger as b } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/satisfaction/SatisfactionImportDialog.tsx
+var x = {
+	productId: "",
+	releaseId: "",
+	projectId: ""
+}, S = 20;
+function C(e, t) {
+	switch (t.code) {
+		case "unterminatedQuote": return e("planmagnet.satisfaction.import.file.unterminatedQuote", "The file ends inside a quoted value — a closing \" is missing. Check the file and choose it again.");
+		case "empty": return e("planmagnet.satisfaction.import.file.empty", "The file is empty.");
+		case "missingColumns": return e("planmagnet.satisfaction.import.file.missingColumns", "The header row is missing required columns: {{columns}}. Start from the template.", { columns: t.columns.join(", ") });
+		case "duplicateColumn": return e("planmagnet.satisfaction.import.file.duplicateColumn", "The header names the column “{{column}}” twice.", { column: t.column });
+		case "noRows": return e("planmagnet.satisfaction.import.file.noRows", "The file has a header but no rows to import.");
+		default: return e("planmagnet.satisfaction.import.file.tooManyRows", "The file has {{count}} rows; one import takes at most {{max}}. Split the file and import each part.", {
+			count: t.count,
+			max: t.max
+		});
+	}
+}
+function w(e, t) {
+	let n = t.params;
+	switch (t.code) {
+		case "externalIdRequired": return e("planmagnet.satisfaction.import.row.externalIdRequired", "externalId is required — it is what makes importing the same file again add nothing new.");
+		case "externalIdTooLong": return e("planmagnet.satisfaction.import.row.externalIdTooLong", "externalId can be at most {{max}} characters.", n);
+		case "externalIdDuplicate": return e("planmagnet.satisfaction.import.row.externalIdDuplicate", "externalId is already used by row {{row}} of this file.", n);
+		case "metricTypeRequired": return e("planmagnet.satisfaction.import.row.metricTypeRequired", "metricType is required: CSAT or NPS.");
+		case "metricTypeInvalid": return e("planmagnet.satisfaction.import.row.metricTypeInvalid", "metricType must be CSAT or NPS.");
+		case "scoreRequired": return e("planmagnet.satisfaction.import.row.scoreRequired", "score is required.");
+		case "scoreNotWholeNumber": return e("planmagnet.satisfaction.import.row.scoreNotWholeNumber", "score must be a whole number.");
+		case "scoreOutOfRange": return e("planmagnet.satisfaction.import.row.scoreOutOfRange", "A {{metric}} score must be from {{min}} to {{max}}.", n);
+		case "respondedAtRequired": return e("planmagnet.satisfaction.import.row.respondedAtRequired", "respondedAt is required.");
+		case "respondedAtFormat": return e("planmagnet.satisfaction.import.row.respondedAtFormat", "respondedAt must be a date (2026-09-20) or a date-time with its time zone (2026-09-20T14:30:00Z).");
+		case "respondedAtInFuture": return e("planmagnet.satisfaction.import.row.respondedAtInFuture", "respondedAt cannot be in the future.");
+		case "respondedAtTooOld": return e("planmagnet.satisfaction.import.row.respondedAtTooOld", "respondedAt cannot be earlier than {{min}}.", n);
+		case "anonymousInvalid": return e("planmagnet.satisfaction.import.row.anonymousInvalid", "isAnonymous must be true or false (or yes / no, 1 / 0, or empty).");
+		case "anonymousWithIdentity": return e("planmagnet.satisfaction.import.row.anonymousWithIdentity", "An anonymous row cannot have a respondentName or respondentEmail.");
+		case "respondentNameTooLong": return e("planmagnet.satisfaction.import.row.respondentNameTooLong", "respondentName can be at most {{max}} characters.", n);
+		case "respondentEmailInvalid": return e("planmagnet.satisfaction.import.row.respondentEmailInvalid", "respondentEmail must be a valid email address of at most {{max}} characters.", n);
+		case "commentTooLong": return e("planmagnet.satisfaction.import.row.commentTooLong", "comment can be at most {{max}} characters.", n);
+		default: return e("planmagnet.satisfaction.import.row.linkRequired", "The row names no productId, releaseId or projectId — fill one in, or choose links for such rows above.");
+	}
+}
+function T(e, t) {
+	switch (t) {
+		case "externalId": return e("planmagnet.satisfaction.import.columns.externalId", "The answer’s id in your survey tool, unique in the file (at most {{max}} characters). Rows imported before are skipped.", { max: 200 });
+		case "metricType": return e("planmagnet.satisfaction.import.columns.metricType", "CSAT or NPS.");
+		case "score": return e("planmagnet.satisfaction.import.columns.score", "A whole number: CSAT 1–5, NPS 0–10.");
+		case "respondedAt": return e("planmagnet.satisfaction.import.columns.respondedAt", "When the customer answered: 2026-09-20, or 2026-09-20T14:30:00Z with a time zone. Not in the future.");
+		case "productId":
+		case "releaseId":
+		case "projectId": return e("planmagnet.satisfaction.import.columns.links", "Optional, but each row needs at least one of productId, releaseId, projectId (or the links chosen below). An id is the last part of that page’s address.");
+		case "isAnonymous": return e("planmagnet.satisfaction.import.columns.isAnonymous", "true or false (empty = false). An anonymous row stores no name or email.");
+		case "respondentName": return e("planmagnet.satisfaction.import.columns.respondentName", "Optional, at most {{max}} characters.", { max: 200 });
+		case "respondentEmail": return e("planmagnet.satisfaction.import.columns.respondentEmail", "Optional, at most {{max}} characters.", { max: 254 });
+		default: return e("planmagnet.satisfaction.import.columns.comment", "Optional, at most {{max}} characters.", { max: r });
+	}
+}
+function E({ row: t }) {
+	let n = e();
+	return t.usesDefaultLinks ? /* @__PURE__ */ g(v, {
+		variant: "outline",
+		className: "text-xs",
+		children: n("planmagnet.satisfaction.import.preview.defaultLinks", "Links chosen above")
+	}) : /* @__PURE__ */ g("div", {
+		className: "space-y-0.5 text-xs",
+		children: [
+			[n("planmagnet.satisfaction.import.preview.product", "Product"), t.cells.productId],
+			[n("planmagnet.satisfaction.import.preview.release", "Release"), t.cells.releaseId],
+			[n("planmagnet.satisfaction.import.preview.project", "Project"), t.cells.projectId]
+		].filter(([, e]) => e).map(([e, t]) => /* @__PURE__ */ _("p", {
+			className: "max-w-48 truncate",
+			title: t,
+			children: [
+				e,
+				": ",
+				/* @__PURE__ */ g("span", {
+					className: "font-mono",
+					children: t
+				})
+			]
+		}, e))
+	});
+}
+function D({ links: r, onImported: v }) {
+	let D = e(), [O, k] = m(!1), [A, j] = m(0), [M, N] = m(null), [P, F] = m(null), [I, L] = m(null), [R, z] = m(x), [B, V] = m(null), [H, U] = m(null), [W, G] = m(null), [K, q] = m(!0), [ge, J] = se(a, {
+		refetchQueries: ee,
+		awaitRefetchQueries: !0
+	}), Y = p(() => P && !P.problem ? d(P, R, /* @__PURE__ */ new Date()) : [], [P, R]), X = Y.filter((e) => e.input !== null), _e = Y.length - X.length, Z = p(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of B ?? []) e.set(t.row, [...e.get(t.row) ?? [], t]);
+		return e;
+	}, [B]), ve = Y.length > 0 && _e === 0 && !J.loading && W === null, Q = (e) => e.problems.length === 0 && !Z.has(e.row), $ = Y.filter((e) => !Q(e)).length, ye = $ > 0 && K ? Y.filter((e) => !Q(e)) : Y, be = () => {
+		q(!0), N(null), F(null), L(null), V(null), U(null), G(null), j((e) => e + 1);
+	}, xe = async (e) => {
+		let t = e.target.files?.[0];
+		if (V(null), U(null), G(null), F(null), L(null), q(!0), N(t?.name ?? null), t) {
+			if (t.size > 5242880) {
+				L(D("planmagnet.satisfaction.import.file.tooLarge", "The file is larger than {{max}} MB. Split it and import each part.", { max: s / (1024 * 1024) }));
+				return;
+			}
+			try {
+				F(u(await t.text()));
+			} catch {
+				L(D("planmagnet.satisfaction.import.file.unreadable", "The file could not be read. Save it as CSV (UTF-8) and try again."));
+			}
+		}
+	}, Se = async () => {
+		let e = X.flatMap((e) => e.input ? [e.input] : []);
+		if (e.length === Y.length) {
+			U(null), V(null);
+			try {
+				let { data: n } = await t(ge({ variables: { input: { rows: e } } })), r = n?.planmagnetImportCustomerSatisfactionResponses;
+				r && (G(r), v(r));
+			} catch (e) {
+				V(i(e)), U(ne(e, D("planmagnet.satisfaction.import.errors.failed", "The file could not be imported. Nothing was saved."), D("planmagnet.satisfaction.errors.forbidden", "Your role cannot change customer satisfaction responses in this workspace.")));
+			}
+		}
+	};
+	return /* @__PURE__ */ _(ue, {
+		open: O,
+		onOpenChange: (e) => {
+			k(e), e && (be(), z(r));
+		},
+		children: [/* @__PURE__ */ g(b, {
+			asChild: !0,
+			children: /* @__PURE__ */ _(y, {
+				size: "sm",
+				variant: "outline",
+				"data-testid": "satisfaction-import-open",
+				children: [/* @__PURE__ */ g(oe, { className: "mr-1 h-4 w-4" }), D("planmagnet.satisfaction.actions.import", "Import CSV")]
+			})
+		}), /* @__PURE__ */ _(de, {
+			className: "max-h-[90vh] overflow-y-auto sm:max-w-5xl",
+			children: [
+				/* @__PURE__ */ _(me, { children: [/* @__PURE__ */ g(he, { children: D("planmagnet.satisfaction.import.title", "Import customer responses") }), /* @__PURE__ */ g(fe, { children: D("planmagnet.satisfaction.import.description", "One row per answer, up to {{max}} rows. All or nothing: if any row is refused, nothing is saved. A row whose externalId was imported before is skipped, so importing the same file again adds nothing.", { max: 500 }) })] }),
+				/* @__PURE__ */ _("div", {
+					className: "min-w-0 space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex flex-wrap items-center gap-3",
+							children: [/* @__PURE__ */ _(y, {
+								size: "sm",
+								variant: "outline",
+								onClick: () => te("customer-satisfaction-template.csv", f()),
+								"data-testid": "satisfaction-import-template",
+								children: [/* @__PURE__ */ g(ae, { className: "mr-1 h-4 w-4" }), D("planmagnet.satisfaction.import.template", "Download template")]
+							}), /* @__PURE__ */ _("div", {
+								className: "min-w-64 flex-1",
+								children: [/* @__PURE__ */ g("label", {
+									htmlFor: "satisfaction-import-file",
+									className: "sr-only",
+									children: D("planmagnet.satisfaction.import.chooseFile", "CSV file")
+								}), /* @__PURE__ */ g(le, {
+									id: "satisfaction-import-file",
+									type: "file",
+									accept: ".csv,text/csv",
+									onChange: (e) => void xe(e),
+									"data-testid": "satisfaction-import-file"
+								}, A)]
+							})]
+						}),
+						/* @__PURE__ */ _("details", {
+							className: "rounded-md border p-3 text-sm",
+							children: [
+								/* @__PURE__ */ g("summary", {
+									className: "cursor-pointer font-medium",
+									children: D("planmagnet.satisfaction.import.columns.title", "Columns")
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "mt-2 text-xs text-muted-foreground",
+									children: D("planmagnet.satisfaction.import.columns.intro", "The first row names the columns (any order; case, spaces and underscores do not matter). Comma, semicolon or tab separated, UTF-8. Required: {{required}}.", { required: c.join(", ") })
+								}),
+								/* @__PURE__ */ g("dl", {
+									className: "mt-2 grid gap-x-4 gap-y-1 text-xs sm:grid-cols-[max-content_1fr]",
+									children: o.map((e) => /* @__PURE__ */ _("div", {
+										className: "contents",
+										children: [/* @__PURE__ */ g("dt", {
+											className: "font-mono",
+											children: e
+										}), /* @__PURE__ */ g("dd", {
+											className: "text-muted-foreground",
+											children: T(D, e)
+										})]
+									}, e))
+								})
+							]
+						}),
+						/* @__PURE__ */ _("fieldset", {
+							className: "space-y-2 rounded-md border p-3",
+							children: [
+								/* @__PURE__ */ g("legend", {
+									className: "px-1 text-sm font-medium",
+									children: D("planmagnet.satisfaction.import.defaults.title", "Links for rows that name none")
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "text-xs text-muted-foreground",
+									children: D("planmagnet.satisfaction.import.defaults.hint", "A row with no productId, releaseId or projectId of its own is linked to what you choose here. A row with any link of its own keeps exactly its own.")
+								}),
+								/* @__PURE__ */ g(re, {
+									idPrefix: "satisfaction-import",
+									columns: !0,
+									value: R,
+									onChange: (e) => {
+										z(e), V(null), U(null);
+									}
+								})
+							]
+						}),
+						I && /* @__PURE__ */ g(n, { message: I }),
+						P?.problem && /* @__PURE__ */ g(n, { message: C(D, P.problem) }),
+						P && P.ignoredColumns.length > 0 && /* @__PURE__ */ _("p", {
+							className: "flex items-center gap-1.5 rounded-md bg-status-warning-bg-subtle px-2 py-1 text-xs text-foreground",
+							"data-testid": "satisfaction-import-ignored",
+							children: [/* @__PURE__ */ g(h, {
+								className: "h-3.5 w-3.5 shrink-0",
+								"aria-hidden": !0
+							}), D("planmagnet.satisfaction.import.file.ignoredColumns", "These columns are not imported: {{columns}}.", { columns: P.ignoredColumns.join(", ") })]
+						}),
+						H && /* @__PURE__ */ g("div", {
+							role: "alert",
+							className: "rounded-md bg-status-error-bg-subtle p-3 text-sm text-status-error-text",
+							"data-testid": "satisfaction-import-error",
+							children: H
+						}),
+						W && /* @__PURE__ */ _("div", {
+							role: "status",
+							className: "space-y-1 rounded-md bg-status-success-bg-subtle p-3 text-sm text-status-success-text",
+							"data-testid": "satisfaction-import-result",
+							children: [/* @__PURE__ */ _("p", {
+								className: "flex items-center gap-1.5 font-medium",
+								children: [/* @__PURE__ */ g(ie, {
+									className: "h-4 w-4",
+									"aria-hidden": !0
+								}), W.createdCount === 1 ? D("planmagnet.satisfaction.import.result.createdOne", "Imported 1 new response.") : D("planmagnet.satisfaction.import.result.created", "Imported {{count}} new responses.", { count: W.createdCount })]
+							}), W.skippedCount > 0 && /* @__PURE__ */ g("p", { children: D("planmagnet.satisfaction.import.result.skipped", "Skipped {{count}} already imported (same externalId — never updated or duplicated): {{ids}}", {
+								count: W.skippedCount,
+								ids: W.skippedExternalIds.slice(0, S).join(", ") + (W.skippedExternalIds.length > S ? D("planmagnet.satisfaction.import.result.more", " and {{count}} more", { count: W.skippedExternalIds.length - S }) : "")
+							}) })]
+						}),
+						Y.length > 0 && /* @__PURE__ */ _("div", {
+							className: "space-y-2",
+							children: [
+								$ > 0 && /* @__PURE__ */ _("label", {
+									className: "flex items-center gap-2 text-xs",
+									children: [/* @__PURE__ */ g(ce, {
+										checked: K,
+										onCheckedChange: (e) => q(e === !0),
+										"data-testid": "satisfaction-import-only-problems"
+									}), D("planmagnet.satisfaction.import.preview.onlyProblems", "Show only rows with problems ({{count}})", { count: $ })]
+								}),
+								/* @__PURE__ */ _("p", {
+									className: "text-sm",
+									"data-testid": "satisfaction-import-summary",
+									children: [
+										D("planmagnet.satisfaction.import.preview.summary", "{{file}} — rows: {{count}}; ready: {{ready}}; with problems: {{problems}}.", {
+											file: M ?? "",
+											count: Y.length,
+											ready: Y.length - $,
+											problems: $
+										}),
+										" ",
+										/* @__PURE__ */ g("span", {
+											className: "text-muted-foreground",
+											children: D("planmagnet.satisfaction.import.preview.numbering", "Row 1 is the first row under the header.")
+										})
+									]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "max-h-96 overflow-auto rounded-md border",
+									children: /* @__PURE__ */ _("table", {
+										className: "w-full text-left text-xs",
+										children: [/* @__PURE__ */ g("thead", {
+											className: "sticky top-0 bg-muted",
+											children: /* @__PURE__ */ _("tr", { children: [
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.import.preview.row", "Row")
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: "externalId"
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.list.score", "Score")
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.list.answered", "Answered")
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.list.about", "About")
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.list.respondent", "Respondent")
+												}),
+												/* @__PURE__ */ g("th", {
+													className: "px-2 py-1.5 font-medium",
+													children: D("planmagnet.satisfaction.import.preview.check", "Check")
+												})
+											] })
+										}), /* @__PURE__ */ g("tbody", { children: ye.map((e) => {
+											let t = Z.get(e.row) ?? [], n = Q(e);
+											return /* @__PURE__ */ _("tr", {
+												className: n ? "border-t" : "border-t bg-status-error-bg-subtle/40",
+												"data-testid": "satisfaction-import-row",
+												children: [
+													/* @__PURE__ */ g("td", {
+														className: "px-2 py-1.5 align-top tabular-nums",
+														children: e.row
+													}),
+													/* @__PURE__ */ g("td", {
+														className: "max-w-40 truncate px-2 py-1.5 align-top font-mono",
+														title: e.cells.externalId,
+														children: e.cells.externalId
+													}),
+													/* @__PURE__ */ _("td", {
+														className: "whitespace-nowrap px-2 py-1.5 align-top",
+														children: [
+															e.cells.metricType,
+															" ",
+															e.cells.score
+														]
+													}),
+													/* @__PURE__ */ g("td", {
+														className: "whitespace-nowrap px-2 py-1.5 align-top",
+														children: e.cells.respondedAt
+													}),
+													/* @__PURE__ */ g("td", {
+														className: "px-2 py-1.5 align-top",
+														children: /* @__PURE__ */ g(E, { row: e })
+													}),
+													/* @__PURE__ */ g("td", {
+														className: "max-w-40 truncate px-2 py-1.5 align-top",
+														children: l(e.cells.isAnonymous) ? D("planmagnet.satisfaction.list.anonymous", "Anonymous") : e.cells.respondentName || e.cells.respondentEmail
+													}),
+													/* @__PURE__ */ g("td", {
+														className: "px-2 py-1.5 align-top",
+														children: n ? /* @__PURE__ */ g("span", {
+															className: "text-status-success-text",
+															children: D("planmagnet.satisfaction.import.preview.ready", "Ready")
+														}) : /* @__PURE__ */ _("ul", {
+															className: "space-y-0.5 text-status-error-text",
+															"data-testid": "satisfaction-import-row-problems",
+															children: [e.problems.map((e, t) => /* @__PURE__ */ g("li", { children: w(D, e) }, `c${t}`)), t.map((e, t) => /* @__PURE__ */ _("li", { children: [e.field ? `${e.field}: ` : "", e.message] }, `s${t}`))]
+														})
+													})
+												]
+											}, e.row);
+										}) })]
+									})
+								})
+							]
+						})
+					]
+				}),
+				/* @__PURE__ */ g(pe, { children: W ? /* @__PURE__ */ g(y, {
+					onClick: () => k(!1),
+					"data-testid": "satisfaction-import-done",
+					children: D("planmagnet.satisfaction.import.done", "Done")
+				}) : /* @__PURE__ */ g(y, {
+					onClick: () => void Se(),
+					disabled: !ve,
+					"data-testid": "satisfaction-import-submit",
+					children: J.loading ? D("planmagnet.satisfaction.import.importing", "Importing…") : Y.length === 1 ? D("planmagnet.satisfaction.import.submitOne", "Import 1 row") : D("planmagnet.satisfaction.import.submit", "Import {{count}} rows", { count: Y.length })
+				}) })
+			]
+		})]
+	});
+}
+//#endregion
+export { D as SatisfactionImportDialog };
+
+//# sourceMappingURL=SatisfactionImportDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionImportDialog.js","names":[],"sources":["../../../src/planmagnet/satisfaction/SatisfactionImportDialog.tsx"],"sourcesContent":["import { useMemo, useState, type ChangeEvent } from 'react';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Badge,\n  Button,\n  Checkbox,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, CheckCircle2, Download, FileUp } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { downloadCsv } from '../export/workItemsCsv';\nimport { refusalMessage } from '../product/refusal';\nimport { throwOnError } from '../utils/mutationResult';\nimport { SatisfactionLinkFields } from './SatisfactionLinkFields';\nimport {\n  COMMENT_MAX,\n  EXTERNAL_ID_MAX,\n  MAX_IMPORT_ROWS,\n  RESPONDENT_EMAIL_MAX,\n  RESPONDENT_NAME_MAX,\n  readImportRowErrors,\n  type ImportRowError,\n} from './satisfaction';\nimport {\n  IMPORT_COLUMNS,\n  MAX_FILE_BYTES,\n  cellIsTrue,\n  REQUIRED_COLUMNS,\n  parseImportFile,\n  previewRows,\n  templateCsv,\n  type DefaultLinks,\n  type FileProblem,\n  type ImportColumn,\n  type ImportRowInput,\n  type ParsedImportFile,\n  type PreviewRow,\n  type RowProblem,\n} from './satisfactionCsv';\nimport {\n  IMPORT_CUSTOMER_SATISFACTION_RESPONSES,\n  SATISFACTION_QUERIES,\n  type ImportCustomerSatisfactionResult,\n} from './satisfactionOperations';\n\n/**\n * Import customer answers from a CSV file (source IMPORT). The file is read in the browser: its rows are previewed with\n * every problem the service would refuse them for, and nothing is sent until every row is ready. The service then checks\n * every row again (and that each linked product, release and project exists) and imports all of them or none — a\n * refusal names each refused row by its number, shown on that row here. Re-importing a file is safe: a row whose\n * external id was imported before is skipped, never updated or duplicated, and the result says which.\n */\n\ntype Tr = ReturnType<typeof useTr>;\n\ninterface ImportData {\n  planmagnetImportCustomerSatisfactionResponses: ImportCustomerSatisfactionResult;\n}\n\nconst EMPTY_LINKS: DefaultLinks = { productId: '', releaseId: '', projectId: '' };\n/** How many skipped external ids the result lists before \"and N more\". */\nconst SKIPPED_LISTED = 20;\n\nfunction fileProblemText(tr: Tr, problem: FileProblem): string {\n  switch (problem.code) {\n    case 'unterminatedQuote':\n      return tr(\n        'planmagnet.satisfaction.import.file.unterminatedQuote',\n        'The file ends inside a quoted value — a closing \" is missing. Check the file and choose it again.'\n      );\n    case 'empty':\n      return tr('planmagnet.satisfaction.import.file.empty', 'The file is empty.');\n    case 'missingColumns':\n      return tr(\n        'planmagnet.satisfaction.import.file.missingColumns',\n        'The header row is missing required columns: {{columns}}. Start from the template.',\n        { columns: problem.columns.join(', ') }\n      );\n    case 'duplicateColumn':\n      return tr(\n        'planmagnet.satisfaction.import.file.duplicateColumn',\n        'The header names the column “{{column}}” twice.',\n        { column: problem.column }\n      );\n    case 'noRows':\n      return tr(\n        'planmagnet.satisfaction.import.file.noRows',\n        'The file has a header but no rows to import.'\n      );\n    default:\n      return tr(\n        'planmagnet.satisfaction.import.file.tooManyRows',\n        'The file has {{count}} rows; one import takes at most {{max}}. Split the file and import each part.',\n        { count: problem.count, max: problem.max }\n      );\n  }\n}\n\nfunction rowProblemText(tr: Tr, problem: RowProblem): string {\n  const p = problem.params;\n  switch (problem.code) {\n    case 'externalIdRequired':\n      return tr(\n        'planmagnet.satisfaction.import.row.externalIdRequired',\n        'externalId is required — it is what makes importing the same file again add nothing new.'\n      );\n    case 'externalIdTooLong':\n      return tr(\n        'planmagnet.satisfaction.import.row.externalIdTooLong',\n        'externalId can be at most {{max}} characters.',\n        p\n      );\n    case 'externalIdDuplicate':\n      return tr(\n        'planmagnet.satisfaction.import.row.externalIdDuplicate',\n        'externalId is already used by row {{row}} of this file.',\n        p\n      );\n    case 'metricTypeRequired':\n      return tr(\n        'planmagnet.satisfaction.import.row.metricTypeRequired',\n        'metricType is required: CSAT or NPS.'\n      );\n    case 'metricTypeInvalid':\n      return tr(\n        'planmagnet.satisfaction.import.row.metricTypeInvalid',\n        'metricType must be CSAT or NPS.'\n      );\n    case 'scoreRequired':\n      return tr('planmagnet.satisfaction.import.row.scoreRequired', 'score is required.');\n    case 'scoreNotWholeNumber':\n      return tr(\n        'planmagnet.satisfaction.import.row.scoreNotWholeNumber',\n        'score must be a whole number.'\n      );\n    case 'scoreOutOfRange':\n      return tr(\n        'planmagnet.satisfaction.import.row.scoreOutOfRange',\n        'A {{metric}} score must be from {{min}} to {{max}}.',\n        p\n      );\n    case 'respondedAtRequired':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondedAtRequired',\n        'respondedAt is required.'\n      );\n    case 'respondedAtFormat':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondedAtFormat',\n        'respondedAt must be a date (2026-09-20) or a date-time with its time zone (2026-09-20T14:30:00Z).'\n      );\n    case 'respondedAtInFuture':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondedAtInFuture',\n        'respondedAt cannot be in the future.'\n      );\n    case 'respondedAtTooOld':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondedAtTooOld',\n        'respondedAt cannot be earlier than {{min}}.',\n        p\n      );\n    case 'anonymousInvalid':\n      return tr(\n        'planmagnet.satisfaction.import.row.anonymousInvalid',\n        'isAnonymous must be true or false (or yes / no, 1 / 0, or empty).'\n      );\n    case 'anonymousWithIdentity':\n      return tr(\n        'planmagnet.satisfaction.import.row.anonymousWithIdentity',\n        'An anonymous row cannot have a respondentName or respondentEmail.'\n      );\n    case 'respondentNameTooLong':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondentNameTooLong',\n        'respondentName can be at most {{max}} characters.',\n        p\n      );\n    case 'respondentEmailInvalid':\n      return tr(\n        'planmagnet.satisfaction.import.row.respondentEmailInvalid',\n        'respondentEmail must be a valid email address of at most {{max}} characters.',\n        p\n      );\n    case 'commentTooLong':\n      return tr(\n        'planmagnet.satisfaction.import.row.commentTooLong',\n        'comment can be at most {{max}} characters.',\n        p\n      );\n    default:\n      return tr(\n        'planmagnet.satisfaction.import.row.linkRequired',\n        'The row names no productId, releaseId or projectId — fill one in, or choose links for such rows above.'\n      );\n  }\n}\n\n/** One line of the column guide. */\nfunction columnHelp(tr: Tr, column: ImportColumn): string {\n  switch (column) {\n    case 'externalId':\n      return tr(\n        'planmagnet.satisfaction.import.columns.externalId',\n        'The answer’s id in your survey tool, unique in the file (at most {{max}} characters). Rows imported before are skipped.',\n        { max: EXTERNAL_ID_MAX }\n      );\n    case 'metricType':\n      return tr('planmagnet.satisfaction.import.columns.metricType', 'CSAT or NPS.');\n    case 'score':\n      return tr(\n        'planmagnet.satisfaction.import.columns.score',\n        'A whole number: CSAT 1–5, NPS 0–10.'\n      );\n    case 'respondedAt':\n      return tr(\n        'planmagnet.satisfaction.import.columns.respondedAt',\n        'When the customer answered: 2026-09-20, or 2026-09-20T14:30:00Z with a time zone. Not in the future.'\n      );\n    case 'productId':\n    case 'releaseId':\n    case 'projectId':\n      return tr(\n        'planmagnet.satisfaction.import.columns.links',\n        'Optional, but each row needs at least one of productId, releaseId, projectId (or the links chosen below). An id is the last part of that page’s address.'\n      );\n    case 'isAnonymous':\n      return tr(\n        'planmagnet.satisfaction.import.columns.isAnonymous',\n        'true or false (empty = false). An anonymous row stores no name or email.'\n      );\n    case 'respondentName':\n      return tr(\n        'planmagnet.satisfaction.import.columns.respondentName',\n        'Optional, at most {{max}} characters.',\n        {\n          max: RESPONDENT_NAME_MAX,\n        }\n      );\n    case 'respondentEmail':\n      return tr(\n        'planmagnet.satisfaction.import.columns.respondentEmail',\n        'Optional, at most {{max}} characters.',\n        {\n          max: RESPONDENT_EMAIL_MAX,\n        }\n      );\n    default:\n      return tr(\n        'planmagnet.satisfaction.import.columns.comment',\n        'Optional, at most {{max}} characters.',\n        {\n          max: COMMENT_MAX,\n        }\n      );\n  }\n}\n\nfunction RowLinks({ row }: { row: PreviewRow }) {\n  const tr = useTr();\n  if (row.usesDefaultLinks) {\n    return (\n      <Badge variant=\"outline\" className=\"text-xs\">\n        {tr('planmagnet.satisfaction.import.preview.defaultLinks', 'Links chosen above')}\n      </Badge>\n    );\n  }\n  const parts: [string, string][] = [\n    [tr('planmagnet.satisfaction.import.preview.product', 'Product'), row.cells.productId],\n    [tr('planmagnet.satisfaction.import.preview.release', 'Release'), row.cells.releaseId],\n    [tr('planmagnet.satisfaction.import.preview.project', 'Project'), row.cells.projectId],\n  ];\n  return (\n    <div className=\"space-y-0.5 text-xs\">\n      {parts\n        .filter(([, id]) => id)\n        .map(([label, id]) => (\n          <p key={label} className=\"max-w-48 truncate\" title={id}>\n            {label}: <span className=\"font-mono\">{id}</span>\n          </p>\n        ))}\n    </div>\n  );\n}\n\nexport function SatisfactionImportDialog({\n  links,\n  onImported,\n}: {\n  /** Starting links for rows that name none — the page's product / release / project filters. */\n  links: DefaultLinks;\n  onImported: (result: ImportCustomerSatisfactionResult) => void;\n}) {\n  const tr = useTr();\n  const [open, setOpen] = useState(false);\n  const [inputKey, setInputKey] = useState(0);\n  const [fileName, setFileName] = useState<string | null>(null);\n  const [parsed, setParsed] = useState<ParsedImportFile | null>(null);\n  const [readError, setReadError] = useState<string | null>(null);\n  const [defaults, setDefaults] = useState<DefaultLinks>(EMPTY_LINKS);\n  const [serverRows, setServerRows] = useState<ImportRowError[] | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [result, setResult] = useState<ImportCustomerSatisfactionResult | null>(null);\n  const [onlyProblems, setOnlyProblems] = useState(true);\n  const [importRows, importState] = useMutation<ImportData>(\n    IMPORT_CUSTOMER_SATISFACTION_RESPONSES,\n    {\n      refetchQueries: SATISFACTION_QUERIES,\n      awaitRefetchQueries: true,\n    }\n  );\n\n  const rows = useMemo(\n    () => (parsed && !parsed.problem ? previewRows(parsed, defaults, new Date()) : []),\n    [parsed, defaults]\n  );\n  const ready = rows.filter((r) => r.input !== null);\n  const withProblems = rows.length - ready.length;\n  const serverByRow = useMemo(() => {\n    const map = new Map<number, ImportRowError[]>();\n    for (const e of serverRows ?? []) map.set(e.row, [...(map.get(e.row) ?? []), e]);\n    return map;\n  }, [serverRows]);\n  const canImport =\n    rows.length > 0 && withProblems === 0 && !importState.loading && result === null;\n  const isOk = (row: PreviewRow) => row.problems.length === 0 && !serverByRow.has(row.row);\n  const failing = rows.filter((row) => !isOk(row)).length;\n  // With problems on screen, the table starts with just the rows that have them — 3 refusals among 500 rows.\n  const shownRows = failing > 0 && onlyProblems ? rows.filter((row) => !isOk(row)) : rows;\n\n  const reset = () => {\n    setOnlyProblems(true);\n    setFileName(null);\n    setParsed(null);\n    setReadError(null);\n    setServerRows(null);\n    setError(null);\n    setResult(null);\n    setInputKey((k) => k + 1);\n  };\n\n  const onFile = async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0];\n    setServerRows(null);\n    setError(null);\n    setResult(null);\n    setParsed(null);\n    setReadError(null);\n    setOnlyProblems(true);\n    setFileName(file?.name ?? null);\n    if (!file) return;\n    if (file.size > MAX_FILE_BYTES) {\n      setReadError(\n        tr(\n          'planmagnet.satisfaction.import.file.tooLarge',\n          'The file is larger than {{max}} MB. Split it and import each part.',\n          { max: MAX_FILE_BYTES / (1024 * 1024) }\n        )\n      );\n      return;\n    }\n    try {\n      setParsed(parseImportFile(await file.text()));\n    } catch {\n      setReadError(\n        tr(\n          'planmagnet.satisfaction.import.file.unreadable',\n          'The file could not be read. Save it as CSV (UTF-8) and try again.'\n        )\n      );\n    }\n  };\n\n  const onImport = async () => {\n    const input: ImportRowInput[] = ready.flatMap((r) => (r.input ? [r.input] : []));\n    if (input.length !== rows.length) return;\n    setError(null);\n    setServerRows(null);\n    try {\n      const { data } = await throwOnError(importRows({ variables: { input: { rows: input } } }));\n      const outcome = data?.planmagnetImportCustomerSatisfactionResponses;\n      if (outcome) {\n        setResult(outcome);\n        onImported(outcome);\n      }\n    } catch (e) {\n      setServerRows(readImportRowErrors(e));\n      setError(\n        refusalMessage(\n          e,\n          tr(\n            'planmagnet.satisfaction.import.errors.failed',\n            'The file could not be imported. Nothing was saved.'\n          ),\n          tr(\n            'planmagnet.satisfaction.errors.forbidden',\n            'Your role cannot change customer satisfaction responses in this workspace.'\n          )\n        )\n      );\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          reset();\n          setDefaults(links);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" variant=\"outline\" data-testid=\"satisfaction-import-open\">\n          <FileUp className=\"mr-1 h-4 w-4\" />\n          {tr('planmagnet.satisfaction.actions.import', 'Import CSV')}\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-h-[90vh] overflow-y-auto sm:max-w-5xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>\n            {tr('planmagnet.satisfaction.import.title', 'Import customer responses')}\n          </ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {tr(\n              'planmagnet.satisfaction.import.description',\n              'One row per answer, up to {{max}} rows. All or nothing: if any row is refused, nothing is saved. A row whose externalId was imported before is skipped, so importing the same file again adds nothing.',\n              { max: MAX_IMPORT_ROWS }\n            )}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <div className=\"min-w-0 space-y-4\">\n          <div className=\"flex flex-wrap items-center gap-3\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              onClick={() => downloadCsv('customer-satisfaction-template.csv', templateCsv())}\n              data-testid=\"satisfaction-import-template\"\n            >\n              <Download className=\"mr-1 h-4 w-4\" />\n              {tr('planmagnet.satisfaction.import.template', 'Download template')}\n            </Button>\n            <div className=\"min-w-64 flex-1\">\n              <label htmlFor=\"satisfaction-import-file\" className=\"sr-only\">\n                {tr('planmagnet.satisfaction.import.chooseFile', 'CSV file')}\n              </label>\n              <Input\n                key={inputKey}\n                id=\"satisfaction-import-file\"\n                type=\"file\"\n                accept=\".csv,text/csv\"\n                onChange={(e) => void onFile(e)}\n                data-testid=\"satisfaction-import-file\"\n              />\n            </div>\n          </div>\n\n          <details className=\"rounded-md border p-3 text-sm\">\n            <summary className=\"cursor-pointer font-medium\">\n              {tr('planmagnet.satisfaction.import.columns.title', 'Columns')}\n            </summary>\n            <p className=\"mt-2 text-xs text-muted-foreground\">\n              {tr(\n                'planmagnet.satisfaction.import.columns.intro',\n                'The first row names the columns (any order; case, spaces and underscores do not matter). Comma, semicolon or tab separated, UTF-8. Required: {{required}}.',\n                { required: REQUIRED_COLUMNS.join(', ') }\n              )}\n            </p>\n            <dl className=\"mt-2 grid gap-x-4 gap-y-1 text-xs sm:grid-cols-[max-content_1fr]\">\n              {IMPORT_COLUMNS.map((column) => (\n                <div key={column} className=\"contents\">\n                  <dt className=\"font-mono\">{column}</dt>\n                  <dd className=\"text-muted-foreground\">{columnHelp(tr, column)}</dd>\n                </div>\n              ))}\n            </dl>\n          </details>\n\n          <fieldset className=\"space-y-2 rounded-md border p-3\">\n            <legend className=\"px-1 text-sm font-medium\">\n              {tr('planmagnet.satisfaction.import.defaults.title', 'Links for rows that name none')}\n            </legend>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr(\n                'planmagnet.satisfaction.import.defaults.hint',\n                'A row with no productId, releaseId or projectId of its own is linked to what you choose here. A row with any link of its own keeps exactly its own.'\n              )}\n            </p>\n            <SatisfactionLinkFields\n              idPrefix=\"satisfaction-import\"\n              columns\n              value={defaults}\n              onChange={(next) => {\n                setDefaults(next);\n                setServerRows(null);\n                setError(null);\n              }}\n            />\n          </fieldset>\n\n          {readError && <ErrorLine message={readError} />}\n          {parsed?.problem && <ErrorLine message={fileProblemText(tr, parsed.problem)} />}\n          {parsed && parsed.ignoredColumns.length > 0 && (\n            <p\n              className=\"flex items-center gap-1.5 rounded-md bg-status-warning-bg-subtle px-2 py-1 text-xs text-foreground\"\n              data-testid=\"satisfaction-import-ignored\"\n            >\n              <AlertTriangle className=\"h-3.5 w-3.5 shrink-0\" aria-hidden={true} />\n              {tr(\n                'planmagnet.satisfaction.import.file.ignoredColumns',\n                'These columns are not imported: {{columns}}.',\n                { columns: parsed.ignoredColumns.join(', ') }\n              )}\n            </p>\n          )}\n\n          {error && (\n            <div\n              role=\"alert\"\n              className=\"rounded-md bg-status-error-bg-subtle p-3 text-sm text-status-error-text\"\n              data-testid=\"satisfaction-import-error\"\n            >\n              {error}\n            </div>\n          )}\n\n          {result && (\n            <div\n              role=\"status\"\n              className=\"space-y-1 rounded-md bg-status-success-bg-subtle p-3 text-sm text-status-success-text\"\n              data-testid=\"satisfaction-import-result\"\n            >\n              <p className=\"flex items-center gap-1.5 font-medium\">\n                <CheckCircle2 className=\"h-4 w-4\" aria-hidden={true} />\n                {result.createdCount === 1\n                  ? tr(\n                      'planmagnet.satisfaction.import.result.createdOne',\n                      'Imported 1 new response.'\n                    )\n                  : tr(\n                      'planmagnet.satisfaction.import.result.created',\n                      'Imported {{count}} new responses.',\n                      {\n                        count: result.createdCount,\n                      }\n                    )}\n              </p>\n              {result.skippedCount > 0 && (\n                <p>\n                  {tr(\n                    'planmagnet.satisfaction.import.result.skipped',\n                    'Skipped {{count}} already imported (same externalId — never updated or duplicated): {{ids}}',\n                    {\n                      count: result.skippedCount,\n                      ids:\n                        result.skippedExternalIds.slice(0, SKIPPED_LISTED).join(', ') +\n                        (result.skippedExternalIds.length > SKIPPED_LISTED\n                          ? tr(\n                              'planmagnet.satisfaction.import.result.more',\n                              ' and {{count}} more',\n                              {\n                                count: result.skippedExternalIds.length - SKIPPED_LISTED,\n                              }\n                            )\n                          : ''),\n                    }\n                  )}\n                </p>\n              )}\n            </div>\n          )}\n\n          {rows.length > 0 && (\n            <div className=\"space-y-2\">\n              {failing > 0 && (\n                <label className=\"flex items-center gap-2 text-xs\">\n                  <Checkbox\n                    checked={onlyProblems}\n                    onCheckedChange={(checked) => setOnlyProblems(checked === true)}\n                    data-testid=\"satisfaction-import-only-problems\"\n                  />\n                  {tr(\n                    'planmagnet.satisfaction.import.preview.onlyProblems',\n                    'Show only rows with problems ({{count}})',\n                    { count: failing }\n                  )}\n                </label>\n              )}\n              <p className=\"text-sm\" data-testid=\"satisfaction-import-summary\">\n                {tr(\n                  'planmagnet.satisfaction.import.preview.summary',\n                  '{{file}} — rows: {{count}}; ready: {{ready}}; with problems: {{problems}}.',\n                  {\n                    file: fileName ?? '',\n                    count: rows.length,\n                    // A row the service refused is not ready, even though it passed the checks here.\n                    ready: rows.length - failing,\n                    problems: failing,\n                  }\n                )}{' '}\n                <span className=\"text-muted-foreground\">\n                  {tr(\n                    'planmagnet.satisfaction.import.preview.numbering',\n                    'Row 1 is the first row under the header.'\n                  )}\n                </span>\n              </p>\n              <div className=\"max-h-96 overflow-auto rounded-md border\">\n                <table className=\"w-full text-left text-xs\">\n                  <thead className=\"sticky top-0 bg-muted\">\n                    <tr>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.import.preview.row', 'Row')}\n                      </th>\n                      <th className=\"px-2 py-1.5 font-medium\">externalId</th>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.list.score', 'Score')}\n                      </th>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.list.answered', 'Answered')}\n                      </th>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.list.about', 'About')}\n                      </th>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.list.respondent', 'Respondent')}\n                      </th>\n                      <th className=\"px-2 py-1.5 font-medium\">\n                        {tr('planmagnet.satisfaction.import.preview.check', 'Check')}\n                      </th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {shownRows.map((row) => {\n                      const server = serverByRow.get(row.row) ?? [];\n                      const ok = isOk(row);\n                      return (\n                        <tr\n                          key={row.row}\n                          className={ok ? 'border-t' : 'border-t bg-status-error-bg-subtle/40'}\n                          data-testid=\"satisfaction-import-row\"\n                        >\n                          <td className=\"px-2 py-1.5 align-top tabular-nums\">{row.row}</td>\n                          <td\n                            className=\"max-w-40 truncate px-2 py-1.5 align-top font-mono\"\n                            title={row.cells.externalId}\n                          >\n                            {row.cells.externalId}\n                          </td>\n                          <td className=\"whitespace-nowrap px-2 py-1.5 align-top\">\n                            {row.cells.metricType} {row.cells.score}\n                          </td>\n                          <td className=\"whitespace-nowrap px-2 py-1.5 align-top\">\n                            {row.cells.respondedAt}\n                          </td>\n                          <td className=\"px-2 py-1.5 align-top\">\n                            <RowLinks row={row} />\n                          </td>\n                          <td className=\"max-w-40 truncate px-2 py-1.5 align-top\">\n                            {cellIsTrue(row.cells.isAnonymous)\n                              ? tr('planmagnet.satisfaction.list.anonymous', 'Anonymous')\n                              : row.cells.respondentName || row.cells.respondentEmail}\n                          </td>\n                          <td className=\"px-2 py-1.5 align-top\">\n                            {ok ? (\n                              <span className=\"text-status-success-text\">\n                                {tr('planmagnet.satisfaction.import.preview.ready', 'Ready')}\n                              </span>\n                            ) : (\n                              <ul\n                                className=\"space-y-0.5 text-status-error-text\"\n                                data-testid=\"satisfaction-import-row-problems\"\n                              >\n                                {row.problems.map((problem, i) => (\n                                  <li key={`c${i}`}>{rowProblemText(tr, problem)}</li>\n                                ))}\n                                {server.map((e, i) => (\n                                  <li key={`s${i}`}>\n                                    {e.field ? `${e.field}: ` : ''}\n                                    {e.message}\n                                  </li>\n                                ))}\n                              </ul>\n                            )}\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </tbody>\n                </table>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <ResponsiveDialogFooter>\n          {result ? (\n            <Button onClick={() => setOpen(false)} data-testid=\"satisfaction-import-done\">\n              {tr('planmagnet.satisfaction.import.done', 'Done')}\n            </Button>\n          ) : (\n            <Button\n              onClick={() => void onImport()}\n              disabled={!canImport}\n              data-testid=\"satisfaction-import-submit\"\n            >\n              {importState.loading\n                ? tr('planmagnet.satisfaction.import.importing', 'Importing…')\n                : rows.length === 1\n                  ? tr('planmagnet.satisfaction.import.submitOne', 'Import 1 row')\n                  : tr('planmagnet.satisfaction.import.submit', 'Import {{count}} rows', {\n                      count: rows.length,\n                    })}\n            </Button>\n          )}\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,17 @@
+import { FormLinks } from './satisfactionForm';
+
+/**
+ * What a response is about: a product, a release and/or a project. A release must belong to the product named with it
+ * (or to no product) — the release list offers only those, and choosing another product drops a release of the old
+ * one instead of leaving a pair the service refuses.
+ */
+export declare function SatisfactionLinkFields({ idPrefix, value, onChange, columns, notes, }: {
+    idPrefix: string;
+    value: FormLinks;
+    onChange: (next: FormLinks) => void;
+    /** Side by side (the import dialog) rather than stacked (the response form). */
+    columns?: boolean;
+    /** A line under a field, e.g. that its linked record was deleted. */
+    notes?: Partial<Record<keyof FormLinks, string | null>>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SatisfactionLinkFields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionLinkFields.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/SatisfactionLinkFields.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAe,EACf,KAAU,GACX,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACzD,2CAuDA"}

package/dist/planmagnet/satisfaction/SatisfactionLinkFields.js

@@ -0,0 +1,77 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { ProductSelect as n, ProjectSelect as r } from "../controls/Pickers.js";
+import { SatisfactionReleaseSelect as i, useSatisfactionReleaseOptions as a } from "./SatisfactionReleaseSelect.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/planmagnet/satisfaction/SatisfactionLinkFields.tsx
+function c({ idPrefix: c, value: l, onChange: u, columns: d = !1, notes: f = {} }) {
+	let p = e(), { releases: m } = a(), h = (e) => {
+		let t = m.find((e) => e.id === l.releaseId), n = !t || !t.productId || !e || t.productId === e;
+		u({
+			...l,
+			productId: e,
+			releaseId: n ? l.releaseId : ""
+		});
+	}, g = (e) => f[e] ? /* @__PURE__ */ o("p", {
+		className: "text-xs text-muted-foreground",
+		children: f[e]
+	}) : null;
+	return /* @__PURE__ */ s("div", {
+		className: t("gap-2", d ? "grid sm:grid-cols-3" : "space-y-2"),
+		children: [
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("label", {
+					htmlFor: `${c}-product`,
+					className: "text-xs text-muted-foreground",
+					children: p("planmagnet.satisfaction.form.product", "Product")
+				}),
+				/* @__PURE__ */ o(n, {
+					id: `${c}-product`,
+					value: l.productId,
+					noneLabel: p("planmagnet.satisfaction.form.noProduct", "No product"),
+					onChange: h
+				}),
+				g("productId")
+			] }),
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("label", {
+					htmlFor: `${c}-release`,
+					className: "text-xs text-muted-foreground",
+					children: p("planmagnet.satisfaction.form.release", "Release")
+				}),
+				/* @__PURE__ */ o(i, {
+					id: `${c}-release`,
+					value: l.releaseId,
+					productId: l.productId,
+					noneLabel: p("planmagnet.satisfaction.form.noRelease", "No release"),
+					onChange: (e) => u({
+						...l,
+						releaseId: e
+					})
+				}),
+				g("releaseId")
+			] }),
+			/* @__PURE__ */ s("div", { children: [
+				/* @__PURE__ */ o("label", {
+					htmlFor: `${c}-project`,
+					className: "text-xs text-muted-foreground",
+					children: p("planmagnet.satisfaction.form.project", "Project")
+				}),
+				/* @__PURE__ */ o(r, {
+					id: `${c}-project`,
+					value: l.projectId,
+					noneLabel: p("planmagnet.satisfaction.form.noProject", "No project"),
+					onChange: (e) => u({
+						...l,
+						projectId: e
+					})
+				}),
+				g("projectId")
+			] })
+		]
+	});
+}
+//#endregion
+export { c as SatisfactionLinkFields };
+
+//# sourceMappingURL=SatisfactionLinkFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionLinkFields.js","names":[],"sources":["../../../src/planmagnet/satisfaction/SatisfactionLinkFields.tsx"],"sourcesContent":["import { useTr } from '../../shared/hooks/useTr';\nimport { ProductSelect, ProjectSelect } from '../controls/Pickers';\nimport { cn } from '../utils/cn';\nimport {\n  SatisfactionReleaseSelect,\n  useSatisfactionReleaseOptions,\n} from './SatisfactionReleaseSelect';\nimport type { FormLinks } from './satisfactionForm';\n\n/**\n * What a response is about: a product, a release and/or a project. A release must belong to the product named with it\n * (or to no product) — the release list offers only those, and choosing another product drops a release of the old\n * one instead of leaving a pair the service refuses.\n */\nexport function SatisfactionLinkFields({\n  idPrefix,\n  value,\n  onChange,\n  columns = false,\n  notes = {},\n}: {\n  idPrefix: string;\n  value: FormLinks;\n  onChange: (next: FormLinks) => void;\n  /** Side by side (the import dialog) rather than stacked (the response form). */\n  columns?: boolean;\n  /** A line under a field, e.g. that its linked record was deleted. */\n  notes?: Partial<Record<keyof FormLinks, string | null>>;\n}) {\n  const tr = useTr();\n  const { releases } = useSatisfactionReleaseOptions();\n\n  const onProduct = (productId: string) => {\n    const release = releases.find((r) => r.id === value.releaseId);\n    const keepRelease =\n      !release || !release.productId || !productId || release.productId === productId;\n    onChange({ ...value, productId, releaseId: keepRelease ? value.releaseId : '' });\n  };\n\n  const note = (key: keyof FormLinks) =>\n    notes[key] ? <p className=\"text-xs text-muted-foreground\">{notes[key]}</p> : null;\n\n  return (\n    <div className={cn('gap-2', columns ? 'grid sm:grid-cols-3' : 'space-y-2')}>\n      <div>\n        <label htmlFor={`${idPrefix}-product`} className=\"text-xs text-muted-foreground\">\n          {tr('planmagnet.satisfaction.form.product', 'Product')}\n        </label>\n        <ProductSelect\n          id={`${idPrefix}-product`}\n          value={value.productId}\n          noneLabel={tr('planmagnet.satisfaction.form.noProduct', 'No product')}\n          onChange={onProduct}\n        />\n        {note('productId')}\n      </div>\n      <div>\n        <label htmlFor={`${idPrefix}-release`} className=\"text-xs text-muted-foreground\">\n          {tr('planmagnet.satisfaction.form.release', 'Release')}\n        </label>\n        <SatisfactionReleaseSelect\n          id={`${idPrefix}-release`}\n          value={value.releaseId}\n          productId={value.productId}\n          noneLabel={tr('planmagnet.satisfaction.form.noRelease', 'No release')}\n          onChange={(releaseId) => onChange({ ...value, releaseId })}\n        />\n        {note('releaseId')}\n      </div>\n      <div>\n        <label htmlFor={`${idPrefix}-project`} className=\"text-xs text-muted-foreground\">\n          {tr('planmagnet.satisfaction.form.project', 'Project')}\n        </label>\n        <ProjectSelect\n          id={`${idPrefix}-project`}\n          value={value.projectId}\n          noneLabel={tr('planmagnet.satisfaction.form.noProject', 'No project')}\n          onChange={(projectId) => onChange({ ...value, projectId })}\n        />\n        {note('projectId')}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAuB,EACrC,aACA,UACA,aACA,aAAU,IACV,WAAQ,EAAE,IAST;CACD,IAAM,IAAK,GAAO,EACZ,EAAE,gBAAa,GAA+B,EAE9C,KAAa,MAAsB;EACvC,IAAM,IAAU,EAAS,MAAM,MAAM,EAAE,OAAO,EAAM,UAAU,EACxD,IACJ,CAAC,KAAW,CAAC,EAAQ,aAAa,CAAC,KAAa,EAAQ,cAAc;AACxE,IAAS;GAAE,GAAG;GAAO;GAAW,WAAW,IAAc,EAAM,YAAY;GAAI,CAAC;IAG5E,KAAQ,MACZ,EAAM,KAAO,kBAAC,KAAD;EAAG,WAAU;YAAiC,EAAM;EAAS,CAAA,GAAG;AAE/E,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,SAAS,IAAU,wBAAwB,YAAY;YAA1E;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KAAO,SAAS,GAAG,EAAS;KAAW,WAAU;eAC9C,EAAG,wCAAwC,UAAU;KAChD,CAAA;IACR,kBAAC,GAAD;KACE,IAAI,GAAG,EAAS;KAChB,OAAO,EAAM;KACb,WAAW,EAAG,0CAA0C,aAAa;KACrE,UAAU;KACV,CAAA;IACD,EAAK,YAAY;IACd,EAAA,CAAA;GACN,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KAAO,SAAS,GAAG,EAAS;KAAW,WAAU;eAC9C,EAAG,wCAAwC,UAAU;KAChD,CAAA;IACR,kBAAC,GAAD;KACE,IAAI,GAAG,EAAS;KAChB,OAAO,EAAM;KACb,WAAW,EAAM;KACjB,WAAW,EAAG,0CAA0C,aAAa;KACrE,WAAW,MAAc,EAAS;MAAE,GAAG;MAAO;MAAW,CAAC;KAC1D,CAAA;IACD,EAAK,YAAY;IACd,EAAA,CAAA;GACN,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KAAO,SAAS,GAAG,EAAS;KAAW,WAAU;eAC9C,EAAG,wCAAwC,UAAU;KAChD,CAAA;IACR,kBAAC,GAAD;KACE,IAAI,GAAG,EAAS;KAChB,OAAO,EAAM;KACb,WAAW,EAAG,0CAA0C,aAAa;KACrE,WAAW,MAAc,EAAS;MAAE,GAAG;MAAO;MAAW,CAAC;KAC1D,CAAA;IACD,EAAK,YAAY;IACd,EAAA,CAAA;GACF"}

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

@@ -0,0 +1,18 @@
+/** Every release in the workspace (up to the cap), with its product. */
+export declare function useSatisfactionReleaseOptions(): {
+    releases: import('./satisfactionOperations').SatisfactionReleaseOption[];
+    loading: boolean;
+    error: import('@apollo/client').ErrorLike | undefined;
+    truncated: boolean;
+};
+/** A release select, narrowed to what `productId` allows. '' means "no release" (`noneLabel`). */
+export declare function SatisfactionReleaseSelect({ id, value, onChange, productId, noneLabel, disabled, invalid, }: {
+    id?: string;
+    value: string;
+    onChange: (releaseId: string) => void;
+    productId: string;
+    noneLabel: string;
+    disabled?: boolean;
+    invalid?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SatisfactionReleaseSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionReleaseSelect.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/SatisfactionReleaseSelect.tsx"],"names":[],"mappings":"AAgBA,wEAAwE;AACxE,wBAAgB,6BAA6B;;;;;EAwC5C;AAED,kGAAkG;AAClG,wBAAgB,yBAAyB,CAAC,EACxC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAgB,EAChB,OAAe,GAChB,EAAE;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CA8CA"}