@parallelworks/tandem-web 0.143.0 → 0.144.0

package/routes/_workspace/settings/import2.js

@@ -0,0 +1,330 @@
+import { api as e, unwrap as t } from "../../../api/client.js";
+import { linearImportQuery as n, teamsQuery as r } from "../../../api/queries.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { MigrationIcon as a } from "../../../components/icons.js";
+import { Route as o } from "./import.js";
+import { useCan as s } from "../../../lib/roles.js";
+import { AdminOnly as c, SettingsPage as l, useFormError as u } from "../../../components/settings.js";
+import { Button as d, Checkbox as f, Disclosure as p, ErrorText as m, Field as h, Input as g, ProgressBar as _, Select as v, SettingsCard as y, StatusLabel as b } from "@parallelworks/ui";
+import { useState as x } from "react";
+import { useFormatter as S, useTranslations as C } from "use-intl";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useMutation as D, useQueryClient as O, useSuspenseQuery as k } from "@tanstack/react-query";
+// src/routes/$workspace/settings/import.tsx?tsr-split=component
+function A() {
+	let { workspace: e } = o.useParams(), { data: t } = k(n(e)), r = s(e, "manage_workspace"), i = C("settingsNav"), a = C("linearImport"), u = t.import?.status === "running";
+	return /* @__PURE__ */ E(l, {
+		title: i("import"),
+		description: a("pageDescription"),
+		children: [/* @__PURE__ */ T(c, { workspace: e }), t.enabled ? /* @__PURE__ */ E("div", {
+			className: "space-y-6",
+			children: [
+				t.import && /* @__PURE__ */ T(M, {
+					workspace: e,
+					im: t.import
+				}),
+				r && !u && /* @__PURE__ */ T(P, {
+					workspace: e,
+					again: !!t.import
+				}),
+				/* @__PURE__ */ E("section", {
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ T("h2", {
+						className: "font-medium",
+						children: a("howTitle")
+					}), /* @__PURE__ */ E("ul", {
+						className: "list-disc space-y-1.5 pl-5 text-muted-foreground",
+						children: [
+							/* @__PURE__ */ T("li", { children: a("howIssues") }),
+							/* @__PURE__ */ T("li", { children: a("howWorkflow") }),
+							/* @__PURE__ */ T("li", { children: a("howProjects") }),
+							/* @__PURE__ */ T("li", { children: a("howPeople") })
+						]
+					})]
+				})
+			]
+		}) : /* @__PURE__ */ T(y, { children: /* @__PURE__ */ T("p", {
+			className: "px-3 py-2 text-sm text-muted-foreground",
+			children: a("notConfigured")
+		}) })]
+	});
+}
+var j = {
+	running: "info",
+	done: "success",
+	failed: "error",
+	canceled: "muted"
+};
+function M({ workspace: r, im: o }) {
+	let c = C("linearImport"), l = S(), f = s(r, "manage_workspace"), h = O(), g = u(), { confirm: v, dialog: x } = i(), w = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/import/cancel", { params: { path: { workspace: r } } })),
+		onMutate: g.clear,
+		onSuccess: () => h.invalidateQueries({ queryKey: n(r).queryKey }),
+		onError: g.set
+	}), k = o.status === "running";
+	return /* @__PURE__ */ E(y, { children: [x, /* @__PURE__ */ E("div", {
+		className: "space-y-3 px-3 py-3",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ T(a, { className: "size-5 text-muted-foreground" }),
+					/* @__PURE__ */ E("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-sm font-medium",
+							children: c("lastImport", { organization: o.organization })
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-muted-foreground",
+							children: c("startedAt", { date: l.dateTime(new Date(o.startedAt), {
+								dateStyle: "medium",
+								timeStyle: "short"
+							}) })
+						})]
+					}),
+					/* @__PURE__ */ T(b, {
+						variant: j[o.status],
+						pulse: k,
+						children: c(`status.${o.status}`)
+					}),
+					f && k && /* @__PURE__ */ T(d, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						loading: w.isPending,
+						onClick: () => v({
+							title: c("cancelTitle"),
+							description: c("cancelDescription"),
+							confirmLabel: c("cancel"),
+							onConfirm: () => w.mutateAsync()
+						}),
+						children: c("cancel")
+					})
+				]
+			}),
+			/* @__PURE__ */ T(_, {
+				value: o.total > 0 ? Math.min(o.processed, o.total) : k ? null : 1,
+				max: o.total > 0 ? o.total : 1,
+				label: c("issuesLabel"),
+				valueText: () => c("progress", {
+					processed: o.processed,
+					total: o.total
+				})
+			}),
+			/* @__PURE__ */ T("ul", {
+				className: "space-y-1 text-sm",
+				children: o.teams.map((e) => /* @__PURE__ */ T("li", {
+					className: "text-muted-foreground",
+					children: c("teamRow", {
+						source: `${e.sourceName} (${e.sourceKey})`,
+						team: e.teamKey ?? ""
+					})
+				}, e.sourceKey))
+			}),
+			o.error && /* @__PURE__ */ T("p", {
+				className: `text-sm ${k ? "text-muted-foreground" : "text-danger"}`,
+				children: c(k ? "retrying" : "stopped", { error: o.error })
+			}),
+			o.skipped > 0 && /* @__PURE__ */ T(p, {
+				summary: c("skipped", { count: o.skipped }),
+				children: /* @__PURE__ */ T("ul", {
+					className: "space-y-1 pt-2 text-sm",
+					children: o.skips.map((e, t) => /* @__PURE__ */ E("li", { children: [
+						/* @__PURE__ */ T("span", {
+							className: "font-medium",
+							children: e.item
+						}),
+						" ",
+						/* @__PURE__ */ T("span", {
+							className: "text-muted-foreground",
+							children: c(`skipReason.${e.reason}`, { field: e.field ?? "" })
+						})
+					] }, t))
+				})
+			}),
+			/* @__PURE__ */ T(m, {
+				size: "md",
+				children: g.error
+			})
+		]
+	})] });
+}
+var N = "__new__";
+function P({ workspace: i, again: a }) {
+	let o = C("linearImport"), s = O(), { data: c } = k(r(i)), [l, p] = x(""), [_, b] = x(null), [S, A] = x({}), j = u(), M = c.filter((e) => !e.archivedAt), P = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/teams", {
+			params: { path: { workspace: i } },
+			body: { apiKey: l }
+		})),
+		onMutate: j.clear,
+		onSuccess: (e) => {
+			b(e), A(Object.fromEntries(e.teams.map((e) => {
+				let t = M.find((t) => t.key === e.key);
+				return [e.id, {
+					on: !0,
+					target: t?.key ?? N,
+					newKey: e.key,
+					newName: e.name
+				}];
+			})));
+		},
+		onError: j.set
+	}), F = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/import", {
+			params: { path: { workspace: i } },
+			body: {
+				apiKey: l,
+				teams: Object.entries(S).filter(([, e]) => e.on).map(([e, t]) => t.target === N ? {
+					sourceId: e,
+					newKey: t.newKey,
+					newName: t.newName
+				} : {
+					sourceId: e,
+					teamKey: t.target
+				})
+			}
+		})),
+		onMutate: j.clear,
+		onSuccess: () => {
+			p(""), b(null), s.invalidateQueries({ queryKey: n(i).queryKey }), s.invalidateQueries({ queryKey: r(i).queryKey });
+		},
+		onError: j.set
+	}), I = Object.values(S).filter((e) => e.on).length, L = (e, t) => A((n) => ({
+		...n,
+		[e]: {
+			...n[e],
+			...t
+		}
+	}));
+	return /* @__PURE__ */ T(y, { children: /* @__PURE__ */ E("form", {
+		className: "space-y-4 px-3 py-3",
+		onSubmit: (e) => {
+			e.preventDefault(), _ ? F.mutate() : P.mutate();
+		},
+		children: [
+			/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+				className: "text-sm font-medium",
+				children: o(a ? "again" : "startTitle")
+			}), a && /* @__PURE__ */ T("p", {
+				className: "text-xs text-muted-foreground",
+				children: o("againHelp")
+			})] }),
+			/* @__PURE__ */ T(h, {
+				label: o("keyLabel"),
+				description: o("keyHelp"),
+				children: /* @__PURE__ */ T(g, {
+					type: "password",
+					autoComplete: "off",
+					required: !0,
+					value: l,
+					onChange: (e) => {
+						p(e.target.value), b(null);
+					},
+					placeholder: "lin_api_…"
+				})
+			}),
+			_ && /* @__PURE__ */ E("fieldset", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ T("legend", {
+						className: "text-sm font-medium",
+						children: o("teamsFrom", { organization: _.organization })
+					}),
+					_.teams.length === 0 && /* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: o("noTeams")
+					}),
+					/* @__PURE__ */ T("ul", {
+						className: "divide-y divide-border rounded-md border border-border",
+						children: _.teams.map((e) => {
+							let t = S[e.id];
+							return t ? /* @__PURE__ */ E("li", {
+								className: "flex flex-wrap items-center gap-x-3 gap-y-2 px-3 py-2",
+								children: [/* @__PURE__ */ E("label", {
+									className: "flex min-w-0 flex-1 items-center gap-2 text-sm",
+									children: [
+										/* @__PURE__ */ T(f, {
+											checked: t.on,
+											onCheckedChange: (t) => L(e.id, { on: t })
+										}),
+										/* @__PURE__ */ E("span", {
+											className: "truncate",
+											children: [
+												e.name,
+												" ",
+												/* @__PURE__ */ E("span", {
+													className: "text-muted-foreground",
+													children: [
+														"(",
+														e.key,
+														")"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ T("span", {
+											className: "text-xs text-muted-foreground",
+											children: o("issues", { count: e.issueCount })
+										})
+									]
+								}), t.on && /* @__PURE__ */ E("div", {
+									className: "flex basis-full flex-wrap items-center gap-2 pl-6 sm:basis-auto sm:pl-0",
+									children: [/* @__PURE__ */ T(v, {
+										"aria-label": o("into", { team: e.name }),
+										value: t.target,
+										onValueChange: (t) => t && L(e.id, { target: t }),
+										items: [{
+											value: N,
+											label: o("newTeam")
+										}, ...M.map((e) => ({
+											value: e.key,
+											label: `${e.name} (${e.key})`
+										}))],
+										size: "sm",
+										width: "content"
+									}), t.target === N && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(g, {
+										"aria-label": o("newKey"),
+										value: t.newKey,
+										onChange: (t) => L(e.id, { newKey: t.target.value.toUpperCase() }),
+										className: "w-24",
+										maxLength: 10,
+										required: !0
+									}), /* @__PURE__ */ T(g, {
+										"aria-label": o("newName"),
+										value: t.newName,
+										onChange: (t) => L(e.id, { newName: t.target.value }),
+										className: "w-44",
+										required: !0
+									})] })]
+								})]
+							}, e.id) : null;
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [_ ? /* @__PURE__ */ T(d, {
+					type: "submit",
+					variant: "primary",
+					loading: F.isPending,
+					disabled: I === 0,
+					children: o("start", { count: I })
+				}) : /* @__PURE__ */ T(d, {
+					type: "submit",
+					variant: "primary",
+					loading: P.isPending,
+					children: o("findTeams")
+				}), _ && /* @__PURE__ */ T("span", {
+					className: "text-xs text-muted-foreground",
+					children: o("total", { count: _.teams.filter((e) => S[e.id]?.on).reduce((e, t) => e + t.issueCount, 0) })
+				})]
+			}),
+			/* @__PURE__ */ T(m, {
+				size: "md",
+				children: j.error
+			})
+		]
+	}) });
+}
+export { A as component };

package/routes/_workspace/settings/import3.js

@@ -0,0 +1,4 @@
+import { linearImportQuery as e, teamsQuery as t } from "../../../api/queries.js";
+// src/routes/$workspace/settings/import.tsx?tsr-split=loader
+var n = ({ context: { queryClient: n }, params: { workspace: r } }) => Promise.all([n.ensureQueryData(e(r)), n.ensureQueryData(t(r))]);
+export { n as loader };