npm - @burdenoff/microfe-theculturepost - Versions diffs - 2026.704.2 → 2026.705.2 - Mend

@burdenoff/microfe-theculturepost 2026.704.2 → 2026.705.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (91) hide show

package/dist/theculturepost/components/RecordOralHistoryDialog.js CHANGED Viewed

@@ -1,204 +1,379 @@
-import { FILE_FOLDERS as e } from "../hooks/useFiles.js";
-import { formatEnumLabel as t } from "../utils/formatters.js";
-import { useTcpCollections as n, useTcpRecordOralHistory as r } from "../hooks/useTcpApi.js";
+import { cn as e } from "../utils/cn.js";
+import { FILE_FOLDERS as t, uploadImageToFiles as n } from "../hooks/useFiles.js";
+import { formatEnumLabel as r } from "../utils/formatters.js";
+import { useTcpCollections as i, useTcpRecordOralHistory as a } from "../hooks/useTcpApi.js";
 import "../hooks/index.js";
-import { describeError as i, notify as a } from "../lib/toast.js";
-import { FileUploadField as o } from "./FileUploadField.js";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u, Input as d, Label as f, ResponsiveDialog as p, ResponsiveDialogContent as ee, ResponsiveDialogDescription as m, ResponsiveDialogFooter as h, ResponsiveDialogHeader as g, ResponsiveDialogTitle as _, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+import { describeError as o, notify as s } from "../lib/toast.js";
+import { AudioPlayer as c } from "./AudioPlayer.js";
+import { useRef as l, useState as u } from "react";
+import { FileCheck2 as d, Loader2 as f, UploadCloud as p, X as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Button as _, Input as v, Label as y, ResponsiveDialog as b, ResponsiveDialogContent as x, ResponsiveDialogDescription as S, ResponsiveDialogFooter as C, ResponsiveDialogHeader as w, ResponsiveDialogTitle as T, Select as E, SelectContent as D, SelectItem as O, SelectTrigger as k, SelectValue as A, Textarea as j } from "@burdenoff/fe-libs/ui";
 //#region src/theculturepost/components/RecordOralHistoryDialog.tsx
-var w = [
+function M({ folder: t, accept: r, hint: i, promptLabel: a, value: _, onUploaded: v, onClear: y, maxMb: b = 25, disabled: x = !1 }) {
+	let S = l(null), [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(null), [k, A] = u(_);
+	k !== _ && (A(_), _ || O(null));
+	let j = b * 1024 * 1024, M = async (e) => {
+		if (!(!e || x)) {
+			if (e.size > j) {
+				s.error("File too large", `Please choose a file under ${b} MB.`);
+				return;
+			}
+			E(!0);
+			try {
+				let r = await n(e, t), i = e.type.startsWith("image/"), a = e.type.startsWith("audio/") || e.type.startsWith("video/");
+				O(i ? "image" : a ? "audio" : "file"), v({
+					id: r.id,
+					url: r.url,
+					name: r.name
+				}, e), s.success("File uploaded", r.name);
+			} catch (e) {
+				s.error("Upload failed", o(e));
+			} finally {
+				E(!1);
+			}
+		}
+	}, N = /* @__PURE__ */ h("input", {
+		ref: S,
+		type: "file",
+		accept: r,
+		className: "sr-only",
+		disabled: x || T,
+		onChange: (e) => {
+			let t = e.target.files?.[0];
+			e.target.value = "", M(t);
+		}
+	});
+	return _ ? /* @__PURE__ */ g("div", {
+		className: "flex flex-col gap-2",
+		children: [
+			D === "image" ? /* @__PURE__ */ h("div", {
+				className: "overflow-hidden rounded-xl border border-border-seam",
+				children: /* @__PURE__ */ h("img", {
+					src: _.url,
+					alt: _.name,
+					className: "max-h-48 w-full object-cover"
+				})
+			}) : D === "audio" ? /* @__PURE__ */ h(c, {
+				src: _.url,
+				seed: _.id
+			}) : /* @__PURE__ */ g("div", {
+				className: "flex items-center gap-2 rounded-xl border border-border-seam bg-bg-surface px-3 py-2 text-sm",
+				children: [/* @__PURE__ */ h(d, { className: "h-4 w-4 shrink-0 text-status-success-text" }), /* @__PURE__ */ h("span", {
+					className: "truncate text-text-primary",
+					children: _.name
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ h("button", {
+					type: "button",
+					onClick: () => S.current?.click(),
+					disabled: x || T,
+					className: "text-sm font-medium text-accent hover:underline disabled:opacity-60",
+					children: T ? "Uploading…" : "Replace"
+				}), /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: y,
+					className: "inline-flex items-center gap-1 text-sm text-text-tertiary hover:text-text-primary",
+					children: [/* @__PURE__ */ h(m, { className: "h-3.5 w-3.5" }), " Remove"]
+				})]
+			}),
+			N
+		]
+	}) : /* @__PURE__ */ g("div", {
+		onDragOver: (e) => {
+			e.preventDefault(), x || w(!0);
+		},
+		onDragLeave: () => w(!1),
+		onDrop: (e) => {
+			e.preventDefault(), w(!1), M(e.dataTransfer.files?.[0]);
+		},
+		className: e("flex flex-col items-center justify-center gap-2 rounded-xl border border-dashed px-4 py-6 text-center transition-colors", C ? "border-accent bg-[var(--color-accent-soft)]" : "border-border-seam bg-bg-surface", (x || T) && "opacity-60"),
+		children: [
+			N,
+			T ? /* @__PURE__ */ h(f, {
+				className: "h-6 w-6 animate-spin text-text-tertiary",
+				"aria-hidden": "true"
+			}) : /* @__PURE__ */ h(p, {
+				className: "h-6 w-6 text-text-tertiary",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ h("p", {
+				className: "text-sm text-text-secondary",
+				children: T ? "Uploading…" : a
+			}),
+			!T && /* @__PURE__ */ g("button", {
+				type: "button",
+				onClick: () => S.current?.click(),
+				disabled: x,
+				className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
+				children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), " Browse files"]
+			}),
+			/* @__PURE__ */ h("p", {
+				className: "text-xs text-text-tertiary",
+				children: i
+			})
+		]
+	});
+}
+var N = [
 	"COMMUNITY",
 	"PUBLIC",
 	"RESTRICTED",
 	"EMBARGOED"
-], T = (e) => {
+], ee = {
+	PUBLIC: "Visible to everyone.",
+	COMMUNITY: "Available to community members.",
+	RESTRICTED: "Visible to selected groups.",
+	EMBARGOED: "Hidden until a future date."
+}, te = 160, ne = 120, re = 60, ie = 300, P = 5e3, ae = (e) => {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toISOString();
 };
-function E({ open: E, onOpenChange: D, collectionId: O, onCreated: k }) {
-	let A = r(), j = n({ limit: 100 }), [M, N] = s(""), [P, F] = s(""), [I, L] = s(""), [R, z] = s(""), [B, V] = s(""), [H, U] = s("COMMUNITY"), [W, G] = s(O ?? ""), [K, q] = s(null), [J, Y] = s(""), [X, Z] = s(""), [Q, $] = s(null), te = () => {
-		N(""), F(""), L(""), z(""), V(""), U("COMMUNITY"), G(O ?? ""), q(null), Y(""), Z(""), $(null);
+function F({ open: e, onOpenChange: n, collectionId: c, onCreated: l }) {
+	let d = a(), f = i({ limit: 100 }), [p, m] = u(""), [F, L] = u(""), [R, z] = u(""), [B, V] = u(""), [H, U] = u(""), [W, G] = u("COMMUNITY"), [K, q] = u(c ?? ""), [J, Y] = u(null), [X, Z] = u(""), [oe, se] = u(""), [Q, $] = u(null), ce = () => {
+		m(""), L(""), z(""), V(""), U(""), G("COMMUNITY"), q(c ?? ""), Y(null), Z(""), se(""), $(null);
+	}, le = (e) => {
+		try {
+			let t = new Audio();
+			t.preload = "metadata", t.onloadedmetadata = () => {
+				Number.isFinite(t.duration) && t.duration > 0 && Z((e) => e || String(Math.round(t.duration)));
+			}, t.src = e;
+		} catch {}
 	};
-	return /* @__PURE__ */ c(p, {
-		open: E,
-		onOpenChange: D,
-		children: /* @__PURE__ */ l(ee, {
-			className: "sm:max-w-lg",
+	return /* @__PURE__ */ h(b, {
+		open: e,
+		onOpenChange: n,
+		children: /* @__PURE__ */ g(x, {
+			className: "sm:max-w-2xl",
 			children: [
-				/* @__PURE__ */ l(g, { children: [/* @__PURE__ */ c(_, { children: "Record an oral history" }), /* @__PURE__ */ c(m, { children: "Preserve a first-person account. Attach the recording and a transcript for the archive." })] }),
-				/* @__PURE__ */ l("div", {
-					className: "flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2",
+				/* @__PURE__ */ g(w, { children: [/* @__PURE__ */ h(T, { children: "Record an oral history" }), /* @__PURE__ */ h(S, { children: "Preserve a first-person account. Attach the recording and a transcript for the archive." })] }),
+				/* @__PURE__ */ g("div", {
+					className: "flex max-h-[64vh] flex-col gap-4 overflow-y-auto py-2",
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, { children: "Recording" }), /* @__PURE__ */ c(o, {
-								folder: e.recordings,
+							children: [/* @__PURE__ */ h(y, { children: "Recording" }), /* @__PURE__ */ h(M, {
+								folder: t.recordings,
 								accept: "audio/*,video/*",
-								label: "Upload recording",
-								hint: "Audio or video. Up to 25 MB.",
-								fileId: K,
-								onUploaded: q,
-								onCleared: () => q(null)
+								promptLabel: "Drag and drop an audio or video file here",
+								hint: "Audio or video, up to 25 MB.",
+								value: J,
+								onUploaded: (e) => {
+									Y(e), le(e.url);
+								},
+								onClear: () => Y(null)
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
-								htmlFor: "oral-title",
-								children: "Title"
-							}), /* @__PURE__ */ c(d, {
-								id: "oral-title",
-								value: M,
-								onChange: (e) => N(e.target.value),
-								placeholder: "e.g. A weaver remembers the looms"
-							})]
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ g("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ g(y, {
+										htmlFor: "oral-title",
+										children: ["Title ", /* @__PURE__ */ h("span", {
+											className: "text-status-error-text",
+											children: "*"
+										})]
+									}),
+									/* @__PURE__ */ h(v, {
+										id: "oral-title",
+										value: p,
+										maxLength: te,
+										onChange: (e) => m(e.target.value),
+										placeholder: "e.g. A weaver remembers the looms"
+									}),
+									/* @__PURE__ */ h(I, {
+										length: p.length,
+										max: te
+									})
+								]
+							}), /* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ c(f, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "oral-narrator",
 									children: "Narrator"
-								}), /* @__PURE__ */ c(d, {
+								}), /* @__PURE__ */ h(v, {
 									id: "oral-narrator",
-									value: R,
-									onChange: (e) => z(e.target.value),
-									placeholder: "Full name"
-								})]
-							}), /* @__PURE__ */ l("div", {
-								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ c(f, {
-									htmlFor: "oral-language",
-									children: "Language"
-								}), /* @__PURE__ */ c(d, {
-									id: "oral-language",
 									value: B,
+									maxLength: ne,
 									onChange: (e) => V(e.target.value),
-									placeholder: "e.g. Tamil"
+									placeholder: "Full name"
 								})]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
-							className: "grid grid-cols-2 gap-3",
-							children: [/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ c(f, { children: "Access level" }), /* @__PURE__ */ l(v, {
+								children: [/* @__PURE__ */ h(y, {
+									htmlFor: "oral-language",
+									children: "Language"
+								}), /* @__PURE__ */ h(v, {
+									id: "oral-language",
 									value: H,
-									onValueChange: (e) => U(e),
-									children: [/* @__PURE__ */ c(x, { children: /* @__PURE__ */ c(S, {}) }), /* @__PURE__ */ c(y, { children: w.map((e) => /* @__PURE__ */ c(b, {
-										value: e,
-										children: t(e)
-									}, e)) })]
+									maxLength: re,
+									onChange: (e) => U(e.target.value),
+									placeholder: "e.g. Tamil"
 								})]
-							}), /* @__PURE__ */ l("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ c(f, {
+								children: [/* @__PURE__ */ h(y, {
 									htmlFor: "oral-duration",
 									children: "Duration (seconds)"
-								}), /* @__PURE__ */ c(d, {
+								}), /* @__PURE__ */ h(v, {
 									id: "oral-duration",
 									type: "number",
 									min: 0,
-									value: J,
-									onChange: (e) => Y(e.target.value),
-									placeholder: "Optional"
+									value: X,
+									onChange: (e) => Z(e.target.value),
+									placeholder: "Auto-filled from the recording"
 								})]
 							})]
 						}),
-						!O && /* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
+							className: "grid gap-3 sm:grid-cols-2",
+							children: [/* @__PURE__ */ g("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ h(y, {
+									htmlFor: "oral-recorded",
+									children: "Recorded on"
+								}), /* @__PURE__ */ h(v, {
+									id: "oral-recorded",
+									type: "date",
+									value: oe,
+									onChange: (e) => se(e.target.value)
+								})]
+							}), /* @__PURE__ */ g("div", {
+								className: "grid gap-1.5",
+								children: [
+									/* @__PURE__ */ h(y, { children: "Access level" }),
+									/* @__PURE__ */ g(E, {
+										value: W,
+										onValueChange: (e) => G(e),
+										children: [/* @__PURE__ */ h(k, {
+											"aria-label": "Access level",
+											children: /* @__PURE__ */ h(A, {})
+										}), /* @__PURE__ */ h(D, { children: N.map((e) => /* @__PURE__ */ h(O, {
+											value: e,
+											children: r(e)
+										}, e)) })]
+									}),
+									/* @__PURE__ */ h("p", {
+										className: "text-xs text-text-tertiary",
+										children: ee[W]
+									})
+								]
+							})]
+						}),
+						!c && /* @__PURE__ */ g("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, { children: "Collection" }), /* @__PURE__ */ l(v, {
-								value: W,
-								onValueChange: G,
-								children: [/* @__PURE__ */ c(x, { children: /* @__PURE__ */ c(S, { placeholder: "Add to a collection (optional)" }) }), /* @__PURE__ */ c(y, { children: (j.data ?? []).map((e) => /* @__PURE__ */ c(b, {
+							children: [/* @__PURE__ */ h(y, { children: "Collection" }), /* @__PURE__ */ g(E, {
+								value: K,
+								onValueChange: q,
+								children: [/* @__PURE__ */ h(k, { children: /* @__PURE__ */ h(A, { placeholder: "Add to a collection (optional)" }) }), /* @__PURE__ */ h(D, { children: (f.data ?? []).map((e) => /* @__PURE__ */ h(O, {
 									value: e.id,
 									children: e.name
 								}, e.id)) })]
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
-								htmlFor: "oral-recorded",
-								children: "Recorded on"
-							}), /* @__PURE__ */ c(d, {
-								id: "oral-recorded",
-								type: "date",
-								value: X,
-								onChange: (e) => Z(e.target.value)
-							})]
+							children: [
+								/* @__PURE__ */ h(y, {
+									htmlFor: "oral-summary",
+									children: "Summary"
+								}),
+								/* @__PURE__ */ h(j, {
+									id: "oral-summary",
+									value: F,
+									maxLength: ie,
+									onChange: (e) => L(e.target.value),
+									placeholder: "A short description of what this account covers.",
+									rows: 3
+								}),
+								/* @__PURE__ */ h(I, {
+									length: F.length,
+									max: ie
+								})
+							]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ g("div", {
 							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
-								htmlFor: "oral-summary",
-								children: "Summary"
-							}), /* @__PURE__ */ c(C, {
-								id: "oral-summary",
-								value: P,
-								onChange: (e) => F(e.target.value),
-								rows: 2
-							})]
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "grid gap-1.5",
-							children: [/* @__PURE__ */ c(f, {
-								htmlFor: "oral-transcript",
-								children: "Transcript"
-							}), /* @__PURE__ */ c(C, {
-								id: "oral-transcript",
-								value: I,
-								onChange: (e) => L(e.target.value),
-								placeholder: "The transcribed account (line breaks are preserved).",
-								rows: 4
-							})]
+							children: [
+								/* @__PURE__ */ h(y, {
+									htmlFor: "oral-transcript",
+									children: "Transcript"
+								}),
+								/* @__PURE__ */ h(j, {
+									id: "oral-transcript",
+									value: R,
+									maxLength: P,
+									onChange: (e) => z(e.target.value),
+									placeholder: "The transcribed account (line breaks are preserved).",
+									rows: 5
+								}),
+								/* @__PURE__ */ h(I, {
+									length: R.length,
+									max: P
+								})
+							]
 						}),
-						Q && /* @__PURE__ */ c("p", {
+						Q && /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-error-text",
 							children: Q
 						})
 					]
 				}),
-				/* @__PURE__ */ l(h, { children: [/* @__PURE__ */ c(u, {
+				/* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(_, {
 					variant: "outline",
-					onClick: () => D(!1),
+					onClick: () => n(!1),
 					children: "Cancel"
-				}), /* @__PURE__ */ c(u, {
+				}), /* @__PURE__ */ h(_, {
 					onClick: async () => {
-						if (!M.trim()) {
+						if (!p.trim()) {
 							$("A title is required.");
 							return;
 						}
 						try {
-							let e = await A.mutateAsync({
-								title: M.trim(),
-								summary: P.trim() || null,
-								transcript: I.trim() || null,
-								narratorName: R.trim() || null,
-								language: B.trim() || null,
-								accessLevel: H,
-								collectionId: W || null,
-								recordingFileId: K,
-								durationSecs: J ? Number(J) : null,
-								recordedAt: T(X)
+							let e = await d.mutateAsync({
+								title: p.trim(),
+								summary: F.trim() || null,
+								transcript: R.trim() || null,
+								narratorName: B.trim() || null,
+								language: H.trim() || null,
+								accessLevel: W,
+								collectionId: K || null,
+								recordingFileId: J?.id ?? null,
+								durationSecs: X ? Number(X) : null,
+								recordedAt: ae(oe)
 							});
-							a.success("Oral history recorded", e.title), D(!1), te(), k?.(e);
+							s.success("Oral history recorded", e.title), n(!1), ce(), l?.(e);
 						} catch (e) {
-							$(i(e));
+							$(o(e));
 						}
 					},
-					disabled: A.isPending,
+					disabled: d.isPending,
 					children: "Record oral history"
 				})] })
 			]
 		})
 	});
 }
+function I({ length: e, max: t }) {
+	return /* @__PURE__ */ g("p", {
+		className: "text-right text-xs tabular-nums text-text-tertiary",
+		children: [
+			e,
+			" / ",
+			t
+		]
+	});
+}
 //#endregion
-export { E as RecordOralHistoryDialog };
+export { I as Counter, M as MediaDropzone, F as RecordOralHistoryDialog };
 //# sourceMappingURL=RecordOralHistoryDialog.js.map

package/dist/theculturepost/components/RecordOralHistoryDialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecordOralHistoryDialog.js","names":[],"sources":["../../../src/theculturepost/components/RecordOralHistoryDialog.tsx"],"sourcesContent":["/*\n RecordOralHistoryDialog — capture an oral history recording.\n * @module theculturepost/components\n \n Writes `tcpRecordOralHistory`. The recording (audio/video) is uploaded to\n * wspace-files-svc; `narratorName` is a plain string stored directly.\n /\n\nimport { useState } from 'react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { FileUploadField } from './FileUploadField';\nimport { useTcpRecordOralHistory, useTcpCollections, FILE_FOLDERS } from '../hooks';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpOralHistory, TcpAccessLevel } from '../types';\n\nconst ACCESS_LEVELS: TcpAccessLevel[] = ['COMMUNITY', 'PUBLIC', 'RESTRICTED', 'EMBARGOED'];\n\nconst dateToIso = (value: string): string \| null => {\n if (!value) return null;\n const d = new Date(value);\n return Number.isNaN(d.getTime()) ? null : d.toISOString();\n};\n\ninterface RecordOralHistoryDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /* Pre-select a collection. /\n collectionId?: string;\n onCreated?: (oralHistory: TcpOralHistory) => void;\n}\n\nexport function RecordOralHistoryDialog({\n open,\n onOpenChange,\n collectionId,\n onCreated,\n}: RecordOralHistoryDialogProps) {\n const record = useTcpRecordOralHistory();\n const collectionsQuery = useTcpCollections({ limit: 100 });\n\n const [title, setTitle] = useState('');\n const [summary, setSummary] = useState('');\n const [transcript, setTranscript] = useState('');\n const [narratorName, setNarratorName] = useState('');\n const [language, setLanguage] = useState('');\n const [accessLevel, setAccessLevel] = useState<TcpAccessLevel>('COMMUNITY');\n const [pickedCollection, setPickedCollection] = useState(collectionId ?? '');\n const [recordingFileId, setRecordingFileId] = useState<string \| null>(null);\n const [durationSecs, setDurationSecs] = useState('');\n const [recordedAt, setRecordedAt] = useState('');\n const [error, setError] = useState<string \| null>(null);\n\n const reset = () => {\n setTitle('');\n setSummary('');\n setTranscript('');\n setNarratorName('');\n setLanguage('');\n setAccessLevel('COMMUNITY');\n setPickedCollection(collectionId ?? '');\n setRecordingFileId(null);\n setDurationSecs('');\n setRecordedAt('');\n setError(null);\n };\n\n const submit = async () => {\n if (!title.trim()) {\n setError('A title is required.');\n return;\n }\n try {\n const created = await record.mutateAsync({\n title: title.trim(),\n summary: summary.trim() \|\| null,\n transcript: transcript.trim() \|\| null,\n narratorName: narratorName.trim() \|\| null,\n language: language.trim() \|\| null,\n accessLevel,\n collectionId: pickedCollection \|\| null,\n recordingFileId,\n durationSecs: durationSecs ? Number(durationSecs) : null,\n recordedAt: dateToIso(recordedAt),\n });\n notify.success('Oral history recorded', created.title);\n onOpenChange(false);\n reset();\n onCreated?.(created);\n } catch (err) {\n setError(describeError(err));\n }\n };\n\n return (\n <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n <ResponsiveDialogContent className=\"sm:max-w-lg\">\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Record an oral history</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Preserve a first-person account. Attach the recording and a transcript for the archive.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"flex max-h-[62vh] flex-col gap-4 overflow-y-auto py-2\">\n <div className=\"grid gap-1.5\">\n <Label>Recording</Label>\n <FileUploadField\n folder={FILE_FOLDERS.recordings}\n accept=\"audio/,video/*\"\n label=\"Upload recording\"\n hint=\"Audio or video. Up to 25 MB.\"\n fileId={recordingFileId}\n onUploaded={setRecordingFileId}\n onCleared={() => setRecordingFileId(null)}\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-title\">Title</Label>\n <Input\n id=\"oral-title\"\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n placeholder=\"e.g. A weaver remembers the looms\"\n />\n </div>\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-narrator\">Narrator</Label>\n <Input\n id=\"oral-narrator\"\n value={narratorName}\n onChange={(e) => setNarratorName(e.target.value)}\n placeholder=\"Full name\"\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-language\">Language</Label>\n <Input\n id=\"oral-language\"\n value={language}\n onChange={(e) => setLanguage(e.target.value)}\n placeholder=\"e.g. Tamil\"\n />\n </div>\n </div>\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"grid gap-1.5\">\n <Label>Access level</Label>\n <Select\n value={accessLevel}\n onValueChange={(v) => setAccessLevel(v as TcpAccessLevel)}\n >\n <SelectTrigger>\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {ACCESS_LEVELS.map((a) => (\n <SelectItem key={a} value={a}>\n {formatEnumLabel(a)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-duration\">Duration (seconds)</Label>\n <Input\n id=\"oral-duration\"\n type=\"number\"\n min={0}\n value={durationSecs}\n onChange={(e) => setDurationSecs(e.target.value)}\n placeholder=\"Optional\"\n />\n </div>\n </div>\n {!collectionId && (\n <div className=\"grid gap-1.5\">\n <Label>Collection</Label>\n <Select value={pickedCollection} onValueChange={setPickedCollection}>\n <SelectTrigger>\n <SelectValue placeholder=\"Add to a collection (optional)\" />\n </SelectTrigger>\n <SelectContent>\n {(collectionsQuery.data ?? []).map((collection) => (\n <SelectItem key={collection.id} value={collection.id}>\n {collection.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n )}\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-recorded\">Recorded on</Label>\n <Input\n id=\"oral-recorded\"\n type=\"date\"\n value={recordedAt}\n onChange={(e) => setRecordedAt(e.target.value)}\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-summary\">Summary</Label>\n <Textarea\n id=\"oral-summary\"\n value={summary}\n onChange={(e) => setSummary(e.target.value)}\n rows={2}\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-transcript\">Transcript</Label>\n <Textarea\n id=\"oral-transcript\"\n value={transcript}\n onChange={(e) => setTranscript(e.target.value)}\n placeholder=\"The transcribed account (line breaks are preserved).\"\n rows={4}\n />\n </div>\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n Cancel\n </Button>\n <Button onClick={submit} disabled={record.isPending}>\n Record oral history\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"RecordOralHistoryDialog.js","names":[],"sources":["../../../src/theculturepost/components/RecordOralHistoryDialog.tsx"],"sourcesContent":["/*\n RecordOralHistoryDialog — capture an oral history recording.\n * @module theculturepost/components\n \n Writes `tcpRecordOralHistory`. The recording (audio/video) is uploaded to\n * wspace-files-svc via the shared {@link MediaDropzone} (drag-drop or browse),\n * and previewed inline with the foundation {@link AudioPlayer}. `narratorName`\n * is a plain string stored directly — the schema has NO narrator portrait/age,\n * so none is ever rendered. All `TcpCreateOralHistoryInput` fields are captured.\n /\n\nimport { useRef, useState } from 'react';\nimport { UploadCloud, Loader2, FileCheck2, X } from 'lucide-react';\nimport {\n Button,\n Input,\n Label,\n Textarea,\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n ResponsiveDialog,\n ResponsiveDialogContent,\n ResponsiveDialogHeader,\n ResponsiveDialogTitle,\n ResponsiveDialogDescription,\n ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { AudioPlayer } from './AudioPlayer';\nimport { cn } from '../utils/cn';\nimport {\n uploadImageToFiles,\n useTcpRecordOralHistory,\n useTcpCollections,\n FILE_FOLDERS,\n} from '../hooks';\nimport { formatEnumLabel } from '../utils/formatters';\nimport { notify, describeError } from '../lib/toast';\nimport type { TcpOralHistory, TcpAccessLevel } from '../types';\n\n// ---------------------------------------------------------------------------\n// MediaDropzone — a shared drag-drop uploader (reused by the archive dialogs).\n// ---------------------------------------------------------------------------\n\n/* A file uploaded to wspace-files-svc: id (persisted) + presigned url + name. /\nexport interface UploadedRef {\n id: string;\n url: string;\n name: string;\n}\n\ninterface MediaDropzoneProps {\n /* Destination folder in wspace-files-svc (see FILE_FOLDERS). /\n folder: string;\n /* HTML accept attribute (e.g. 'audio/,video/'). /\n accept: string;\n /* Muted helper line under the drop prompt. /\n hint: string;\n /* Large prompt shown in the empty dropzone. /\n promptLabel: string;\n /* Current uploaded file (controlled so the parent can reset on submit). /\n value: UploadedRef \| null;\n /* Called after a successful upload; `file` is provided for metadata probes. /\n onUploaded: (ref: UploadedRef, file: File) => void;\n onClear: () => void;\n /* Max upload size in MB. /\n maxMb?: number;\n disabled?: boolean;\n}\n\n/\n A token-only drag-and-drop file uploader with an inline preview: images show\n * a thumbnail, audio/video show the {@link AudioPlayer}, everything else shows a\n * filename chip. Uploads go straight to wspace-files-svc — only the id is kept.\n /\nexport function MediaDropzone({\n folder,\n accept,\n hint,\n promptLabel,\n value,\n onUploaded,\n onClear,\n maxMb = 25,\n disabled = false,\n}: MediaDropzoneProps) {\n const inputRef = useRef<HTMLInputElement \| null>(null);\n const [dragging, setDragging] = useState(false);\n const [uploading, setUploading] = useState(false);\n const [previewType, setPreviewType] = useState<'image' \| 'audio' \| 'file' \| null>(null);\n\n // Keep the preview kind in sync when the parent clears the value (e.g. on reset).\n const [trackedValue, setTrackedValue] = useState(value);\n if (trackedValue !== value) {\n setTrackedValue(value);\n if (!value) setPreviewType(null);\n }\n\n const maxBytes = maxMb 1024 * 1024;\n\n const ingest = async (file: File \| undefined) => {\n if (!file \|\| disabled) return;\n if (file.size > maxBytes) {\n notify.error('File too large', `Please choose a file under ${maxMb} MB.`);\n return;\n }\n setUploading(true);\n try {\n const uploaded = await uploadImageToFiles(file, folder);\n const isImage = file.type.startsWith('image/');\n const isAv = file.type.startsWith('audio/') \|\| file.type.startsWith('video/');\n setPreviewType(isImage ? 'image' : isAv ? 'audio' : 'file');\n onUploaded({ id: uploaded.id, url: uploaded.url, name: uploaded.name }, file);\n notify.success('File uploaded', uploaded.name);\n } catch (err) {\n notify.error('Upload failed', describeError(err));\n } finally {\n setUploading(false);\n }\n };\n\n const hiddenInput = (\n <input\n ref={inputRef}\n type=\"file\"\n accept={accept}\n className=\"sr-only\"\n disabled={disabled \|\| uploading}\n onChange={(e) => {\n const file = e.target.files?.[0];\n e.target.value = '';\n void ingest(file);\n }}\n />\n );\n\n if (value) {\n return (\n <div className=\"flex flex-col gap-2\">\n {previewType === 'image' ? (\n <div className=\"overflow-hidden rounded-xl border border-border-seam\">\n <img src={value.url} alt={value.name} className=\"max-h-48 w-full object-cover\" />\n </div>\n ) : previewType === 'audio' ? (\n <AudioPlayer src={value.url} seed={value.id} />\n ) : (\n <div className=\"flex items-center gap-2 rounded-xl border border-border-seam bg-bg-surface px-3 py-2 text-sm\">\n <FileCheck2 className=\"h-4 w-4 shrink-0 text-status-success-text\" />\n <span className=\"truncate text-text-primary\">{value.name}</span>\n </div>\n )}\n <div className=\"flex items-center gap-4\">\n <button\n type=\"button\"\n onClick={() => inputRef.current?.click()}\n disabled={disabled \|\| uploading}\n className=\"text-sm font-medium text-accent hover:underline disabled:opacity-60\"\n >\n {uploading ? 'Uploading…' : 'Replace'}\n </button>\n <button\n type=\"button\"\n onClick={onClear}\n className=\"inline-flex items-center gap-1 text-sm text-text-tertiary hover:text-text-primary\"\n >\n <X className=\"h-3.5 w-3.5\" /> Remove\n </button>\n </div>\n {hiddenInput}\n </div>\n );\n }\n\n return (\n <div\n onDragOver={(e) => {\n e.preventDefault();\n if (!disabled) setDragging(true);\n }}\n onDragLeave={() => setDragging(false)}\n onDrop={(e) => {\n e.preventDefault();\n setDragging(false);\n void ingest(e.dataTransfer.files?.[0]);\n }}\n className={cn(\n 'flex flex-col items-center justify-center gap-2 rounded-xl border border-dashed px-4 py-6 text-center transition-colors',\n dragging\n ? 'border-accent bg-[var(--color-accent-soft)]'\n : 'border-border-seam bg-bg-surface',\n (disabled \|\| uploading) && 'opacity-60'\n )}\n >\n {hiddenInput}\n {uploading ? (\n <Loader2 className=\"h-6 w-6 animate-spin text-text-tertiary\" aria-hidden=\"true\" />\n ) : (\n <UploadCloud className=\"h-6 w-6 text-text-tertiary\" aria-hidden=\"true\" />\n )}\n <p className=\"text-sm text-text-secondary\">{uploading ? 'Uploading…' : promptLabel}</p>\n {!uploading && (\n <button\n type=\"button\"\n onClick={() => inputRef.current?.click()}\n disabled={disabled}\n className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n >\n <UploadCloud className=\"h-4 w-4\" /> Browse files\n </button>\n )}\n <p className=\"text-xs text-text-tertiary\">{hint}</p>\n </div>\n );\n}\n\n// ---------------------------------------------------------------------------\n// Access levels + copy\n// ---------------------------------------------------------------------------\n\nconst ACCESS_LEVELS: TcpAccessLevel[] = ['COMMUNITY', 'PUBLIC', 'RESTRICTED', 'EMBARGOED'];\n\nconst ACCESS_HELP: Record<TcpAccessLevel, string> = {\n PUBLIC: 'Visible to everyone.',\n COMMUNITY: 'Available to community members.',\n RESTRICTED: 'Visible to selected groups.',\n EMBARGOED: 'Hidden until a future date.',\n};\n\nconst TITLE_MAX = 160;\nconst NARRATOR_MAX = 120;\nconst LANGUAGE_MAX = 60;\nconst SUMMARY_MAX = 300;\nconst TRANSCRIPT_MAX = 5000;\n\nconst dateToIso = (value: string): string \| null => {\n if (!value) return null;\n const d = new Date(value);\n return Number.isNaN(d.getTime()) ? null : d.toISOString();\n};\n\ninterface RecordOralHistoryDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** Pre-select a collection. /\n collectionId?: string;\n onCreated?: (oralHistory: TcpOralHistory) => void;\n}\n\nexport function RecordOralHistoryDialog({\n open,\n onOpenChange,\n collectionId,\n onCreated,\n}: RecordOralHistoryDialogProps) {\n const record = useTcpRecordOralHistory();\n const collectionsQuery = useTcpCollections({ limit: 100 });\n\n const [title, setTitle] = useState('');\n const [summary, setSummary] = useState('');\n const [transcript, setTranscript] = useState('');\n const [narratorName, setNarratorName] = useState('');\n const [language, setLanguage] = useState('');\n const [accessLevel, setAccessLevel] = useState<TcpAccessLevel>('COMMUNITY');\n const [pickedCollection, setPickedCollection] = useState(collectionId ?? '');\n const [recording, setRecording] = useState<UploadedRef \| null>(null);\n const [durationSecs, setDurationSecs] = useState('');\n const [recordedAt, setRecordedAt] = useState('');\n const [error, setError] = useState<string \| null>(null);\n\n const reset = () => {\n setTitle('');\n setSummary('');\n setTranscript('');\n setNarratorName('');\n setLanguage('');\n setAccessLevel('COMMUNITY');\n setPickedCollection(collectionId ?? '');\n setRecording(null);\n setDurationSecs('');\n setRecordedAt('');\n setError(null);\n };\n\n /* Best-effort: read the recording's real duration to pre-fill the field. /\n const probeDuration = (url: string) => {\n try {\n const probe = new Audio();\n probe.preload = 'metadata';\n probe.onloadedmetadata = () => {\n if (Number.isFinite(probe.duration) && probe.duration > 0) {\n setDurationSecs((prev) => (prev ? prev : String(Math.round(probe.duration))));\n }\n };\n probe.src = url;\n } catch {\n // Non-fatal — the field stays manually editable.\n }\n };\n\n const submit = async () => {\n if (!title.trim()) {\n setError('A title is required.');\n return;\n }\n try {\n const created = await record.mutateAsync({\n title: title.trim(),\n summary: summary.trim() \|\| null,\n transcript: transcript.trim() \|\| null,\n narratorName: narratorName.trim() \|\| null,\n language: language.trim() \|\| null,\n accessLevel,\n collectionId: pickedCollection \|\| null,\n recordingFileId: recording?.id ?? null,\n durationSecs: durationSecs ? Number(durationSecs) : null,\n recordedAt: dateToIso(recordedAt),\n });\n notify.success('Oral history recorded', created.title);\n onOpenChange(false);\n reset();\n onCreated?.(created);\n } catch (err) {\n setError(describeError(err));\n }\n };\n\n return (\n <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n <ResponsiveDialogContent className=\"sm:max-w-2xl\">\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Record an oral history</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Preserve a first-person account. Attach the recording and a transcript for the archive.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <div className=\"flex max-h-[64vh] flex-col gap-4 overflow-y-auto py-2\">\n <div className=\"grid gap-1.5\">\n <Label>Recording</Label>\n <MediaDropzone\n folder={FILE_FOLDERS.recordings}\n accept=\"audio/,video/\"\n promptLabel=\"Drag and drop an audio or video file here\"\n hint=\"Audio or video, up to 25 MB.\"\n value={recording}\n onUploaded={(ref) => {\n setRecording(ref);\n probeDuration(ref.url);\n }}\n onClear={() => setRecording(null)}\n />\n </div>\n\n <div className=\"grid gap-3 sm:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-title\">\n Title <span className=\"text-status-error-text\"></span>\n </Label>\n <Input\n id=\"oral-title\"\n value={title}\n maxLength={TITLE_MAX}\n onChange={(e) => setTitle(e.target.value)}\n placeholder=\"e.g. A weaver remembers the looms\"\n />\n <Counter length={title.length} max={TITLE_MAX} />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-narrator\">Narrator</Label>\n <Input\n id=\"oral-narrator\"\n value={narratorName}\n maxLength={NARRATOR_MAX}\n onChange={(e) => setNarratorName(e.target.value)}\n placeholder=\"Full name\"\n />\n </div>\n </div>\n\n <div className=\"grid gap-3 sm:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-language\">Language</Label>\n <Input\n id=\"oral-language\"\n value={language}\n maxLength={LANGUAGE_MAX}\n onChange={(e) => setLanguage(e.target.value)}\n placeholder=\"e.g. Tamil\"\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-duration\">Duration (seconds)</Label>\n <Input\n id=\"oral-duration\"\n type=\"number\"\n min={0}\n value={durationSecs}\n onChange={(e) => setDurationSecs(e.target.value)}\n placeholder=\"Auto-filled from the recording\"\n />\n </div>\n </div>\n\n <div className=\"grid gap-3 sm:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-recorded\">Recorded on</Label>\n <Input\n id=\"oral-recorded\"\n type=\"date\"\n value={recordedAt}\n onChange={(e) => setRecordedAt(e.target.value)}\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label>Access level</Label>\n <Select\n value={accessLevel}\n onValueChange={(v) => setAccessLevel(v as TcpAccessLevel)}\n >\n <SelectTrigger aria-label=\"Access level\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {ACCESS_LEVELS.map((a) => (\n <SelectItem key={a} value={a}>\n {formatEnumLabel(a)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n <p className=\"text-xs text-text-tertiary\">{ACCESS_HELP[accessLevel]}</p>\n </div>\n </div>\n\n {!collectionId && (\n <div className=\"grid gap-1.5\">\n <Label>Collection</Label>\n <Select value={pickedCollection} onValueChange={setPickedCollection}>\n <SelectTrigger>\n <SelectValue placeholder=\"Add to a collection (optional)\" />\n </SelectTrigger>\n <SelectContent>\n {(collectionsQuery.data ?? []).map((collection) => (\n <SelectItem key={collection.id} value={collection.id}>\n {collection.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n )}\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-summary\">Summary</Label>\n <Textarea\n id=\"oral-summary\"\n value={summary}\n maxLength={SUMMARY_MAX}\n onChange={(e) => setSummary(e.target.value)}\n placeholder=\"A short description of what this account covers.\"\n rows={3}\n />\n <Counter length={summary.length} max={SUMMARY_MAX} />\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"oral-transcript\">Transcript</Label>\n <Textarea\n id=\"oral-transcript\"\n value={transcript}\n maxLength={TRANSCRIPT_MAX}\n onChange={(e) => setTranscript(e.target.value)}\n placeholder=\"The transcribed account (line breaks are preserved).\"\n rows={5}\n />\n <Counter length={transcript.length} max={TRANSCRIPT_MAX} />\n </div>\n\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n </div>\n\n <ResponsiveDialogFooter>\n <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n Cancel\n </Button>\n <Button onClick={submit} disabled={record.isPending}>\n Record oral history\n </Button>\n </ResponsiveDialogFooter>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n\n/** A right-aligned character counter shown under a text field. */\nexport function Counter({ length, max }: { length: number; max: number }) {\n return (\n <p className=\"text-right text-xs tabular-nums text-text-tertiary\">\n {length} / {max}\n </p>\n );\n}\n"],"mappings":"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"}