@parallelworks/tandem-web 0.142.0 → 0.144.0

package/components/NewIssueDialog.js

@@ -1,73 +1,77 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { useNavigate as n } from "../lib/router.js";
 import { cyclesQuery as r, issueTemplatesQuery as i, labelsQuery as a, statusesQuery as ee, teamsQuery as te } from "../api/queries.js";
-import { CalendarIcon as ne, CycleIcon as re, EstimateIcon as ie, FileTextIcon as o, FolderIcon as ae, PriorityIcon as s, StatusIcon as oe, TagIcon as se, UserIcon as ce, usePriorityNames as le } from "./icons.js";
-import { invalidateIssueViews as ue } from "../api/mutations.js";
-import { useTime as de } from "../lib/time.js";
-import { scalePoints as fe, useEstimateLabel as pe } from "./Planning.js";
-import { PickManyBox as me, usePickMany as he } from "../lib/pickMany.js";
-import { parseAssigneeKey as ge, useAssigneeOptions as _e } from "../lib/assignees.js";
-import { useCan as ve } from "../lib/roles.js";
-import { useConfirm as ye } from "../lib/confirm.js";
-import { attachmentPrefix as be, insertPreviews as xe, readDataURL as Se, uploadAttachment as Ce } from "../lib/attachments.js";
-import { withoutLink as we } from "../lib/markdownLinks.js";
-import { AttachButton as Te, useAttachmentsOn as Ee } from "./Attachments.js";
-import { Editor as De } from "./Editor.js";
-import { TeamForm as Oe } from "./TeamForm.js";
-import { Button as ke, Combobox as c, CreateModal as Ae, DatePicker as je, Modal as Me, buttonClasses as Ne, toast as l } from "@parallelworks/ui";
-import { useEffect as Pe, useRef as u, useState as d } from "react";
-import { useErrorMessage as Fe } from "@parallelworks/problem/react";
-import { useTranslations as f } from "use-intl";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useQuery as g, useQueryClient as Ie, useSuspenseQuery as Le } from "@tanstack/react-query";
+import { useConfirm as ne } from "../lib/confirm.js";
+import { hasValue as o } from "../lib/customFields.js";
+import { issueTypesQuery as re, typesFor as ie } from "../lib/issueTypes.js";
+import { CalendarIcon as ae, CycleIcon as oe, EstimateIcon as se, FileTextIcon as ce, FolderIcon as le, PriorityIcon as ue, StatusIcon as de, TagIcon as fe, UserIcon as pe, usePriorityNames as me } from "./icons.js";
+import { TypeIcon as he } from "./IssueTypes.js";
+import { invalidateIssueViews as ge } from "../api/mutations.js";
+import { useTime as _e } from "../lib/time.js";
+import { scalePoints as ve, useEstimateLabel as ye } from "./Planning.js";
+import { PickManyBox as be, usePickMany as xe } from "../lib/pickMany.js";
+import { parseAssigneeKey as Se, useAssigneeOptions as Ce } from "../lib/assignees.js";
+import { useCan as we } from "../lib/roles.js";
+import { attachmentPrefix as Te, insertPreviews as Ee, readDataURL as De, uploadAttachment as Oe } from "../lib/attachments.js";
+import { withoutLink as ke } from "../lib/markdownLinks.js";
+import { AttachButton as Ae, useAttachmentsOn as je } from "./Attachments.js";
+import { NewIssueFields as Me } from "./CustomFields.js";
+import { Editor as Ne } from "./Editor.js";
+import { TeamForm as Pe } from "./TeamForm.js";
+import { Button as Fe, Combobox as s, CreateModal as Ie, DatePicker as Le, Modal as Re, buttonClasses as ze, toast as Be } from "@parallelworks/ui";
+import { useEffect as Ve, useRef as c, useState as l } from "react";
+import { useErrorMessage as He } from "@parallelworks/problem/react";
+import { useTranslations as u } from "use-intl";
+import { Fragment as Ue, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useQuery as p, useQueryClient as We, useSuspenseQuery as Ge } from "@tanstack/react-query";
 // src/components/NewIssueDialog.tsx
-function _({ workspace: _, defaultTeam: v, defaultTitle: Be = "", defaultBody: y = "", defaultArea: b, origin: x, defaults: S = {}, onCreated: Ve, onClose: C }) {
-	let { data: He } = Le(te(_)), w = He.filter((e) => !e.archivedAt), T = !Be && !y && !b && !x && Object.keys(S).length === 0, [E] = d(() => T ? Re(_) : void 0), [D, O] = d(v ?? w.find((e) => e.key === E?.team)?.key ?? w[0]?.key ?? ""), { data: k = [] } = g({
-		...ee(_, D),
-		enabled: !!D
-	}), { data: Ue = [] } = g(a(_)), { data: A = [] } = g({
-		...i(_, D),
-		enabled: !!D
-	}), [j, M] = d(null), We = A.find((e) => e.id === j), [N, Ge] = d(Be || E?.title || ""), P = u(N), Ke = f("issueTemplates"), qe = _e(_, !0), Je = le(), F = f("newIssue"), Ye = Fe(), I = f("common"), L = ve(_, "manage_teams"), [R, Xe] = d(y || E?.body || ""), Ze = u(R), [Qe, $e] = d(S.statusId ?? null), [z, et] = d(S.priority ?? 0), [B, tt] = d(0), [V, nt] = d(""), [H, rt] = d(S.cycleId ?? ""), U = f("planning"), it = pe(), at = de(), { data: ot = [] } = g({
-		...r(_, D),
-		enabled: !!w.find((e) => e.key === D)?.cyclesEnabled
-	}), st = ot.find((e) => e.id === H), ct = (e) => e.name ? U("cycleNamed", {
+function m({ workspace: m, defaultTeam: h, defaultTitle: Je = "", defaultBody: g = "", defaultArea: _, origin: v, defaults: y = {}, onCreated: Ye, onClose: b }) {
+	let { data: Xe } = Ge(te(m)), x = Xe.filter((e) => !e.archivedAt), S = !Je && !g && !_ && !v && Object.keys(y).length === 0, [Ze] = l(() => S ? Ke(m) : void 0), [C, Qe] = l(h ?? x.find((e) => e.key === Ze?.team)?.key ?? x[0]?.key ?? ""), { data: w = [] } = p({
+		...ee(m, C),
+		enabled: !!C
+	}), { data: $e = [] } = p(a(m)), { data: T = [] } = p({
+		...i(m, C),
+		enabled: !!C
+	}), [E, et] = l(null), tt = T.find((e) => e.id === E), [D, nt] = l(Je || Ze?.title || ""), O = c(D), rt = u("issueTemplates"), it = Ce(m, !0), at = me(), k = u("newIssue"), ot = He(), A = u("common"), j = we(m, "manage_teams"), [M, N] = l(g || Ze?.body || ""), st = c(M), [ct, lt] = l(y.statusId ?? null), [P, ut] = l(y.priority ?? 0), [F, dt] = l(0), [I, ft] = l(""), [L, pt] = l(y.cycleId ?? ""), R = u("planning"), mt = ye(), ht = _e(), { data: gt = [] } = p({
+		...r(m, C),
+		enabled: !!x.find((e) => e.key === C)?.cyclesEnabled
+	}), _t = gt.find((e) => e.id === L), vt = (e) => e.name ? R("cycleNamed", {
 		number: e.number,
 		name: e.name
-	}) : U("cycle", { number: e.number }), W = w.find((e) => e.key === D)?.estimateScale ?? "none", [G, lt] = d(S.assignees ?? []), [K, ut] = d(S.labelIds ?? []), [q, J] = d(null), dt = he(q === "assignees", () => J(null)), ft = he(q === "labels", () => J(null)), [pt, mt] = d(null), ht = Ie(), gt = n(), { confirm: _t, dialog: vt } = ye(), Y = u(!1);
-	Pe(() => {
+	}) : R("cycle", { number: e.number }), z = x.find((e) => e.key === C)?.estimateScale ?? "none", [B, yt] = l(y.assignees ?? []), [V, bt] = l(y.labelIds ?? []), [H, U] = l({}), [W, G] = l(null), { data: xt } = p(re(m)), K = ie(xt, x.find((e) => e.key === C)?.id), q = K.find((e) => e.id === W), St = u("issueTypes"), [J, Y] = l(null), Ct = xe(J === "assignees", () => Y(null)), wt = xe(J === "labels", () => Y(null)), [Tt, Et] = l(null), Dt = We(), Ot = n(), { confirm: kt, dialog: At } = ne(), jt = c(!1);
+	Ve(() => {
 		let e = () => {
-			T && ze(_, {
-				team: D,
-				title: P.current,
-				body: R
-			}), C();
+			S && qe(m, {
+				team: C,
+				title: O.current,
+				body: M
+			}), b();
 		}, t = (t) => {
-			if (!(t.key !== "Escape" || q !== null || Y.current) && !document.querySelector("[role=\"menu\"], [role=\"listbox\"]")) {
-				if (P.current === N && R === Ze.current) return e();
-				Y.current = !0, _t({
-					title: F("closeTitle"),
-					description: F(T ? "closeKeepsDraft" : "closeLoses"),
-					confirmLabel: I("close"),
+			if (!(t.key !== "Escape" || J !== null || jt.current) && !document.querySelector("[role=\"menu\"], [role=\"listbox\"]")) {
+				if (O.current === D && M === st.current) return e();
+				jt.current = !0, kt({
+					title: k("closeTitle"),
+					description: k(S ? "closeKeepsDraft" : "closeLoses"),
+					confirmLabel: A("close"),
 					onConfirm: async () => e()
 				}).finally(() => {
-					Y.current = !1;
+					jt.current = !1;
 				});
 			}
 		};
 		return window.addEventListener("keydown", t, !0), () => window.removeEventListener("keydown", t, !0);
 	}, [
-		q,
-		T,
-		_,
-		D,
-		R,
-		N,
+		J,
+		S,
+		m,
 		C,
-		_t,
-		F,
-		I
-	]), Pe(() => {
+		M,
+		D,
+		b,
+		kt,
+		k,
+		A
+	]), Ve(() => {
 		let e = (e) => {
 			if (e.metaKey || e.ctrlKey || e.altKey || e.key.length !== 1 || document.activeElement && document.activeElement !== document.body) return;
 			let t = document.querySelector("[role=\"dialog\"]");
@@ -77,179 +81,213 @@ function _({ workspace: _, defaultTeam: v, defaultTitle: Be = "", defaultBody: y
 		};
 		return window.addEventListener("keydown", e, !0), () => window.removeEventListener("keydown", e, !0);
 	}, []);
-	let yt = () => {
-		T && ze(_, {
-			team: D,
+	let Mt = () => {
+		S && qe(m, {
+			team: C,
 			title: "",
 			body: ""
-		}), C();
-	}, X = k.find((e) => e.id === Qe) ?? k.find((e) => e.category === "unstarted"), Z = u(null), Q = u(/* @__PURE__ */ new Map()), bt = Ee(), xt = f("issue.attachments"), St = async (e, t) => {
-		if (!bt) {
-			l.error(xt("off", { name: e[0]?.name ?? "" }));
+		}), b();
+	}, X = w.find((e) => e.id === ct) ?? w.find((e) => e.category === "unstarted"), Z = c(null), Q = c(/* @__PURE__ */ new Map()), Nt = je(), Pt = u("issue.attachments"), Ft = async (e, t) => {
+		if (!Nt) {
+			Be.error(Pt("off", { name: e[0]?.name ?? "" }));
 			return;
 		}
 		let n = await Promise.all(e.map(async (e) => ({
 			file: e,
-			src: await Se(e)
+			src: await De(e)
 		})));
 		for (let { file: e, src: t } of n) Q.current.set(t, e);
-		Z.current && !Z.current.isDestroyed && xe(Z.current, n, t);
-	}, Ct = async (t) => {
-		let n = R;
-		for (let [e, r] of Q.current) if (R.includes(e)) try {
-			let i = await Ce(_, t, r);
-			n = n.replaceAll(`(${e})`, `(${be}${i.id})`);
+		Z.current && !Z.current.isDestroyed && Ee(Z.current, n, t);
+	}, It = async (t) => {
+		let n = M;
+		for (let [e, r] of Q.current) if (M.includes(e)) try {
+			let i = await Oe(m, t, r);
+			n = n.replaceAll(`(${e})`, `(${Te}${i.id})`);
 		} catch (t) {
-			n = we(n, e), l.error(F("attachFailed", {
+			n = ke(n, e), Be.error(k("attachFailed", {
 				name: r.name,
-				reason: Ye(t)
+				reason: ot(t)
 			}));
 		}
 		await e.PATCH("/api/v1/workspaces/{workspace}/issues/{identifier}", {
 			params: { path: {
-				workspace: _,
+				workspace: m,
 				identifier: t
 			} },
 			body: { body: n }
 		});
-	}, wt = async (n, r) => {
-		if (!D) return !1;
-		mt(null);
-		let i = [...Q.current.keys()].filter((e) => R.includes(e));
+	}, Lt = async (n, r) => {
+		if (!C) return !1;
+		Et(null);
+		let i = [...Q.current.keys()].filter((e) => M.includes(e));
 		try {
 			let a = t(await e.POST("/api/v1/workspaces/{workspace}/teams/{key}/issues", {
 				params: { path: {
-					workspace: _,
-					key: D
+					workspace: m,
+					key: C
 				} },
 				body: {
 					title: n,
-					body: i.reduce(we, R),
-					priority: z,
+					body: i.reduce(ke, M),
+					priority: P,
 					...X && { statusId: X.id },
-					assignees: G.map(ge),
-					labelIds: K,
-					...B && fe(W).includes(B) && { estimate: B },
-					...V && { dueDate: V },
-					...H && { cycleId: H },
-					...(!v || D === v) && b && { area: b },
-					...(!v || D === v) && x && { origin: x },
-					...(!v || D === v) && S.projectId && { projectId: S.projectId }
+					assignees: B.map(Se),
+					labelIds: V,
+					...q && { typeId: q.id },
+					...Object.values(H).some(o) && { fields: Object.fromEntries(Object.entries(H).filter(([, e]) => o(e))) },
+					...F && ve(z).includes(F) && { estimate: F },
+					...I && { dueDate: I },
+					...L && { cycleId: L },
+					...(!h || C === h) && _ && { area: _ },
+					...(!h || C === h) && v && { origin: v },
+					...(!h || C === h) && y.projectId && { projectId: y.projectId }
 				}
 			}));
-			return i.length > 0 && await Ct(a.identifier), ue(ht, _, a.identifier), Ve?.(a), r && gt({
+			return i.length > 0 && await It(a.identifier), ge(Dt, m, a.identifier), Ye?.(a), r && Ot({
 				to: "/$workspace/issues/$identifier",
 				params: {
-					workspace: _,
+					workspace: m,
 					identifier: a.identifier
 				}
 			}), !0;
 		} catch (e) {
-			return mt(Ye(e)), !1;
+			return Et(ot(e)), !1;
 		}
-	}, $ = Ne({ size: "sm" });
-	if (w.length === 0) return /* @__PURE__ */ m(Me, {
+	}, $ = ze({ size: "sm" });
+	if (x.length === 0) return /* @__PURE__ */ d(Re, {
 		open: !0,
-		onClose: C,
+		onClose: b,
 		size: "lg",
-		title: F("noTeamTitle"),
-		description: F(L ? "noTeamDescription" : "noTeamAskAdmin"),
-		...!L && { footer: /* @__PURE__ */ m(ke, {
+		title: k("noTeamTitle"),
+		description: k(j ? "noTeamDescription" : "noTeamAskAdmin"),
+		...!j && { footer: /* @__PURE__ */ d(Fe, {
 			type: "button",
-			onClick: C,
-			children: I("close")
+			onClick: b,
+			children: A("close")
 		}) },
-		children: L && /* @__PURE__ */ m(Oe, {
-			workspace: _,
+		children: j && /* @__PURE__ */ d(Pe, {
+			workspace: m,
 			autoFocus: !0,
-			onCreated: (e) => O(e.key)
+			onCreated: (e) => Qe(e.key)
 		})
 	});
-	let Tt = w.find((e) => e.key === D);
-	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(Ae, {
+	let Rt = x.find((e) => e.key === C);
+	return /* @__PURE__ */ f(Ue, { children: [/* @__PURE__ */ d(Ie, {
 		open: !0,
-		onClose: yt,
+		onClose: Mt,
 		size: "xl",
-		typeIcon: /* @__PURE__ */ m(ae, { className: "size-3.5" }),
-		typeLabel: Tt?.name ?? "",
-		typeMenu: w.map((e) => ({
+		typeIcon: /* @__PURE__ */ d(le, { className: "size-3.5" }),
+		typeLabel: Rt?.name ?? "",
+		typeMenu: x.map((e) => ({
 			label: e.name,
 			hint: e.key,
-			checked: e.key === D,
+			checked: e.key === C,
 			onClick: () => {
-				O(e.key), $e(null), M(null), rt("");
+				Qe(e.key), lt(null), et(null), U({}), G(null), pt("");
 			}
 		})),
 		typeMenuSearch: {
-			placeholder: F("moveToTeam"),
-			empty: F("noTeamMatches")
+			placeholder: k("moveToTeam"),
+			empty: k("noTeamMatches")
 		},
-		namePlaceholder: F("issueTitle"),
-		initialName: N,
+		namePlaceholder: k("issueTitle"),
+		initialName: D,
 		onNameChange: (e) => {
-			P.current = e;
+			O.current = e;
 		},
-		submitLabel: F("create"),
-		descriptionField: /* @__PURE__ */ m("div", {
+		submitLabel: k("create"),
+		descriptionField: /* @__PURE__ */ f("div", {
 			className: "min-h-24 pb-2",
-			children: /* @__PURE__ */ m(De, {
-				value: R,
-				onChange: Xe,
-				onFiles: (e, t) => void St(e, t),
+			children: [/* @__PURE__ */ d(Ne, {
+				value: M,
+				onChange: N,
+				onFiles: (e, t) => void Ft(e, t),
 				onEditor: (e) => {
 					Z.current = e;
 				},
 				onSubmit: () => {},
-				placeholder: F("descriptionPlaceholder"),
-				label: I("description"),
+				placeholder: k("descriptionPlaceholder"),
+				label: A("description"),
 				className: "min-h-24"
-			})
+			}), /* @__PURE__ */ d(Me, {
+				workspace: m,
+				teamId: x.find((e) => e.key === C)?.id,
+				typeId: W,
+				values: H,
+				onChange: U
+			})]
 		}),
-		dirty: R !== y || j !== null || Qe !== null || z !== 0 || B !== 0 || V !== "" || H !== "" || G.length > 0 || K.length > 0,
-		footerHint: F("hint"),
-		error: pt,
-		onSubmit: (e, t, n, { modifier: r }) => wt(e, r),
-		properties: /* @__PURE__ */ h(p, { children: [
-			A.length > 0 && /* @__PURE__ */ m(c, {
-				open: q === "template",
-				onOpenChange: (e) => J(e ? "template" : null),
-				items: A.map((e) => ({
+		dirty: M !== g || E !== null || ct !== null || P !== 0 || F !== 0 || I !== "" || L !== "" || B.length > 0 || V.length > 0 || W !== null || Object.values(H).some(o),
+		footerHint: k("hint"),
+		error: Tt,
+		onSubmit: (e, t, n, { modifier: r }) => Lt(e, r),
+		properties: /* @__PURE__ */ f(Ue, { children: [
+			T.length > 0 && /* @__PURE__ */ d(s, {
+				open: J === "template",
+				onOpenChange: (e) => Y(e ? "template" : null),
+				items: T.map((e) => ({
+					value: e.id,
+					label: e.name,
+					icon: /* @__PURE__ */ d(ce, { className: "size-3.5 text-muted-foreground" })
+				})),
+				value: E,
+				onValueChange: (e) => {
+					let t = T.find((t) => t.id === e);
+					t && (et(t.id), t.title && (nt(t.title), O.current = t.title), N(t.body), ut(t.priority), bt(t.labelIds), U(t.fields), G(t.typeId ?? null));
+				},
+				placeholder: rt("choose"),
+				trigger: /* @__PURE__ */ f("button", {
+					type: "button",
+					className: $,
+					children: [/* @__PURE__ */ d(ce, { className: "size-3.5" }), tt?.name ?? rt("choose")]
+				})
+			}),
+			K.length > 0 && /* @__PURE__ */ d(s, {
+				open: J === "type",
+				onOpenChange: (e) => Y(e ? "type" : null),
+				items: K.map((e) => ({
 					value: e.id,
 					label: e.name,
-					icon: /* @__PURE__ */ m(o, { className: "size-3.5 text-muted-foreground" })
+					icon: /* @__PURE__ */ d(he, {
+						type: e,
+						className: "size-3.5"
+					})
 				})),
-				value: j,
+				value: W,
 				onValueChange: (e) => {
-					let t = A.find((t) => t.id === e);
-					t && (M(t.id), t.title && (Ge(t.title), P.current = t.title), Xe(t.body), et(t.priority), ut(t.labelIds));
+					let t = K.find((t) => t.id === e);
+					G(t?.id ?? null), t?.template && !M.trim() && N(t.template);
 				},
-				placeholder: Ke("choose"),
-				trigger: /* @__PURE__ */ h("button", {
+				placeholder: St("type"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(o, { className: "size-3.5" }), We?.name ?? Ke("choose")]
+					children: [q && /* @__PURE__ */ d(he, {
+						type: q,
+						className: "size-3.5"
+					}), q?.name ?? St("type")]
 				})
 			}),
-			/* @__PURE__ */ m(c, {
-				open: q === "status",
-				onOpenChange: (e) => J(e ? "status" : null),
-				items: k.map((e) => ({
+			/* @__PURE__ */ d(s, {
+				open: J === "status",
+				onOpenChange: (e) => Y(e ? "status" : null),
+				items: w.map((e) => ({
 					value: e.id,
 					label: e.name,
-					icon: /* @__PURE__ */ m(oe, { category: e.category })
+					icon: /* @__PURE__ */ d(de, { category: e.category })
 				})),
 				value: X?.id ?? null,
-				onValueChange: (e) => e !== null && $e(e),
-				placeholder: F("changeStatus"),
-				trigger: /* @__PURE__ */ h("button", {
+				onValueChange: (e) => e !== null && lt(e),
+				placeholder: k("changeStatus"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [X && /* @__PURE__ */ m(oe, { category: X.category }), X?.name ?? I("status")]
+					children: [X && /* @__PURE__ */ d(de, { category: X.category }), X?.name ?? A("status")]
 				})
 			}),
-			/* @__PURE__ */ m(c, {
-				open: q === "priority",
-				onOpenChange: (e) => J(e ? "priority" : null),
+			/* @__PURE__ */ d(s, {
+				open: J === "priority",
+				onOpenChange: (e) => Y(e ? "priority" : null),
 				items: [
 					1,
 					2,
@@ -258,125 +296,125 @@ function _({ workspace: _, defaultTeam: v, defaultTitle: Be = "", defaultBody: y
 					0
 				].map((e) => ({
 					value: String(e),
-					label: Je[e] ?? "",
-					icon: /* @__PURE__ */ m(s, { priority: e })
+					label: at[e] ?? "",
+					icon: /* @__PURE__ */ d(ue, { priority: e })
 				})),
-				value: String(z),
-				onValueChange: (e) => e !== null && et(Number(e)),
-				placeholder: F("setPriority"),
-				trigger: /* @__PURE__ */ h("button", {
+				value: String(P),
+				onValueChange: (e) => e !== null && ut(Number(e)),
+				placeholder: k("setPriority"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(s, { priority: z }), z ? Je[z] : I("priority")]
+					children: [/* @__PURE__ */ d(ue, { priority: P }), P ? at[P] : A("priority")]
 				})
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ d(s, {
 				multiple: !0,
-				open: q === "assignees",
-				onOpenChange: (e) => J(e ? "assignees" : null),
-				items: qe,
-				value: G,
+				open: J === "assignees",
+				onOpenChange: (e) => Y(e ? "assignees" : null),
+				items: it,
+				value: B,
 				onValueChange: (e) => {
-					lt(e), dt();
+					yt(e), Ct();
 				},
-				placeholder: F("assignTo"),
-				trigger: /* @__PURE__ */ h("button", {
+				placeholder: k("assignTo"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(ce, { className: "size-3.5" }), G.length ? F("assignedCount", { count: G.length }) : I("assignee")]
+					children: [/* @__PURE__ */ d(pe, { className: "size-3.5" }), B.length ? k("assignedCount", { count: B.length }) : A("assignee")]
 				})
 			}),
-			/* @__PURE__ */ m(c, {
+			/* @__PURE__ */ d(s, {
 				multiple: !0,
-				open: q === "labels",
-				onOpenChange: (e) => J(e ? "labels" : null),
-				items: Ue.map((e) => ({
+				open: J === "labels",
+				onOpenChange: (e) => Y(e ? "labels" : null),
+				items: $e.map((e) => ({
 					value: e.id,
 					label: e.name,
-					icon: /* @__PURE__ */ h("span", {
+					icon: /* @__PURE__ */ f("span", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ m(me, {}), /* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ d(be, {}), /* @__PURE__ */ d("span", {
 							className: "size-2.5 rounded-full",
 							style: { background: e.color }
 						})]
 					})
 				})),
-				value: K,
+				value: V,
 				onValueChange: (e) => {
-					ut(e), ft();
+					bt(e), wt();
 				},
-				placeholder: F("addLabels"),
-				trigger: /* @__PURE__ */ h("button", {
+				placeholder: k("addLabels"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(se, { className: "size-3.5" }), K.length ? F("labelCount", { count: K.length }) : I("labels")]
+					children: [/* @__PURE__ */ d(fe, { className: "size-3.5" }), V.length ? k("labelCount", { count: V.length }) : A("labels")]
 				})
 			}),
-			W !== "none" && /* @__PURE__ */ m(c, {
-				open: q === "estimate",
-				onOpenChange: (e) => J(e ? "estimate" : null),
-				items: [0, ...fe(W)].map((e) => ({
+			z !== "none" && /* @__PURE__ */ d(s, {
+				open: J === "estimate",
+				onOpenChange: (e) => Y(e ? "estimate" : null),
+				items: [0, ...ve(z)].map((e) => ({
 					value: String(e),
-					label: e ? it(e, W) : U("noEstimate")
+					label: e ? mt(e, z) : R("noEstimate")
 				})),
-				value: String(B),
-				onValueChange: (e) => e !== null && tt(Number(e)),
-				placeholder: U("setEstimate"),
-				trigger: /* @__PURE__ */ h("button", {
+				value: String(F),
+				onValueChange: (e) => e !== null && dt(Number(e)),
+				placeholder: R("setEstimate"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(ie, { className: "size-3.5" }), B ? it(B, W) : U("estimate")]
+					children: [/* @__PURE__ */ d(se, { className: "size-3.5" }), F ? mt(F, z) : R("estimate")]
 				})
 			}),
-			Tt?.cyclesEnabled && /* @__PURE__ */ m(c, {
-				open: q === "cycle",
-				onOpenChange: (e) => J(e ? "cycle" : null),
+			Rt?.cyclesEnabled && /* @__PURE__ */ d(s, {
+				open: J === "cycle",
+				onOpenChange: (e) => Y(e ? "cycle" : null),
 				items: [{
 					value: "",
-					label: U("noCycle")
-				}, ...ot.filter((e) => e.state !== "past").map((e) => ({
+					label: R("noCycle")
+				}, ...gt.filter((e) => e.state !== "past").map((e) => ({
 					value: e.id,
-					label: ct(e),
-					description: U("stateAndDates", {
-						state: U(`states.${e.state}`),
-						dates: at.dayRange(e.startsOn, e.endsOn)
+					label: vt(e),
+					description: R("stateAndDates", {
+						state: R(`states.${e.state}`),
+						dates: ht.dayRange(e.startsOn, e.endsOn)
 					})
 				}))],
-				value: H,
-				onValueChange: (e) => e !== null && rt(e),
-				placeholder: U("cycleLabel"),
-				trigger: /* @__PURE__ */ h("button", {
+				value: L,
+				onValueChange: (e) => e !== null && pt(e),
+				placeholder: R("cycleLabel"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(re, { className: "size-3.5" }), st ? ct(st) : U("cycleLabel")]
+					children: [/* @__PURE__ */ d(oe, { className: "size-3.5" }), _t ? vt(_t) : R("cycleLabel")]
 				})
 			}),
-			/* @__PURE__ */ m(je, {
-				value: V,
-				onValueChange: nt,
-				"aria-label": U("dueDate"),
-				trigger: /* @__PURE__ */ h("button", {
+			/* @__PURE__ */ d(Le, {
+				value: I,
+				onValueChange: ft,
+				"aria-label": R("dueDate"),
+				trigger: /* @__PURE__ */ f("button", {
 					type: "button",
 					className: $,
-					children: [/* @__PURE__ */ m(ne, { className: "size-3.5" }), V ? U("dueOn", { date: at.day(V) }) : U("dueDate")]
+					children: [/* @__PURE__ */ d(ae, { className: "size-3.5" }), I ? R("dueOn", { date: ht.day(I) }) : R("dueDate")]
 				})
 			}),
-			/* @__PURE__ */ m(Te, { onFiles: (e) => void St(e) })
+			/* @__PURE__ */ d(Ae, { onFiles: (e) => void Ft(e) })
 		] })
-	}), vt] });
+	}), At] });
 }
-var v = (e) => `tandem:new-issue-draft:${e}`;
-function Re(e) {
+var h = (e) => `tandem:new-issue-draft:${e}`;
+function Ke(e) {
 	try {
-		let t = JSON.parse(localStorage.getItem(v(e)) ?? "null");
+		let t = JSON.parse(localStorage.getItem(h(e)) ?? "null");
 		return t && typeof t.title == "string" && typeof t.body == "string" ? t : void 0;
 	} catch {
 		return;
 	}
 }
-function ze(e, t) {
+function qe(e, t) {
 	try {
-		t.title.trim() || t.body.trim() ? localStorage.setItem(v(e), JSON.stringify(t)) : localStorage.removeItem(v(e));
+		t.title.trim() || t.body.trim() ? localStorage.setItem(h(e), JSON.stringify(t)) : localStorage.removeItem(h(e));
 	} catch {}
 }
-export { _ as NewIssueDialog };
+export { m as NewIssueDialog };