@burdenoff/microfe-hookmovies 2026.706.2 → 2026.706.4

package/dist/hookmovies/pages/localization/LocalizationPage.js

@@ -0,0 +1,656 @@
+import { useHookMovies as e } from "../../context/HookMoviesContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { useCreateLocalization as i, useDeleteLocalization as a, useLanguages as o, useLocalizations as s, useSetDefaultLocalization as c, useTitle as ee, useTransitionTitle as te, useUpdateTitle as ne } from "../../hooks/useHookMoviesApi.js";
+import { uploadFileToFiles as re, useFileUrl as l } from "../../hooks/useFiles.js";
+import { formatDate as ie, formatEnumLabel as u } from "../../utils/formatters.js";
+import { EmptyState as ae } from "../../components/EmptyState.js";
+import { ErrorState as oe, LoadingState as d } from "../../components/StateViews.js";
+import { useMemo as se, useRef as ce, useState as f } from "react";
+import { ArrowLeft as le, CalendarClock as ue, Captions as p, CheckCircle2 as m, Download as h, Languages as de, Loader2 as g, Mic as _, Plus as fe, Rocket as pe, Star as v, Trash2 as y, Upload as me, X as he } from "lucide-react";
+import { useParams as ge } from "react-router-dom";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { GlassCard as _e } from "@burdenoff/fe-libs/ui";
+//#region src/hookmovies/pages/localization/LocalizationPage.tsx
+var C = [
+	"DRAFT",
+	"IN_REVIEW",
+	"SCHEDULED",
+	"PUBLISHED"
+], w = {
+	DRAFT: ["IN_REVIEW", "ARCHIVED"],
+	IN_REVIEW: [
+		"SCHEDULED",
+		"PUBLISHED",
+		"DRAFT",
+		"ARCHIVED"
+	],
+	SCHEDULED: [
+		"PUBLISHED",
+		"IN_REVIEW",
+		"ARCHIVED"
+	],
+	PUBLISHED: ["UNPUBLISHED", "ARCHIVED"],
+	UNPUBLISHED: ["PUBLISHED", "ARCHIVED"],
+	ARCHIVED: []
+}, T = {
+	SUBTITLE: {
+		label: "Subtitle",
+		icon: p,
+		folder: "/HookMovies/Subtitles",
+		accept: ".vtt,.srt,text/vtt,application/x-subrip",
+		hint: "Timed-text subtitles (.vtt or .srt)."
+	},
+	CAPTION: {
+		label: "Caption (SDH)",
+		icon: p,
+		folder: "/HookMovies/Subtitles",
+		accept: ".vtt,.srt,text/vtt,application/x-subrip",
+		hint: "Captions for deaf / hard-of-hearing viewers (.vtt or .srt)."
+	},
+	DUB: {
+		label: "Dub",
+		icon: _,
+		folder: "/HookMovies/Dubs",
+		accept: "audio/*",
+		hint: "Localized audio track (dubbed)."
+	}
+}, E = [
+	"SUBTITLE",
+	"CAPTION",
+	"DUB"
+], D = "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]", O = "mb-1.5 block text-xs font-medium text-text-secondary";
+function ve(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "";
+	let n = (e) => String(e).padStart(2, "0");
+	return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())}T${n(t.getHours())}:${n(t.getMinutes())}`;
+}
+var ye = ({ track: e, onSetDefault: t, onDelete: n, settingDefault: i, deleting: a }) => {
+	let o = l(e.fileId), s = T[e.kind], c = s.icon;
+	return /* @__PURE__ */ S("tr", {
+		className: "border-t border-border-seam",
+		children: [
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3",
+				children: /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-2 text-sm font-medium text-text-primary",
+					children: [/* @__PURE__ */ x("span", {
+						className: "rounded-md bg-bg-sunken px-2 py-0.5 text-xs uppercase tracking-wide text-text-secondary",
+						children: e.language
+					}), e.localizedTitle && /* @__PURE__ */ x("span", {
+						className: "truncate text-xs text-text-secondary",
+						children: e.localizedTitle
+					})]
+				})
+			}),
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3",
+				children: /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1.5 text-sm text-text-primary",
+					children: [/* @__PURE__ */ x(c, {
+						className: "h-3.5 w-3.5 text-text-secondary",
+						"aria-hidden": "true"
+					}), s.label]
+				})
+			}),
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3",
+				children: /* @__PURE__ */ x(r, { status: e.status })
+			}),
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3",
+				children: e.isDefault ? /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
+					children: [/* @__PURE__ */ x(v, {
+						className: "h-3 w-3 fill-current",
+						"aria-hidden": "true"
+					}), "Default"]
+				}) : /* @__PURE__ */ S("button", {
+					type: "button",
+					disabled: i,
+					onClick: () => t(e),
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken disabled:opacity-50",
+					children: [/* @__PURE__ */ x(v, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), "Make default"]
+				})
+			}),
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3",
+				children: o.isLoading ? /* @__PURE__ */ S("span", {
+					className: "inline-flex items-center gap-1.5 text-xs text-text-secondary",
+					children: [/* @__PURE__ */ x(g, {
+						className: "h-3.5 w-3.5 animate-spin",
+						"aria-hidden": "true"
+					}), "Resolving…"]
+				}) : o.data ? /* @__PURE__ */ S("a", {
+					href: o.data,
+					target: "_blank",
+					rel: "noreferrer",
+					download: !0,
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-2.5 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+					children: [/* @__PURE__ */ x(h, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), "File"]
+				}) : /* @__PURE__ */ x("span", {
+					className: "text-xs text-text-muted",
+					children: "Unavailable"
+				})
+			}),
+			/* @__PURE__ */ x("td", {
+				className: "whitespace-nowrap px-4 py-3 text-right",
+				children: /* @__PURE__ */ S("button", {
+					type: "button",
+					disabled: a,
+					onClick: () => n(e),
+					"aria-label": `Delete ${s.label} track (${e.language})`,
+					className: "inline-flex items-center gap-1.5 rounded-lg border border-status-error-border px-2.5 py-1 text-xs font-medium text-status-error-text transition-colors hover:bg-status-error-bg-subtle disabled:opacity-50",
+					children: [a ? /* @__PURE__ */ x(g, {
+						className: "h-3.5 w-3.5 animate-spin",
+						"aria-hidden": "true"
+					}) : /* @__PURE__ */ x(y, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), "Delete"]
+				})
+			})
+		]
+	});
+}, k = () => {
+	let { id: l } = ge(), { navigateTo: h } = e(), { data: _, isLoading: v, isError: y, refetch: k } = ee(l), A = ne(), j = te(), M = s(l), be = i(), xe = c(), Se = a(), N = o({ status: "ACTIVE" }, 200, 0), [Ce, we] = f(""), [Te, P] = f(!1), [Ee, F] = f(!1), [I, L] = f(null), [R, z] = f(!1), [B, V] = f(""), [H, De] = f("SUBTITLE"), [U, W] = f(null), [G, K] = f(""), [Oe, ke] = f(""), [Ae, je] = f(!1), [Me, Ne] = f(!1), [Pe, q] = f(null), J = ce(null), [Fe, Ie] = f(null), [Le, Re] = f(null), [Y, X] = f(null), ze = N.data?.items ?? [], Z = se(() => [...M.data ?? []].sort((e, t) => {
+		let n = E.indexOf(e.kind) - E.indexOf(t.kind);
+		return n === 0 ? e.language.localeCompare(t.language) : n;
+	}), [M.data]);
+	if (v) return /* @__PURE__ */ x(n, {
+		title: "Publishing & Localization",
+		children: /* @__PURE__ */ x(d, { label: "Loading title…" })
+	});
+	if (y || !_) return /* @__PURE__ */ x(n, {
+		title: "Publishing & Localization",
+		children: /* @__PURE__ */ x(oe, {
+			title: "Title not found",
+			message: "This title may have been archived, or you may not have access to it.",
+			onRetry: () => void k()
+		})
+	});
+	let Q = Te ? Ce : ve(_.releaseDate), Be = C.indexOf(_.status), Ve = Be === -1, He = async (e) => {
+		e.preventDefault(), L(null), F(!1);
+		let t = { releaseDate: Q.trim() ? new Date(Q).toISOString() : null };
+		try {
+			await A.mutateAsync({
+				id: _.id,
+				input: t
+			}), P(!1), F(!0);
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Could not save the release date.");
+		}
+	}, Ue = async (e) => {
+		L(null);
+		try {
+			await j.mutateAsync({
+				id: _.id,
+				status: e
+			});
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Transition failed.");
+		}
+	}, We = () => {
+		V(""), De("SUBTITLE"), W(null), K(""), ke(""), je(!1), q(null), J.current && (J.current.value = "");
+	}, Ge = (e) => {
+		W(e.target.files?.[0] ?? null);
+	}, Ke = async (e) => {
+		if (e.preventDefault(), q(null), !B.trim()) {
+			q("Select a language.");
+			return;
+		}
+		if (!U) {
+			q("Choose a track file to upload.");
+			return;
+		}
+		Ne(!0);
+		try {
+			let e = await re(U, T[H].folder);
+			await be.mutateAsync({
+				titleId: _.id,
+				language: B.trim(),
+				kind: H,
+				fileId: e.id,
+				isDefault: Ae,
+				localizedTitle: G.trim() || void 0,
+				localizedSynopsis: Oe.trim() || void 0
+			}), We(), z(!1);
+		} catch (e) {
+			q(e instanceof Error ? e.message : "Failed to add localization track.");
+		} finally {
+			Ne(!1);
+		}
+	}, qe = async (e) => {
+		X(null), Ie(e.id);
+		try {
+			await xe.mutateAsync(e.id);
+		} catch (e) {
+			X(e instanceof Error ? e.message : "Could not set default track.");
+		} finally {
+			Ie(null);
+		}
+	}, Je = async (e) => {
+		X(null), Re(e.id);
+		try {
+			await Se.mutateAsync(e.id);
+		} catch (e) {
+			X(e instanceof Error ? e.message : "Could not delete track.");
+		} finally {
+			Re(null);
+		}
+	}, $ = T[H];
+	return /* @__PURE__ */ S(n, {
+		title: /* @__PURE__ */ S("span", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ x("button", {
+				type: "button",
+				onClick: () => h(`catalog/titles/${_.id}`),
+				className: "rounded-md p-1 text-text-secondary transition-colors hover:text-text-primary",
+				"aria-label": "Back to title",
+				children: /* @__PURE__ */ x(le, { className: "h-5 w-5" })
+			}), "Publishing & Localization"]
+		}),
+		description: _.title,
+		purpose: "Schedule the release, walk the title through its publication lifecycle, and manage the per-language subtitle, caption and dub tracks the player offers viewers.",
+		actions: /* @__PURE__ */ x(r, { status: _.status }),
+		children: [
+			I && /* @__PURE__ */ x("div", {
+				className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+				children: I
+			}),
+			/* @__PURE__ */ S(_e, {
+				treatment: "metric",
+				className: "mb-6 border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "mb-5 flex items-center gap-2",
+						children: [/* @__PURE__ */ x(pe, {
+							className: "h-4 w-4 text-text-secondary",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ x("h2", {
+							className: "text-sm font-semibold text-text-primary",
+							children: "Release scheduler"
+						})]
+					}),
+					/* @__PURE__ */ x("ol", {
+						className: "mb-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-0",
+						children: C.map((e, n) => {
+							let r = !Ve && n < Be, i = e === _.status;
+							return /* @__PURE__ */ S("li", {
+								className: "flex items-center sm:flex-1",
+								children: [/* @__PURE__ */ S("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ x("span", {
+										className: t("flex h-7 w-7 shrink-0 items-center justify-center rounded-full border text-xs font-semibold", i ? "bg-action-primary-bg text-action-primary-text border-transparent" : r ? "bg-status-success-bg-subtle text-status-success-text border-transparent" : "bg-bg-sunken text-text-secondary border-border-seam"),
+										"aria-current": i ? "step" : void 0,
+										children: r ? /* @__PURE__ */ x(m, {
+											className: "h-4 w-4",
+											"aria-hidden": "true"
+										}) : n + 1
+									}), /* @__PURE__ */ x("span", {
+										className: t("text-xs font-medium", i ? "text-text-primary" : "text-text-secondary"),
+										children: u(e)
+									})]
+								}), n < C.length - 1 && /* @__PURE__ */ x("span", {
+									"aria-hidden": "true",
+									className: t("mx-3 hidden h-px flex-1 sm:block", r ? "bg-status-success-border" : "bg-border-seam")
+								})]
+							}, e);
+						})
+					}),
+					Ve && /* @__PURE__ */ S("p", {
+						className: "mb-4 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-xs text-text-secondary",
+						children: [
+							"This title is currently",
+							" ",
+							/* @__PURE__ */ x("span", {
+								className: "font-medium",
+								children: u(_.status)
+							}),
+							" — outside the standard release pipeline. Use the actions below to move it back."
+						]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+						children: [/* @__PURE__ */ S("form", {
+							onSubmit: He,
+							className: "space-y-3",
+							children: [/* @__PURE__ */ S("div", { children: [
+								/* @__PURE__ */ x("label", {
+									htmlFor: "release-date",
+									className: O,
+									children: /* @__PURE__ */ S("span", {
+										className: "inline-flex items-center gap-1.5",
+										children: [/* @__PURE__ */ x(ue, {
+											className: "h-3.5 w-3.5",
+											"aria-hidden": "true"
+										}), "Release date & time"]
+									})
+								}),
+								/* @__PURE__ */ x("input", {
+									id: "release-date",
+									type: "datetime-local",
+									value: Q,
+									onChange: (e) => {
+										we(e.target.value), P(!0), F(!1);
+									},
+									className: D
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "mt-1 text-[11px] text-text-secondary",
+									children: _.releaseDate ? `Currently scheduled for ${ie(_.releaseDate)}.` : "No release date set yet. Leave empty and save to clear."
+								})
+							] }), /* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ x("button", {
+									type: "submit",
+									disabled: A.isPending,
+									className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50",
+									children: A.isPending ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
+										className: "h-4 w-4 animate-spin",
+										"aria-hidden": "true"
+									}), "Saving…"] }) : "Save release date"
+								}), Ee && /* @__PURE__ */ S("span", {
+									className: "inline-flex items-center gap-1.5 text-sm text-status-success-text",
+									children: [/* @__PURE__ */ x(m, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									}), "Saved"]
+								})]
+							})]
+						}), /* @__PURE__ */ S("div", { children: [
+							/* @__PURE__ */ x("span", {
+								className: O,
+								children: "Publication actions"
+							}),
+							w[_.status].length === 0 ? /* @__PURE__ */ S("p", {
+								className: "text-sm text-text-secondary",
+								children: [
+									"No further transitions available from ",
+									u(_.status),
+									"."
+								]
+							}) : /* @__PURE__ */ x("div", {
+								className: "flex flex-wrap gap-2",
+								children: w[_.status].map((e) => {
+									let n = e === "ARCHIVED";
+									return /* @__PURE__ */ S("button", {
+										type: "button",
+										disabled: j.isPending,
+										onClick: () => void Ue(e),
+										className: t("rounded-lg px-3 py-1.5 text-xs font-medium transition-opacity disabled:opacity-50", n ? "border border-status-error-border text-status-error-text hover:bg-status-error-bg-subtle" : "bg-action-primary-bg text-action-primary-text hover:opacity-90"),
+										children: ["Move to ", u(e)]
+									}, e);
+								})
+							}),
+							/* @__PURE__ */ S("p", {
+								className: "mt-2 text-[11px] text-text-secondary",
+								children: [
+									"Set a release date, then move the title to",
+									" ",
+									/* @__PURE__ */ x("span", {
+										className: "font-medium",
+										children: "Scheduled"
+									}),
+									" and finally",
+									" ",
+									/* @__PURE__ */ x("span", {
+										className: "font-medium",
+										children: "Published"
+									}),
+									" to make it live."
+								]
+							})
+						] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ S(_e, {
+				treatment: "metric",
+				className: "border-border-seam p-5",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "mb-4 flex flex-wrap items-center justify-between gap-3",
+						children: [/* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ x(de, {
+								className: "h-4 w-4 text-text-secondary",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ S("h2", {
+								className: "text-sm font-semibold text-text-primary",
+								children: [
+									"Localization tracks (",
+									Z.length,
+									")"
+								]
+							})]
+						}), /* @__PURE__ */ S("button", {
+							type: "button",
+							onClick: () => {
+								z((e) => !e), q(null);
+							},
+							className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90",
+							children: [x(R ? he : fe, { className: "h-4 w-4" }), R ? "Close" : "Add track"]
+						})]
+					}),
+					R && /* @__PURE__ */ S("form", {
+						onSubmit: Ke,
+						className: "mb-6 space-y-4 rounded-xl border border-border-seam bg-bg-surface p-4",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									htmlFor: "loc-language",
+									className: O,
+									children: "Language *"
+								}), ze.length > 0 ? /* @__PURE__ */ S("select", {
+									id: "loc-language",
+									value: B,
+									onChange: (e) => V(e.target.value),
+									className: D,
+									required: !0,
+									children: [/* @__PURE__ */ x("option", {
+										value: "",
+										children: N.isLoading ? "Loading languages…" : "Select a language…"
+									}), ze.map((e) => /* @__PURE__ */ S("option", {
+										value: e.code,
+										children: [
+											e.name,
+											e.nativeName && e.nativeName !== e.name ? ` — ${e.nativeName}` : "",
+											" ",
+											"(",
+											e.code,
+											")"
+										]
+									}, e.id))]
+								}) : /* @__PURE__ */ x("input", {
+									id: "loc-language",
+									type: "text",
+									value: B,
+									onChange: (e) => V(e.target.value),
+									placeholder: N.isLoading ? "Loading languages…" : "e.g. en, hi, ta",
+									className: D,
+									required: !0
+								})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									htmlFor: "loc-kind",
+									className: O,
+									children: "Track type *"
+								}), /* @__PURE__ */ x("select", {
+									id: "loc-kind",
+									value: H,
+									onChange: (e) => {
+										De(e.target.value), W(null), J.current && (J.current.value = "");
+									},
+									className: D,
+									children: E.map((e) => /* @__PURE__ */ x("option", {
+										value: e,
+										children: T[e].label
+									}, e))
+								})] })]
+							}),
+							/* @__PURE__ */ S("div", { children: [
+								/* @__PURE__ */ x("label", {
+									htmlFor: "loc-file",
+									className: O,
+									children: "Track file *"
+								}),
+								/* @__PURE__ */ x("input", {
+									id: "loc-file",
+									ref: J,
+									type: "file",
+									accept: $.accept,
+									onChange: Ge,
+									className: D
+								}),
+								/* @__PURE__ */ x("p", {
+									className: "mt-1 text-[11px] text-text-secondary",
+									children: $.hint
+								}),
+								U && /* @__PURE__ */ S("p", {
+									className: "mt-1 truncate text-xs text-text-secondary",
+									children: ["Selected: ", U.name]
+								})
+							] }),
+							/* @__PURE__ */ S("div", {
+								className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+								children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									htmlFor: "loc-title",
+									className: O,
+									children: "Localized title (optional)"
+								}), /* @__PURE__ */ x("input", {
+									id: "loc-title",
+									type: "text",
+									value: G,
+									onChange: (e) => K(e.target.value),
+									placeholder: "Title in this language",
+									className: D
+								})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									htmlFor: "loc-synopsis",
+									className: O,
+									children: "Localized synopsis (optional)"
+								}), /* @__PURE__ */ x("input", {
+									id: "loc-synopsis",
+									type: "text",
+									value: Oe,
+									onChange: (e) => ke(e.target.value),
+									placeholder: "Short synopsis in this language",
+									className: D
+								})] })]
+							}),
+							/* @__PURE__ */ S("label", {
+								className: "flex items-center gap-2 text-sm text-text-primary",
+								children: [
+									/* @__PURE__ */ x("input", {
+										type: "checkbox",
+										checked: Ae,
+										onChange: (e) => je(e.target.checked),
+										className: "h-4 w-4 rounded border-border-subtle"
+									}),
+									"Make this the default ",
+									$.label.toLowerCase(),
+									" track"
+								]
+							}),
+							Pe && /* @__PURE__ */ x("p", {
+								className: "text-xs text-status-error-text",
+								children: Pe
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__PURE__ */ x("button", {
+									type: "submit",
+									disabled: Me,
+									className: "inline-flex items-center gap-2 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-opacity hover:opacity-90 disabled:opacity-50",
+									children: Me ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
+										className: "h-4 w-4 animate-spin",
+										"aria-hidden": "true"
+									}), "Uploading…"] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(me, {
+										className: "h-4 w-4",
+										"aria-hidden": "true"
+									}), "Add track"] })
+								}), /* @__PURE__ */ x("button", {
+									type: "button",
+									onClick: () => {
+										We(), z(!1);
+									},
+									className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+									children: "Cancel"
+								})]
+							})
+						]
+					}),
+					Y && /* @__PURE__ */ x("div", {
+						className: "mb-4 rounded-lg border border-status-error-border bg-status-error-bg-subtle px-4 py-2 text-sm text-status-error-text",
+						children: Y
+					}),
+					M.isLoading ? /* @__PURE__ */ x(d, {
+						label: "Loading tracks…",
+						className: "min-h-[24vh]"
+					}) : M.isError ? /* @__PURE__ */ x(oe, {
+						title: "Could not load tracks",
+						message: "Something went wrong fetching this title's localization tracks.",
+						onRetry: () => void M.refetch(),
+						className: "min-h-[24vh]"
+					}) : Z.length === 0 ? /* @__PURE__ */ x(ae, {
+						icon: /* @__PURE__ */ x(p, { className: "h-12 w-12" }),
+						title: "No localization tracks yet",
+						description: "Add a subtitle, caption or dub track to make this title accessible in more languages."
+					}) : /* @__PURE__ */ x("div", {
+						className: "overflow-x-auto",
+						children: /* @__PURE__ */ S("table", {
+							className: "w-full min-w-[640px] border-collapse text-left",
+							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: [
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 font-medium",
+										children: "Language"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 font-medium",
+										children: "Type"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 font-medium",
+										children: "Status"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 font-medium",
+										children: "Default"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 font-medium",
+										children: "File"
+									}),
+									/* @__PURE__ */ x("th", {
+										className: "px-4 py-2 text-right font-medium",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ x("tbody", { children: Z.map((e) => /* @__PURE__ */ x(ye, {
+								track: e,
+								onSetDefault: (e) => void qe(e),
+								onDelete: (e) => void Je(e),
+								settingDefault: Fe === e.id,
+								deleting: Le === e.id
+							}, e.id)) })]
+						})
+					})
+				]
+			})
+		]
+	});
+};
+//#endregion
+export { k as LocalizationPage };
+
+//# sourceMappingURL=LocalizationPage.js.map