@burdenoff/microfe-planmagnet 2026.1002.2 → 2026.1008.1

package/dist/planmagnet/skills/skillTags.js

@@ -0,0 +1,115 @@
+import { CombinedGraphQLErrors as e } from "../../node_modules/@apollo/client/errors/CombinedGraphQLErrors.js";
+function t(e) {
+	return e.replace(/\s+/g, " ").trim();
+}
+function n(e) {
+	return t(e).toLowerCase();
+}
+function r(e) {
+	for (let t of e) {
+		let e = t.codePointAt(0) ?? 0;
+		if (e < 32 || e >= 127 && e <= 159) return !0;
+	}
+	return !1;
+}
+var i = /[,\n]/;
+function a(e, a) {
+	let o = [...e], s = new Set(e.map(n)), c = [], l = null;
+	for (let e of a.split(i)) {
+		let i = t(e);
+		if (!i) continue;
+		if (r(i)) {
+			l ||= { kind: "invalid" }, c.push(i);
+			continue;
+		}
+		if ([...i].length > 64) {
+			l ||= {
+				kind: "tooLong",
+				max: 64
+			}, c.push(i);
+			continue;
+		}
+		let a = i.toLowerCase();
+		if (s.has(a)) {
+			l ||= {
+				kind: "duplicate",
+				skill: o.find((e) => n(e) === a) ?? i
+			};
+			continue;
+		}
+		if (o.length >= 20) {
+			l ||= {
+				kind: "tooMany",
+				max: 20
+			}, c.push(i);
+			continue;
+		}
+		s.add(a), o.push(i);
+	}
+	return {
+		skills: o,
+		rest: c.join(", "),
+		problem: l
+	};
+}
+function o(e, t) {
+	return e.filter((e, n) => n !== t);
+}
+function s(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function c(t) {
+	return e.is(t) && t.errors.find((e) => e.extensions?.field === "requiredSkills")?.message || null;
+}
+var l = {
+	UNCOVERED: 0,
+	UNKNOWN: 1,
+	COVERED: 2,
+	NO_DEMAND: 3
+};
+function u(e) {
+	return l[e] ?? Object.keys(l).length;
+}
+function d(e) {
+	return e.map((e, t) => ({
+		row: e,
+		index: t
+	})).sort((e, t) => u(e.row.status) - u(t.row.status) || e.index - t.index).map(({ row: e }) => e);
+}
+function f(e) {
+	let t = {
+		UNCOVERED: 0,
+		UNKNOWN: 0,
+		COVERED: 0,
+		NO_DEMAND: 0
+	};
+	for (let n of e) n.status in t && (t[n.status] += 1);
+	return t;
+}
+function p(e) {
+	switch (e) {
+		case "UNCOVERED": return "destructive";
+		case "UNKNOWN": return "warning";
+		case "COVERED": return "success";
+		case "NO_DEMAND": return "secondary";
+		default: return "outline";
+	}
+}
+function m(e) {
+	let t = {};
+	return e.projectId && (t.projectId = e.projectId), e.teamId && (t.teamId = e.teamId), e.sprintId && (t.sprintId = e.sprintId), t;
+}
+function h(e) {
+	let t = e.toLowerCase();
+	return t.startsWith("alphaapp.") || t.startsWith("alpha.") ? "https://alphaapp.crewfoundry.com" : t === "localhost" || t === "127.0.0.1" || t.endsWith(".localhost") || t.endsWith(".local.burdenoff.com") ? "https://crewfoundry.local.burdenoff.com" : "https://app.crewfoundry.com";
+}
+function g(e, t) {
+	return `${h(t)}/crewfoundry/hr/employee-profile-page?id=${encodeURIComponent(e)}`;
+}
+function _(e) {
+	return `${h(e)}/crewfoundry/hr/employees-page`;
+}
+//#endregion
+export { a as addSkillTags, p as coverageBadgeVariant, f as coverageCounts, m as coverageFilter, g as crewFoundryEmployeeUrl, _ as crewFoundryEmployeesUrl, d as orderCoverage, o as removeSkillAt, c as requiredSkillsRefusal, s as sameSkillList, n as skillKey };
+
+//# sourceMappingURL=skillTags.js.map

package/dist/planmagnet/skills/skillTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skillTags.js","names":[],"sources":["../../../src/planmagnet/skills/skillTags.ts"],"sourcesContent":["import { CombinedGraphQLErrors } from '@apollo/client/errors';\n\n/**\n * Skill tags (ANR-07 skill view, ANR-28 skill utilization). PlanMagnet owns the skills a WORK ITEM requires\n * (`WorkItem.requiredSkills`); CrewFoundry owns PEOPLE's skills, which PlanMagnet only reads (owner decision\n * 2026-10-02). The two meet by exact tag matching on a key: the tag trimmed, whitespace runs collapsed, lower-cased.\n * No proficiency levels, no synonyms.\n *\n * The service is the authority on the write rules (wspace-planmagnet-svc `src/utils/required-skills.ts`: tidy,\n * case-insensitive duplicates dropped keeping the first spelling, at most 20 tags of at most 64 characters, an empty\n * or control-character tag refused). The editor applies the same rules as the user types, so the common mistakes\n * are explained before anything is sent; a refusal that still comes back is shown on the field\n * (`requiredSkillsRefusal`).\n */\n\n/** The most skills one work item may require (the service's MAX_REQUIRED_SKILLS). */\nexport const MAX_REQUIRED_SKILLS = 20;\n\n/** The longest one skill may be, in characters (Unicode code points) after tidying (the service's MAX_SKILL_LENGTH). */\nexport const MAX_SKILL_LENGTH = 64;\n\n/** Trim and collapse every run of whitespace to one space: the stored and displayed form of a tag. */\nexport function tidySkill(value: string): string {\n  return value.replace(/\\s+/g, ' ').trim();\n}\n\n/** The matching key of a tag. Two tags are the same skill exactly when their keys are equal. */\nexport function skillKey(value: string): string {\n  return tidySkill(value).toLowerCase();\n}\n\n/** C0/C1 control characters (and DEL) that survive tidying. The service refuses them; checked by code point. */\nfunction hasControlCharacter(value: string): boolean {\n  for (const char of value) {\n    const code = char.codePointAt(0) ?? 0;\n    if (code < 0x20 || (code >= 0x7f && code <= 0x9f)) return true;\n  }\n  return false;\n}\n\n/** Why something the user typed was not added to the list. */\nexport type SkillTagProblem =\n  | { kind: 'duplicate'; skill: string }\n  | { kind: 'tooLong'; max: number }\n  | { kind: 'tooMany'; max: number }\n  | { kind: 'invalid' };\n\nexport interface AddSkillTagsResult {\n  /** The list with every acceptable new tag appended, in the order typed. */\n  skills: string[];\n  /** What could not be added, to leave in the input: a refusal never silently drops what was typed. */\n  rest: string;\n  /** The first reason something was not added, or null when everything typed was added. */\n  problem: SkillTagProblem | null;\n}\n\n/** A pasted list (\"React, Postgres\" or one per line) adds several tags at once. */\nconst SEPARATORS = /[,\\n]/;\n\n/**\n * Add what the user typed — one skill, or several separated by commas or line breaks — to `current`. Each tag is\n * tidied; blank parts are ignored; a tag already on the list (ignoring case) is not added twice, and the list keeps\n * its first spelling, as the service does. A tag that is too long, has a control character, or would go past\n * MAX_REQUIRED_SKILLS stays in `rest` with the reason in `problem`.\n */\nexport function addSkillTags(current: readonly string[], typed: string): AddSkillTagsResult {\n  const skills = [...current];\n  const keys = new Set(current.map(skillKey));\n  const kept: string[] = [];\n  let problem: SkillTagProblem | null = null;\n  for (const part of typed.split(SEPARATORS)) {\n    const tag = tidySkill(part);\n    if (!tag) continue;\n    if (hasControlCharacter(tag)) {\n      if (!problem) problem = { kind: 'invalid' };\n      kept.push(tag);\n      continue;\n    }\n    if ([...tag].length > MAX_SKILL_LENGTH) {\n      if (!problem) problem = { kind: 'tooLong', max: MAX_SKILL_LENGTH };\n      kept.push(tag);\n      continue;\n    }\n    const key = tag.toLowerCase();\n    if (keys.has(key)) {\n      if (!problem) {\n        problem = { kind: 'duplicate', skill: skills.find((s) => skillKey(s) === key) ?? tag };\n      }\n      continue;\n    }\n    if (skills.length >= MAX_REQUIRED_SKILLS) {\n      if (!problem) problem = { kind: 'tooMany', max: MAX_REQUIRED_SKILLS };\n      kept.push(tag);\n      continue;\n    }\n    keys.add(key);\n    skills.push(tag);\n  }\n  return { skills, rest: kept.join(', '), problem };\n}\n\n/** `current` without the tag at `index`. */\nexport function removeSkillAt(current: readonly string[], index: number): string[] {\n  return current.filter((_, i) => i !== index);\n}\n\n/** Same tags in the same order and spelling: what \"unchanged\" means for a save that sends only changed fields. */\nexport function sameSkillList(a: readonly string[], b: readonly string[]): boolean {\n  return a.length === b.length && a.every((skill, i) => skill === b[i]);\n}\n\n/**\n * The service's own reason when a write was refused because of `requiredSkills` (BAD_USER_INPUT tagged\n * `extensions.field: requiredSkills`, e.g. \"A work item can require at most 20 skills\"), or null for any other\n * failure — which the caller shows the way it shows every other refusal.\n */\nexport function requiredSkillsRefusal(error: unknown): string | null {\n  if (!CombinedGraphQLErrors.is(error)) return null;\n  const refusal = error.errors.find((e) => e.extensions?.field === 'requiredSkills');\n  return refusal?.message || null;\n}\n\n// ─── Coverage (planmagnetSkillCoverage) ──────────────────────────────────────\n\nexport type SkillCoverageStatus = 'UNCOVERED' | 'UNKNOWN' | 'COVERED' | 'NO_DEMAND';\n\n/** UNCOVERED first, then UNKNOWN, COVERED and NO_DEMAND — the order the service documents. */\nconst STATUS_ORDER: Record<SkillCoverageStatus, number> = {\n  UNCOVERED: 0,\n  UNKNOWN: 1,\n  COVERED: 2,\n  NO_DEMAND: 3,\n};\n\nfunction statusRank(status: string): number {\n  return (STATUS_ORDER as Record<string, number>)[status] ?? Object.keys(STATUS_ORDER).length;\n}\n\n/**\n * Rows in status order (UNCOVERED first), keeping the service's order within a status (most open work first, then\n * by skill). The service already sends them this way; sorting here keeps \"uncovered first\" true on screen even if\n * that changes. A status this client does not know yet goes last rather than disappearing.\n */\nexport function orderCoverage<T extends { status: string }>(rows: readonly T[]): T[] {\n  return rows\n    .map((row, index) => ({ row, index }))\n    .sort((a, b) => statusRank(a.row.status) - statusRank(b.row.status) || a.index - b.index)\n    .map(({ row }) => row);\n}\n\n/** How many rows have each status. */\nexport function coverageCounts(\n  rows: readonly { status: string }[]\n): Record<SkillCoverageStatus, number> {\n  const counts: Record<SkillCoverageStatus, number> = {\n    UNCOVERED: 0,\n    UNKNOWN: 0,\n    COVERED: 0,\n    NO_DEMAND: 0,\n  };\n  for (const row of rows) {\n    if (row.status in counts) counts[row.status as SkillCoverageStatus] += 1;\n  }\n  return counts;\n}\n\nexport type CoverageBadgeVariant = 'destructive' | 'warning' | 'success' | 'secondary' | 'outline';\n\n/**\n * Severity, not identity: uncovered demand is the problem, unknown needs a look, covered is fine, no demand is\n * neutral.\n */\nexport function coverageBadgeVariant(status: string): CoverageBadgeVariant {\n  switch (status) {\n    case 'UNCOVERED':\n      return 'destructive';\n    case 'UNKNOWN':\n      return 'warning';\n    case 'COVERED':\n      return 'success';\n    case 'NO_DEMAND':\n      return 'secondary';\n    default:\n      return 'outline';\n  }\n}\n\n/**\n * The filter for planmagnetSkillCoverage with only the ids actually chosen: an empty id is left out (the service\n * answers NOT_FOUND for an id that is not a live project / team / sprint of the workspace).\n */\nexport function coverageFilter(filter: {\n  projectId?: string | null;\n  teamId?: string | null;\n  sprintId?: string | null;\n}): { projectId?: string; teamId?: string; sprintId?: string } {\n  const out: { projectId?: string; teamId?: string; sprintId?: string } = {};\n  if (filter.projectId) out.projectId = filter.projectId;\n  if (filter.teamId) out.teamId = filter.teamId;\n  if (filter.sprintId) out.sprintId = filter.sprintId;\n  return out;\n}\n\n// ─── CrewFoundry links ───────────────────────────────────────────────────────\n\n/**\n * CrewFoundry's app in the same environment as this page: alpha shells (`alphaapp.*`) link to alpha, the local dev\n * proxy (`*.local.burdenoff.com`, localhost) to the local CrewFoundry shell, everything else to production.\n */\nexport function crewFoundryOrigin(hostname: string): string {\n  const host = hostname.toLowerCase();\n  if (host.startsWith('alphaapp.') || host.startsWith('alpha.')) {\n    return 'https://alphaapp.crewfoundry.com';\n  }\n  if (\n    host === 'localhost' ||\n    host === '127.0.0.1' ||\n    host.endsWith('.localhost') ||\n    host.endsWith('.local.burdenoff.com')\n  ) {\n    return 'https://crewfoundry.local.burdenoff.com';\n  }\n  return 'https://app.crewfoundry.com';\n}\n\n/**\n * A CrewFoundry employee's profile, where their skills are edited (CrewFoundry mounts its pages under\n * /crewfoundry).\n */\nexport function crewFoundryEmployeeUrl(employeeId: string, hostname: string): string {\n  return `${crewFoundryOrigin(hostname)}/crewfoundry/hr/employee-profile-page?id=${encodeURIComponent(employeeId)}`;\n}\n\n/** CrewFoundry's employee list. */\nexport function crewFoundryEmployeesUrl(hostname: string): string {\n  return `${crewFoundryOrigin(hostname)}/crewfoundry/hr/employees-page`;\n}\n"],"mappings":"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"}

package/dist/planmagnet/skills/useRequiredSkillsDraft.d.ts

@@ -0,0 +1,28 @@
+export interface RequiredSkillsDraft {
+    /** What the editor shows: the user's edits, else the saved list. */
+    value: string[];
+    setValue: (next: string[]) => void;
+    /** The saved list, or null until it has loaded (or when it could not be loaded). */
+    saved: string[] | null;
+    loading: boolean;
+    /** Why the saved list could not be loaded, or null. */
+    loadError: string | null;
+    /**
+     * The list to send as `requiredSkills`, or undefined when it is unchanged — or not loaded: a list the user never
+     * saw is never sent, so a failed read can't clear the item's skills.
+     */
+    changedValue: string[] | undefined;
+    /** The service's refusal of the last save, shown on the field until the list changes. */
+    serverError: string | null;
+    setServerError: (message: string | null) => void;
+    /** Drop the user's edits so the editor follows the saved list again (after a successful save). */
+    reset: () => void;
+}
+/**
+ * The edit page's required-skills state (ANR-07, ANR-28): the saved list comes from the block's own query
+ * (`WorkItemRequiredSkills`, the PRM-01 rule — a field the gateway does not serve must not blank the whole edit
+ * page), and the user's edits are kept apart from it, so the save sends `requiredSkills` only when it changed.
+ * Add 'WorkItemRequiredSkills' to the save's refetchQueries so `saved` is fresh before `reset()`.
+ */
+export declare function useRequiredSkillsDraft(workItemId: string, skip?: boolean): RequiredSkillsDraft;
+//# sourceMappingURL=useRequiredSkillsDraft.d.ts.map

package/dist/planmagnet/skills/useRequiredSkillsDraft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequiredSkillsDraft.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/skills/useRequiredSkillsDraft.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,oFAAoF;IACpF,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,YAAY,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACnC,yFAAyF;IACzF,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,kGAAkG;IAClG,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,UAAQ,GAAG,mBAAmB,CA2B5F"}

package/dist/planmagnet/skills/useRequiredSkillsDraft.js

@@ -0,0 +1,30 @@
+import { sameSkillList as e } from "./skillTags.js";
+import { WORK_ITEM_REQUIRED_SKILLS as t } from "./skillOperations.js";
+import { useState as n } from "react";
+import { useQuery as r } from "@apollo/client/react";
+//#region src/planmagnet/skills/useRequiredSkillsDraft.ts
+function i(i, a = !1) {
+	let { data: o, loading: s, error: c } = r(t, {
+		variables: { id: i },
+		skip: a || !i
+	}), l = o?.planmagnetWorkItem?.requiredSkills ?? null, [u, d] = n(null), [f, p] = n(null);
+	return {
+		value: u ?? l ?? [],
+		setValue: (e) => {
+			d(e), p(null);
+		},
+		saved: l,
+		loading: s && !o,
+		loadError: l === null && c ? c.message : null,
+		changedValue: l !== null && u !== null && !e(u, l) ? u : void 0,
+		serverError: f,
+		setServerError: p,
+		reset: () => {
+			d(null), p(null);
+		}
+	};
+}
+//#endregion
+export { i as useRequiredSkillsDraft };
+
+//# sourceMappingURL=useRequiredSkillsDraft.js.map

package/dist/planmagnet/skills/useRequiredSkillsDraft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequiredSkillsDraft.js","names":[],"sources":["../../../src/planmagnet/skills/useRequiredSkillsDraft.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport { WORK_ITEM_REQUIRED_SKILLS, type WorkItemRequiredSkillsData } from './skillOperations';\nimport { sameSkillList } from './skillTags';\n\nexport interface RequiredSkillsDraft {\n  /** What the editor shows: the user's edits, else the saved list. */\n  value: string[];\n  setValue: (next: string[]) => void;\n  /** The saved list, or null until it has loaded (or when it could not be loaded). */\n  saved: string[] | null;\n  loading: boolean;\n  /** Why the saved list could not be loaded, or null. */\n  loadError: string | null;\n  /**\n   * The list to send as `requiredSkills`, or undefined when it is unchanged — or not loaded: a list the user never\n   * saw is never sent, so a failed read can't clear the item's skills.\n   */\n  changedValue: string[] | undefined;\n  /** The service's refusal of the last save, shown on the field until the list changes. */\n  serverError: string | null;\n  setServerError: (message: string | null) => void;\n  /** Drop the user's edits so the editor follows the saved list again (after a successful save). */\n  reset: () => void;\n}\n\n/**\n * The edit page's required-skills state (ANR-07, ANR-28): the saved list comes from the block's own query\n * (`WorkItemRequiredSkills`, the PRM-01 rule — a field the gateway does not serve must not blank the whole edit\n * page), and the user's edits are kept apart from it, so the save sends `requiredSkills` only when it changed.\n * Add 'WorkItemRequiredSkills' to the save's refetchQueries so `saved` is fresh before `reset()`.\n */\nexport function useRequiredSkillsDraft(workItemId: string, skip = false): RequiredSkillsDraft {\n  const { data, loading, error } = useQuery<WorkItemRequiredSkillsData>(WORK_ITEM_REQUIRED_SKILLS, {\n    variables: { id: workItemId },\n    skip: skip || !workItemId,\n  });\n  const saved = data?.planmagnetWorkItem?.requiredSkills ?? null;\n  const [draft, setDraft] = useState<string[] | null>(null);\n  const [serverError, setServerError] = useState<string | null>(null);\n\n  return {\n    value: draft ?? saved ?? [],\n    setValue: (next) => {\n      setDraft(next);\n      setServerError(null);\n    },\n    saved,\n    loading: loading && !data,\n    loadError: saved === null && error ? error.message : null,\n    changedValue:\n      saved !== null && draft !== null && !sameSkillList(draft, saved) ? draft : undefined,\n    serverError,\n    setServerError,\n    reset: () => {\n      setDraft(null);\n      setServerError(null);\n    },\n  };\n}\n"],"mappings":";;;;;AAgCA,SAAgB,EAAuB,GAAoB,IAAO,IAA4B;CAC5F,IAAM,EAAE,SAAM,YAAS,aAAU,EAAqC,GAA2B;EAC/F,WAAW,EAAE,IAAI,GAAY;EAC7B,MAAM,KAAQ,CAAC;EAChB,CAAC,EACI,IAAQ,GAAM,oBAAoB,kBAAkB,MACpD,CAAC,GAAO,KAAY,EAA0B,KAAK,EACnD,CAAC,GAAa,KAAkB,EAAwB,KAAK;AAEnE,QAAO;EACL,OAAO,KAAS,KAAS,EAAE;EAC3B,WAAW,MAAS;AAElB,GADA,EAAS,EAAK,EACd,EAAe,KAAK;;EAEtB;EACA,SAAS,KAAW,CAAC;EACrB,WAAW,MAAU,QAAQ,IAAQ,EAAM,UAAU;EACrD,cACE,MAAU,QAAQ,MAAU,QAAQ,CAAC,EAAc,GAAO,EAAM,GAAG,IAAQ,KAAA;EAC7E;EACA;EACA,aAAa;AAEX,GADA,EAAS,KAAK,EACd,EAAe,KAAK;;EAEvB"}

package/dist/planmagnet/team/PendingInvitations.d.ts

@@ -0,0 +1,27 @@
+import { InvitationEmailFields } from './invitationEmail';
+
+/**
+ * The workspace's pending invitations on the Invite page (BOFF-8866): who was invited, with which access, whether
+ * the invitation email actually went out (and when it was last tried), when the invitation expires, and Resend /
+ * Cancel. `workspaceInvitations` and the two writes read the workspace from the gateway's x-workspace-id header.
+ * A write's outcome is shown above the list, so a row that leaves the list on the refresh does not take its message
+ * with it.
+ */
+/** Operation name of the list, for `refetchQueries` of every write that changes it. */
+export declare const PENDING_INVITATIONS_QUERY = "PlanmagnetPendingInvitations";
+/** Sends the invitation email again (and renews the invitation's expiry); answers with the new email outcome. */
+export declare const RESEND_INVITATION: import('graphql').DocumentNode;
+export interface InvitationEmailResult extends InvitationEmailFields {
+    id: string;
+    status: string;
+    expiresAt: string | null;
+}
+export declare function PendingInvitations({ workspaceId, currentUserId, roleNames, }: {
+    /** The workspace the list is for. The query is scoped by a request header, so callers key this component on it. */
+    workspaceId?: string | null;
+    /** Cancelling is the inviter's own action; other people's invitations are listed without it. */
+    currentUserId?: string | null;
+    /** PlanMagnet access-level names by role id, as the page already loaded them. */
+    roleNames: ReadonlyMap<string, string>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PendingInvitations.d.ts.map

package/dist/planmagnet/team/PendingInvitations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingInvitations.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/team/PendingInvitations.tsx"],"names":[],"mappings":"AAWA,OAAO,EAOL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAC;AAE3B;;;;;;GAMG;AAEH,uFAAuF;AACvF,eAAO,MAAM,yBAAyB,iCAAiC,CAAC;AAwBxE,iHAAiH;AACjH,eAAO,MAAM,iBAAiB,gCAW7B,CAAC;AAWF,MAAM,WAAW,qBAAsB,SAAQ,qBAAqB;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAyBD,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EACX,aAAa,EACb,SAAS,GACV,EAAE;IACD,mHAAmH;IACnH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iFAAiF;IACjF,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,2CAyRA"}

package/dist/planmagnet/team/PendingInvitations.js

@@ -0,0 +1,220 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { isForbidden as t } from "../utils/graphqlErrors.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ConfirmButton as r } from "../controls/ConfirmButton.js";
+import { refusalMessage as i } from "../product/refusal.js";
+import { invitationEmailBadgeVariant as a, invitationEmailReason as o, invitationEmailSent as s, invitationEmailStatusLabel as c, invitationRoleNames as l, parseInvitationDate as u } from "./invitationEmail.js";
+import { useState as d } from "react";
+import { Mail as f, RefreshCw as p, X as m } from "lucide-react";
+import { gql as h } from "@apollo/client";
+import { useMutation as g, useQuery as _ } from "@apollo/client/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T } from "@burdenoff/fe-libs/ui";
+import { clearGraphqlFetchResponseCache as E } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/planmagnet/team/PendingInvitations.tsx
+var D = "PlanmagnetPendingInvitations", O = 50, k = h`
+  query PlanmagnetPendingInvitations($pagination: PaginationInput) {
+    workspaceInvitations(status: PENDING, pagination: $pagination) {
+      items {
+        id
+        email
+        status
+        roleIds
+        invitedById
+        expiresAt
+        emailStatus
+        emailLastAttemptAt
+        emailErrorCode
+      }
+      total
+      hasMore
+    }
+  }
+`, A = h`
+  mutation PlanmagnetResendInvitation($id: ID!) {
+    resendInvitation(id: $id) {
+      id
+      status
+      expiresAt
+      emailStatus
+      emailLastAttemptAt
+      emailErrorCode
+    }
+  }
+`, j = h`
+  mutation PlanmagnetCancelInvitation($id: ID!) {
+    cancelInvitation(id: $id) {
+      id
+      status
+    }
+  }
+`, M = {
+	refetchQueries: [D],
+	awaitRefetchQueries: !0
+}, N = {
+	success: "text-status-success-text",
+	warning: "text-status-warning-text",
+	error: "text-destructive"
+}, P = (e) => u(e)?.toLocaleString() ?? null;
+function F({ workspaceId: h, currentUserId: D, roleNames: F }) {
+	let I = e(), { data: L, loading: R, error: z, refetch: B } = _(k, {
+		variables: { pagination: { limit: O } },
+		skip: !h,
+		fetchPolicy: "network-only"
+	}), [V] = g(A, M), [H] = g(j, M), [U, W] = d(null), [G, K] = d(null), [q] = d(() => Date.now()), J = I("planmagnet.invite.pending.forbidden", "Your access level does not allow managing invitations in this workspace."), Y = () => {
+		E(), B();
+	}, X = async (e) => {
+		W(e.id), K(null);
+		try {
+			let t = (await n(V({ variables: { id: e.id } }))).data?.resendInvitation;
+			if (s(t)) K({
+				tone: "success",
+				text: I("planmagnet.invite.pending.resent", "Invitation email sent again to {{email}}.", { email: e.email })
+			});
+			else {
+				let n = o(t?.emailErrorCode);
+				K({
+					tone: "warning",
+					text: I("planmagnet.invite.pending.resendNotSent", "The invitation to {{email}} is still pending, but the email was not sent. {{reason}}", {
+						email: e.email,
+						reason: I(n.key, n.fallback)
+					})
+				});
+			}
+		} catch (t) {
+			K({
+				tone: "error",
+				text: I("planmagnet.invite.pending.resendFailed", "The invitation to {{email}} could not be resent: {{reason}}", {
+					email: e.email,
+					reason: i(t, I("planmagnet.invite.pending.resendFailedFallback", "Try again."), J)
+				})
+			}), Y();
+		} finally {
+			W(null);
+		}
+	}, Z = async (e) => {
+		W(e.id), K(null);
+		try {
+			await n(H({ variables: { id: e.id } })), K({
+				tone: "success",
+				text: I("planmagnet.invite.pending.cancelled", "The invitation to {{email}} was cancelled.", { email: e.email })
+			});
+		} catch (t) {
+			K({
+				tone: "error",
+				text: I("planmagnet.invite.pending.cancelFailed", "The invitation to {{email}} could not be cancelled: {{reason}}", {
+					email: e.email,
+					reason: i(t, I("planmagnet.invite.pending.cancelFailedFallback", "Try again."), J)
+				})
+			}), Y();
+		} finally {
+			W(null);
+		}
+	}, Q = L?.workspaceInvitations, $ = Q?.items ?? [], ee = (e) => {
+		let { names: t, unknown: n } = l(e, F), r = [...t];
+		return n > 0 && r.push(I("planmagnet.invite.pending.otherRoles", "{{count}} other access level(s)", { count: n })), r.length > 0 ? r.join(", ") : I("planmagnet.invite.pending.noRoles", "No access level");
+	};
+	return /* @__PURE__ */ y(S, {
+		"data-testid": "pending-invitations",
+		children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ y(T, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ v(f, { className: "h-4 w-4" }), I("planmagnet.invite.pending.title", "Pending invitations")]
+		}) }), /* @__PURE__ */ y(C, {
+			className: "space-y-3",
+			children: [
+				G && /* @__PURE__ */ v("p", {
+					role: G.tone === "error" ? "alert" : "status",
+					className: `text-sm ${N[G.tone]}`,
+					"data-testid": "pending-invitations-notice",
+					children: G.text
+				}),
+				R && !L ? /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: I("planmagnet.invite.pending.loading", "Loading pending invitations…")
+				}) : z && !L ? /* @__PURE__ */ v("p", {
+					role: "alert",
+					className: "text-sm text-destructive",
+					children: t(z) ? J : I("planmagnet.invite.pending.loadFailed", "Pending invitations could not be loaded: {{reason}}", { reason: z.message })
+				}) : $.length === 0 ? /* @__PURE__ */ v("p", {
+					className: "text-sm text-muted-foreground",
+					children: I("planmagnet.invite.pending.empty", "No invitations are waiting to be accepted.")
+				}) : /* @__PURE__ */ v("ul", {
+					className: "divide-y divide-border",
+					"data-testid": "pending-invitations-list",
+					children: $.map((e) => {
+						let t = s(e), n = c(e.emailStatus), i = o(e.emailErrorCode), l = P(e.emailLastAttemptAt), d = u(e.expiresAt), f = !!d && d.getTime() <= q, h = U === e.id;
+						return /* @__PURE__ */ y("li", {
+							className: "flex flex-col gap-2 py-3 sm:flex-row sm:items-start sm:justify-between",
+							"data-testid": "pending-invitation",
+							children: [/* @__PURE__ */ y("div", {
+								className: "min-w-0 space-y-1",
+								children: [
+									/* @__PURE__ */ v("p", {
+										className: "truncate text-sm font-medium",
+										children: e.email
+									}),
+									/* @__PURE__ */ v("p", {
+										className: "text-xs text-muted-foreground",
+										children: ee(e.roleIds)
+									}),
+									/* @__PURE__ */ y("div", {
+										className: "flex flex-wrap items-center gap-2 text-xs text-muted-foreground",
+										children: [
+											/* @__PURE__ */ v(b, {
+												variant: a(e.emailStatus),
+												"data-testid": "pending-invitation-email-status",
+												children: I(n.key, n.fallback)
+											}),
+											l && /* @__PURE__ */ v("span", { children: I("planmagnet.invite.pending.lastAttempt", "Last tried {{when}}", { when: l }) }),
+											d && /* @__PURE__ */ v("span", {
+												className: f ? "text-status-warning-text" : void 0,
+												children: f ? I("planmagnet.invite.pending.expired", "Expired {{when}}", { when: d.toLocaleString() }) : I("planmagnet.invite.pending.expires", "Expires {{when}}", { when: d.toLocaleString() })
+											})
+										]
+									}),
+									!t && e.emailStatus && /* @__PURE__ */ v("p", {
+										className: "text-xs text-status-warning-text",
+										children: I(i.key, i.fallback)
+									})
+								]
+							}), /* @__PURE__ */ y("div", {
+								className: "flex shrink-0 gap-2",
+								children: [/* @__PURE__ */ y(x, {
+									size: "sm",
+									variant: "outline",
+									disabled: U !== null,
+									onClick: () => void X(e),
+									"data-testid": "pending-invitation-resend",
+									children: [/* @__PURE__ */ v(p, { className: "mr-1 h-4 w-4" }), h ? I("planmagnet.invite.pending.working", "Working…") : I("planmagnet.invite.pending.resend", "Resend")]
+								}), e.invitedById === D && /* @__PURE__ */ v(r, {
+									label: I("planmagnet.invite.pending.cancel", "Cancel"),
+									variant: "outline",
+									icon: /* @__PURE__ */ v(m, { className: "mr-1 h-4 w-4" }),
+									testId: "pending-invitation-cancel",
+									title: I("planmagnet.invite.pending.confirmCancel.title", "Cancel the invitation to {{email}}?", { email: e.email }),
+									description: I("planmagnet.invite.pending.confirmCancel.description", "Its link stops working and they will not join this workspace from it. You can invite them again later."),
+									confirmLabel: I("planmagnet.invite.pending.confirmCancel.confirm", "Cancel invitation"),
+									cancelLabel: I("planmagnet.invite.pending.confirmCancel.keep", "Keep it"),
+									destructive: !0,
+									disabled: U !== null,
+									onConfirm: () => void Z(e)
+								})]
+							})]
+						}, e.id);
+					})
+				}),
+				Q?.hasMore && /* @__PURE__ */ v("p", {
+					className: "text-xs text-muted-foreground",
+					children: I("planmagnet.invite.pending.truncated", "Showing the first {{shown}} of {{total}} pending invitations.", {
+						shown: $.length,
+						total: Q.total
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { D as PENDING_INVITATIONS_QUERY, F as PendingInvitations, A as RESEND_INVITATION };
+
+//# sourceMappingURL=PendingInvitations.js.map

package/dist/planmagnet/team/PendingInvitations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PendingInvitations.js","names":[],"sources":["../../../src/planmagnet/team/PendingInvitations.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { clearGraphqlFetchResponseCache } from '@burdenoff/fe-libs/shared/graphql';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Mail, RefreshCw, X } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { ConfirmButton } from '../controls/ConfirmButton';\nimport { refusalMessage } from '../product/refusal';\nimport { isForbidden } from '../utils/graphqlErrors';\nimport { throwOnError } from '../utils/mutationResult';\nimport {\n  invitationEmailBadgeVariant,\n  invitationEmailReason,\n  invitationEmailSent,\n  invitationEmailStatusLabel,\n  invitationRoleNames,\n  parseInvitationDate,\n  type InvitationEmailFields,\n} from './invitationEmail';\n\n/**\n * The workspace's pending invitations on the Invite page (BOFF-8866): who was invited, with which access, whether\n * the invitation email actually went out (and when it was last tried), when the invitation expires, and Resend /\n * Cancel. `workspaceInvitations` and the two writes read the workspace from the gateway's x-workspace-id header.\n * A write's outcome is shown above the list, so a row that leaves the list on the refresh does not take its message\n * with it.\n */\n\n/** Operation name of the list, for `refetchQueries` of every write that changes it. */\nexport const PENDING_INVITATIONS_QUERY = 'PlanmagnetPendingInvitations';\n\nconst PAGE_LIMIT = 50;\n\nconst PENDING_INVITATIONS = gql`\n  query PlanmagnetPendingInvitations($pagination: PaginationInput) {\n    workspaceInvitations(status: PENDING, pagination: $pagination) {\n      items {\n        id\n        email\n        status\n        roleIds\n        invitedById\n        expiresAt\n        emailStatus\n        emailLastAttemptAt\n        emailErrorCode\n      }\n      total\n      hasMore\n    }\n  }\n`;\n\n/** Sends the invitation email again (and renews the invitation's expiry); answers with the new email outcome. */\nexport const RESEND_INVITATION = gql`\n  mutation PlanmagnetResendInvitation($id: ID!) {\n    resendInvitation(id: $id) {\n      id\n      status\n      expiresAt\n      emailStatus\n      emailLastAttemptAt\n      emailErrorCode\n    }\n  }\n`;\n\nconst CANCEL_INVITATION = gql`\n  mutation PlanmagnetCancelInvitation($id: ID!) {\n    cancelInvitation(id: $id) {\n      id\n      status\n    }\n  }\n`;\n\nexport interface InvitationEmailResult extends InvitationEmailFields {\n  id: string;\n  status: string;\n  expiresAt: string | null;\n}\n\ninterface PendingInvitation extends InvitationEmailResult {\n  email: string;\n  roleIds: string[];\n  invitedById: string | null;\n}\n\ninterface PendingInvitationsData {\n  workspaceInvitations: { items: PendingInvitation[]; total: number; hasMore: boolean };\n}\n\nconst WRITE_OPTIONS = { refetchQueries: [PENDING_INVITATIONS_QUERY], awaitRefetchQueries: true };\n\ntype Notice = { tone: 'success' | 'warning' | 'error'; text: string };\n\nconst NOTICE_CLASS: Record<Notice['tone'], string> = {\n  success: 'text-status-success-text',\n  warning: 'text-status-warning-text',\n  error: 'text-destructive',\n};\n\nconst formatDate = (value: string | null | undefined): string | null =>\n  parseInvitationDate(value)?.toLocaleString() ?? null;\n\nexport function PendingInvitations({\n  workspaceId,\n  currentUserId,\n  roleNames,\n}: {\n  /** The workspace the list is for. The query is scoped by a request header, so callers key this component on it. */\n  workspaceId?: string | null;\n  /** Cancelling is the inviter's own action; other people's invitations are listed without it. */\n  currentUserId?: string | null;\n  /** PlanMagnet access-level names by role id, as the page already loaded them. */\n  roleNames: ReadonlyMap<string, string>;\n}) {\n  const tr = useTr();\n  const { data, loading, error, refetch } = useQuery<PendingInvitationsData>(PENDING_INVITATIONS, {\n    variables: { pagination: { limit: PAGE_LIMIT } },\n    skip: !workspaceId,\n    // Header-scoped (x-workspace-id), so its cache key is the same in every workspace: never render a cached\n    // result from another workspace's visit, always wait for this workspace's answer.\n    fetchPolicy: 'network-only',\n  });\n  const [resend] = useMutation<{ resendInvitation: InvitationEmailResult }>(\n    RESEND_INVITATION,\n    WRITE_OPTIONS\n  );\n  const [cancel] = useMutation(CANCEL_INVITATION, WRITE_OPTIONS);\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [notice, setNotice] = useState<Notice | null>(null);\n  // The clock the expiry badge is judged against, read once per page visit (render must stay pure).\n  const [now] = useState(() => Date.now());\n\n  const forbidden = tr(\n    'planmagnet.invite.pending.forbidden',\n    'Your access level does not allow managing invitations in this workspace.'\n  );\n\n  // A refused write (e.g. the invitation was accepted or cancelled elsewhere) leaves the 15 s fetch replay in place;\n  // drop it so the re-read shows the invitation as it is now.\n  const reloadAfterRefusal = () => {\n    clearGraphqlFetchResponseCache();\n    void refetch();\n  };\n\n  const onResend = async (invitation: PendingInvitation) => {\n    setBusyId(invitation.id);\n    setNotice(null);\n    try {\n      const result = await throwOnError(resend({ variables: { id: invitation.id } }));\n      const updated = result.data?.resendInvitation;\n      if (invitationEmailSent(updated)) {\n        setNotice({\n          tone: 'success',\n          text: tr(\n            'planmagnet.invite.pending.resent',\n            'Invitation email sent again to {{email}}.',\n            {\n              email: invitation.email,\n            }\n          ),\n        });\n      } else {\n        const reason = invitationEmailReason(updated?.emailErrorCode);\n        setNotice({\n          tone: 'warning',\n          text: tr(\n            'planmagnet.invite.pending.resendNotSent',\n            'The invitation to {{email}} is still pending, but the email was not sent. {{reason}}',\n            { email: invitation.email, reason: tr(reason.key, reason.fallback) }\n          ),\n        });\n      }\n    } catch (e) {\n      setNotice({\n        tone: 'error',\n        text: tr(\n          'planmagnet.invite.pending.resendFailed',\n          'The invitation to {{email}} could not be resent: {{reason}}',\n          {\n            email: invitation.email,\n            reason: refusalMessage(\n              e,\n              tr('planmagnet.invite.pending.resendFailedFallback', 'Try again.'),\n              forbidden\n            ),\n          }\n        ),\n      });\n      reloadAfterRefusal();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const onCancel = async (invitation: PendingInvitation) => {\n    setBusyId(invitation.id);\n    setNotice(null);\n    try {\n      await throwOnError(cancel({ variables: { id: invitation.id } }));\n      setNotice({\n        tone: 'success',\n        text: tr(\n          'planmagnet.invite.pending.cancelled',\n          'The invitation to {{email}} was cancelled.',\n          {\n            email: invitation.email,\n          }\n        ),\n      });\n    } catch (e) {\n      setNotice({\n        tone: 'error',\n        text: tr(\n          'planmagnet.invite.pending.cancelFailed',\n          'The invitation to {{email}} could not be cancelled: {{reason}}',\n          {\n            email: invitation.email,\n            reason: refusalMessage(\n              e,\n              tr('planmagnet.invite.pending.cancelFailedFallback', 'Try again.'),\n              forbidden\n            ),\n          }\n        ),\n      });\n      reloadAfterRefusal();\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  const list = data?.workspaceInvitations;\n  const items = list?.items ?? [];\n\n  const rolesText = (roleIds: string[]): string => {\n    const { names, unknown } = invitationRoleNames(roleIds, roleNames);\n    const parts = [...names];\n    if (unknown > 0) {\n      parts.push(\n        tr('planmagnet.invite.pending.otherRoles', '{{count}} other access level(s)', {\n          count: unknown,\n        })\n      );\n    }\n    return parts.length > 0\n      ? parts.join(', ')\n      : tr('planmagnet.invite.pending.noRoles', 'No access level');\n  };\n\n  return (\n    <Card data-testid=\"pending-invitations\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <Mail className=\"h-4 w-4\" />\n          {tr('planmagnet.invite.pending.title', 'Pending invitations')}\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {notice && (\n          <p\n            role={notice.tone === 'error' ? 'alert' : 'status'}\n            className={`text-sm ${NOTICE_CLASS[notice.tone]}`}\n            data-testid=\"pending-invitations-notice\"\n          >\n            {notice.text}\n          </p>\n        )}\n\n        {loading && !data ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('planmagnet.invite.pending.loading', 'Loading pending invitations…')}\n          </p>\n        ) : error && !data ? (\n          <p role=\"alert\" className=\"text-sm text-destructive\">\n            {isForbidden(error)\n              ? forbidden\n              : tr(\n                  'planmagnet.invite.pending.loadFailed',\n                  'Pending invitations could not be loaded: {{reason}}',\n                  { reason: error.message }\n                )}\n          </p>\n        ) : items.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('planmagnet.invite.pending.empty', 'No invitations are waiting to be accepted.')}\n          </p>\n        ) : (\n          <ul className=\"divide-y divide-border\" data-testid=\"pending-invitations-list\">\n            {items.map((invitation) => {\n              const sent = invitationEmailSent(invitation);\n              const status = invitationEmailStatusLabel(invitation.emailStatus);\n              const reason = invitationEmailReason(invitation.emailErrorCode);\n              const attempted = formatDate(invitation.emailLastAttemptAt);\n              const expires = parseInvitationDate(invitation.expiresAt);\n              const expired = !!expires && expires.getTime() <= now;\n              const busy = busyId === invitation.id;\n              return (\n                <li\n                  key={invitation.id}\n                  className=\"flex flex-col gap-2 py-3 sm:flex-row sm:items-start sm:justify-between\"\n                  data-testid=\"pending-invitation\"\n                >\n                  <div className=\"min-w-0 space-y-1\">\n                    <p className=\"truncate text-sm font-medium\">{invitation.email}</p>\n                    <p className=\"text-xs text-muted-foreground\">{rolesText(invitation.roleIds)}</p>\n                    <div className=\"flex flex-wrap items-center gap-2 text-xs text-muted-foreground\">\n                      <Badge\n                        variant={invitationEmailBadgeVariant(invitation.emailStatus)}\n                        data-testid=\"pending-invitation-email-status\"\n                      >\n                        {tr(status.key, status.fallback)}\n                      </Badge>\n                      {attempted && (\n                        <span>\n                          {tr('planmagnet.invite.pending.lastAttempt', 'Last tried {{when}}', {\n                            when: attempted,\n                          })}\n                        </span>\n                      )}\n                      {expires && (\n                        <span className={expired ? 'text-status-warning-text' : undefined}>\n                          {expired\n                            ? tr('planmagnet.invite.pending.expired', 'Expired {{when}}', {\n                                when: expires.toLocaleString(),\n                              })\n                            : tr('planmagnet.invite.pending.expires', 'Expires {{when}}', {\n                                when: expires.toLocaleString(),\n                              })}\n                        </span>\n                      )}\n                    </div>\n                    {!sent && invitation.emailStatus && (\n                      <p className=\"text-xs text-status-warning-text\">\n                        {tr(reason.key, reason.fallback)}\n                      </p>\n                    )}\n                  </div>\n                  <div className=\"flex shrink-0 gap-2\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"outline\"\n                      disabled={busyId !== null}\n                      onClick={() => void onResend(invitation)}\n                      data-testid=\"pending-invitation-resend\"\n                    >\n                      <RefreshCw className=\"mr-1 h-4 w-4\" />\n                      {busy\n                        ? tr('planmagnet.invite.pending.working', 'Working…')\n                        : tr('planmagnet.invite.pending.resend', 'Resend')}\n                    </Button>\n                    {invitation.invitedById === currentUserId && (\n                      <ConfirmButton\n                        label={tr('planmagnet.invite.pending.cancel', 'Cancel')}\n                        variant=\"outline\"\n                        icon={<X className=\"mr-1 h-4 w-4\" />}\n                        testId=\"pending-invitation-cancel\"\n                        title={tr(\n                          'planmagnet.invite.pending.confirmCancel.title',\n                          'Cancel the invitation to {{email}}?',\n                          { email: invitation.email }\n                        )}\n                        description={tr(\n                          'planmagnet.invite.pending.confirmCancel.description',\n                          'Its link stops working and they will not join this workspace from it. You can invite them again later.'\n                        )}\n                        confirmLabel={tr(\n                          'planmagnet.invite.pending.confirmCancel.confirm',\n                          'Cancel invitation'\n                        )}\n                        cancelLabel={tr('planmagnet.invite.pending.confirmCancel.keep', 'Keep it')}\n                        destructive\n                        disabled={busyId !== null}\n                        onConfirm={() => void onCancel(invitation)}\n                      />\n                    )}\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n\n        {list?.hasMore && (\n          <p className=\"text-xs text-muted-foreground\">\n            {tr(\n              'planmagnet.invite.pending.truncated',\n              'Showing the first {{shown}} of {{total}} pending invitations.',\n              { shown: items.length, total: list.total }\n            )}\n          </p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/team/invitationEmail.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Invitation email outcome (BOFF-8866). The workspace service records what happened to the most recent invitation
+ * email on the invitation itself: `emailStatus` (SENT / FAILED / SKIPPED, null before any attempt was recorded),
+ * `emailLastAttemptAt`, and `emailErrorCode`, a machine code for a FAILED or SKIPPED outcome. Creating an
+ * invitation used to be reported as "Invitation sent" even when no email went out; these helpers turn the recorded
+ * outcome into what the invite page says. Each message is an i18n key with its English fallback, for `useTr`.
+ */
+export type InvitationEmailStatus = 'SENT' | 'FAILED' | 'SKIPPED';
+export interface InvitationEmailFields {
+    emailStatus?: InvitationEmailStatus | null;
+    emailLastAttemptAt?: string | null;
+    emailErrorCode?: string | null;
+}
+export interface TrMessage {
+    key: string;
+    fallback: string;
+}
+/** Only a recorded SENT counts as sent: FAILED, SKIPPED and a missing outcome all mean no email is known to have left. */
+export declare function invitationEmailSent(invitation: InvitationEmailFields | null | undefined): boolean;
+/** Why the email was not sent, worded for the inviter, from the service's machine code. */
+export declare function invitationEmailReason(code: string | null | undefined): TrMessage;
+/** The short label for a pending invitation's email column. */
+export declare function invitationEmailStatusLabel(status: InvitationEmailStatus | null | undefined): TrMessage;
+export declare function invitationEmailBadgeVariant(status: InvitationEmailStatus | null | undefined): 'secondary' | 'destructive' | 'outline';
+/**
+ * A DateTime from the gateway as a Date. The scalar is an ISO string, but a timestamp that reaches the client as
+ * epoch milliseconds in a string is read too, so a serializer change cannot turn a date into "Invalid Date".
+ */
+export declare function parseInvitationDate(value: string | null | undefined): Date | null;
+/** The names of an invitation's roles that this page knows; ids it cannot name are counted, never shown raw. */
+export declare function invitationRoleNames(roleIds: readonly string[], known: ReadonlyMap<string, string>): {
+    names: string[];
+    unknown: number;
+};
+//# sourceMappingURL=invitationEmail.d.ts.map

package/dist/planmagnet/team/invitationEmail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invitationEmail.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/team/invitationEmail.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAElE,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,0HAA0H;AAC1H,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,GAAG,OAAO,CAEjG;AAED,2FAA2F;AAC3F,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,CA8BhF;AAED,+DAA+D;AAC/D,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,GAC/C,SAAS,CAWX;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,qBAAqB,GAAG,IAAI,GAAG,SAAS,GAC/C,WAAW,GAAG,aAAa,GAAG,SAAS,CAIzC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAIjF;AAED,gHAAgH;AAChH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GACjC;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAStC"}

package/dist/planmagnet/team/invitationEmail.js

@@ -0,0 +1,73 @@
+//#region src/planmagnet/team/invitationEmail.ts
+function e(e) {
+	return e?.emailStatus === "SENT";
+}
+function t(e) {
+	switch (e) {
+		case "RECIPIENT_UNSUBSCRIBED": return {
+			key: "planmagnet.invite.email.reason.unsubscribed",
+			fallback: "The recipient has opted out of emails."
+		};
+		case "EMAIL_NOT_CONFIGURED": return {
+			key: "planmagnet.invite.email.reason.notConfigured",
+			fallback: "Invitation emails are not set up in this environment."
+		};
+		case "RATE_LIMITED": return {
+			key: "planmagnet.invite.email.reason.rateLimited",
+			fallback: "Too many emails were sent at once. Resend it in a few minutes."
+		};
+		case null:
+		case void 0:
+		case "": return {
+			key: "planmagnet.invite.email.reason.unknown",
+			fallback: "No email delivery was recorded for it."
+		};
+		default: return {
+			key: "planmagnet.invite.email.reason.deliveryFailed",
+			fallback: "The email service could not send it. Try resending it."
+		};
+	}
+}
+function n(e) {
+	switch (e) {
+		case "SENT": return {
+			key: "planmagnet.invite.email.status.sent",
+			fallback: "Email sent"
+		};
+		case "FAILED": return {
+			key: "planmagnet.invite.email.status.failed",
+			fallback: "Email not sent"
+		};
+		case "SKIPPED": return {
+			key: "planmagnet.invite.email.status.skipped",
+			fallback: "Email not sent"
+		};
+		default: return {
+			key: "planmagnet.invite.email.status.unknown",
+			fallback: "Email not recorded"
+		};
+	}
+}
+function r(e) {
+	return e === "SENT" ? "secondary" : e === "FAILED" || e === "SKIPPED" ? "destructive" : "outline";
+}
+function i(e) {
+	if (!e) return null;
+	let t = /^\d+$/.test(e) ? new Date(Number(e)) : new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}
+function a(e, t) {
+	let n = [], r = 0;
+	for (let i of e) {
+		let e = t.get(i);
+		e ? n.push(e) : r++;
+	}
+	return {
+		names: n,
+		unknown: r
+	};
+}
+//#endregion
+export { r as invitationEmailBadgeVariant, t as invitationEmailReason, e as invitationEmailSent, n as invitationEmailStatusLabel, a as invitationRoleNames, i as parseInvitationDate };
+
+//# sourceMappingURL=invitationEmail.js.map