@cardinali-studio/adminkit 1.0.0

package/dist/app/routes/Deliveries.js

@@ -0,0 +1,563 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* Consegne — l'interfaccia.
+ *
+ * UNA schermata sola per un transfer, che sia nuovo o già spedito: prima c'erano due form
+ * diversi per lo stesso oggetto, con etichette diverse per lo stesso campo e — il peggio —
+ * default opposti sugli stessi due interruttori. Qui il transfer nuovo è semplicemente questa
+ * schermata con i campi vuoti.
+ *
+ * La forma viene da WeTransfer, allargata allo spazio che abbiamo: a sinistra la colonna del
+ * lavoro (file, nome, messaggio, link), a destra le opzioni raggruppate. Sotto, a piena
+ * larghezza, la copertina — che ha bisogno di una griglia di foto e in una colonna stretta non
+ * ci sta.
+ *
+ * Due parole che NON esistono più, e perché:
+ *   «attivazione»  non corrispondeva a niente che l'utente volesse fare. Il link funziona da
+ *                  quando esiste; lo stato («in preparazione» → «pronto») lo sa già il sistema
+ *                  e adesso se lo calcola invece di farselo dire con un pulsante. `activate`
+ *                  resta nell'API e lo chiama il salvataggio quando i file sono a posto.
+ *   «pacchetto»    nel 95% dei casi ce n'è uno solo: non ha bisogno di un nome proprio. Si
+ *                  chiama «file», e l'etichetta la eredita dal nome del transfer.
+ *
+ * Il vocabolario completo (e il perché di ogni parola) sta in DELIVERY-REDESIGN.md §2.
+ */
+import { useEffect, useRef, useState } from "react";
+import { deliverySelectionName, deliverySourceFingerprint, uploadDeliveryHeroObject, } from "../lib/delivery-upload";
+import { isBusy, startUpload, uploadFor, useUploadCompletions, useUploads, } from "../lib/upload-queue";
+import { filesFromDrop } from "../lib/delivery-drop";
+/* ============================================================================================
+   La colonna: elenco dei transfer
+   ========================================================================================== */
+export function NewDeliveryButton({ onCreate, disabled }) {
+    return (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: disabled, onClick: onCreate, children: "Nuovo transfer" }));
+}
+export function DeliveriesList({ rows, current, disabled, onOpen }) {
+    return (_jsx("ul", { className: "col-list dl-list", children: rows.map((row) => {
+            const state = transferState(row);
+            return (_jsx("li", { children: _jsxs("button", { className: "col-item dl-row" + (current === row.id ? " is-on" : ""), disabled: disabled, onClick: () => onOpen(row.id), children: [_jsx("span", { className: "dl-state is-" + state.kind, "aria-hidden": "true" }), _jsxs("span", { className: "dl-row-main", children: [_jsx("strong", { children: row.clientName || row.title }), _jsx("span", { children: row.clientName ? row.title : formatDate(row.updatedAt) })] }), _jsx("span", { className: "dl-row-meta", children: state.label }), _jsx("span", { className: "dl-row-size", children: formatBytes(row.storedBytes) })] }) }, row.id));
+        }) }));
+}
+/* Il totale in fondo alla colonna: è l'unico posto in cui si vede quanto sta occupando tutto
+   insieme, ed è la domanda che precede ogni «faccio pulizia?». */
+export function DeliveriesTotal({ rows }) {
+    if (!rows.length)
+        return null;
+    const bytes = rows.reduce((sum, row) => sum + (row.storedBytes || 0), 0);
+    return (_jsxs("p", { className: "dl-total", children: [rows.length, " transfer \u00B7 ", formatBytes(bytes)] }));
+}
+export function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefresh, onReload, onRead, onDeleted, onOpen, onSelected, }) {
+    /* Il transfer «corrente» può venire dal server (l'ho aperto dall'elenco) o essere nato qui
+       dentro al primo file rilasciato. Nel secondo caso resta in questo stato finché non si
+       ricarica l'elenco. */
+    const [made, setMade] = useState(null);
+    const delivery = fromServer || made;
+    const [draft, setDraft] = useState(() => draftOf(fromServer));
+    const [clean, setClean] = useState(() => draftOf(fromServer));
+    const [heroes, setHeroes] = useState(fromServer?.heroes || []);
+    const [heroesClean, setHeroesClean] = useState(fromServer?.heroes || []);
+    const [saving, setSaving] = useState(false);
+    const [failure, setFailure] = useState(null);
+    const [notice, setNotice] = useState(null);
+    const [confirmDelete, setConfirmDelete] = useState(false);
+    /* Anche «Rimuovi» su un pacchetto cancella i byte all'istante: chiede conferma
+     * come il fondo pagina, ma dentro la riga, che è dove si è guardato. */
+    const [confirmPackage, setConfirmPackage] = useState(null);
+    const [copied, setCopied] = useState(null);
+    const folderRef = useRef(null);
+    const filesRef = useRef(null);
+    const coverRef = useRef(null);
+    const resumeRef = useRef(null);
+    const startingRef = useRef(false);
+    const link = primaryLink(delivery);
+    const packages = delivery?.packages || [];
+    const ready = packages.some((pkg) => pkg.state === "ready");
+    /* Il caricamento non vive più qui dentro: sta nella coda (lib/upload-queue.ts), fuori da
+       React, così uscire da questa schermata non lo interrompe. Qui lo si guarda e basta. */
+    const jobs = useUploads();
+    const job = delivery ? uploadFor(delivery.id, jobs) : undefined;
+    const uploading = isBusy(job) || startingRef.current;
+    const dirty = !same(draft, clean) || !sameHeroes(heroes, heroesClean);
+    const photos = packages.flatMap((pkg) => pkg.images.map((image) => ({ pkg, image })));
+    useEffect(() => {
+        if (!fromServer)
+            return;
+        setDraft(draftOf(fromServer));
+        setClean(draftOf(fromServer));
+        setHeroes(fromServer.heroes);
+        setHeroesClean(fromServer.heroes);
+    }, [fromServer]);
+    useEffect(() => {
+        folderRef.current?.setAttribute("webkitdirectory", "");
+        folderRef.current?.setAttribute("directory", "");
+    }, []);
+    /* Quando un caricamento finisce — anche mentre si stava guardando un'altra sezione — questa
+       schermata rilegge il proprio transfer: i file appena chiusi devono comparire senza che
+       nessuno ricarichi niente a mano. */
+    const completions = useUploadCompletions();
+    const seenCompletions = useRef(completions);
+    useEffect(() => {
+        if (completions === seenCompletions.current)
+            return;
+        seenCompletions.current = completions;
+        if (delivery)
+            void refreshAll(delivery.id);
+    }, [completions]); // eslint-disable-line react-hooks/exhaustive-deps
+    const change = (patch) => setDraft((current) => ({ ...current, ...patch }));
+    /* ---- caricamento ------------------------------------------------------------------- */
+    /* Qui si prepara e si consegna alla coda: transfer, pacchetto, impronta. Poi si esce
+       subito. Il caricamento vero, la chiusura del pacchetto e l'attivazione li fa la coda,
+       che non muore quando questa schermata sparisce. */
+    const beginUpload = async (files, resume = null) => {
+        if (!files.length || startingRef.current)
+            return;
+        startingRef.current = true;
+        setFailure(null);
+        setNotice(null);
+        let target = delivery;
+        let packageId = resume?.id || "";
+        let options = { galleryEnabled: draft.gallery, webEnabled: draft.light };
+        try {
+            /* L'impronta si legge PRIMA di creare qualsiasi cosa: se il browser ha perso il
+               permesso su un file, non resta un transfer a metà né un oggetto orfano. */
+            const fingerprint = await deliverySourceFingerprint(files);
+            const title = draft.title.trim() || deliverySelectionName(files) || "Transfer";
+            if (!target) {
+                change({ title });
+                target = (await onAction({
+                    action: "quickCreate", title, filesExpiresAt: expiryFrom(draft.duration),
+                }, { reload: false })).delivery;
+                setMade(target);
+            }
+            if (resume) {
+                if (resume.sourceFingerprint !== fingerprint) {
+                    throw new Error("Questi non sono gli stessi file di prima. Riseleziona esattamente la cartella " +
+                        "(o i file) del caricamento interrotto.");
+                }
+                options = { galleryEnabled: resume.galleryEnabled, webEnabled: resume.webEnabled };
+            }
+            else {
+                const created = await onAction({
+                    action: "createPackage", id: target.id, label: title,
+                    ...options, sourceFingerprint: fingerprint, fileCount: files.length,
+                    sourceBytes: files.reduce((sum, file) => sum + file.size, 0),
+                }, { reload: false });
+                packageId = created.package.id;
+            }
+            startUpload({ deliveryId: target.id, packageId, title, files, options });
+            await refreshAll(target.id);
+        }
+        catch (error) {
+            setFailure(uploadFailure(error) + (packageId
+                ? " Il caricamento resta qui sotto: puoi riprenderlo riselezionando gli stessi file."
+                : ""));
+            if (target)
+                await refreshAll(target.id).catch(() => { });
+        }
+        finally {
+            startingRef.current = false;
+        }
+    };
+    const refreshAll = async (id) => {
+        if (fromServer) {
+            await onRefresh();
+            return;
+        }
+        onSelected(id);
+        await onReload();
+        /* Il transfer nato qui non ha una rotta aperta: si rilegge il suo dettaglio a mano
+           (onRead non tocca lo stato del pannello, quindi non fa rimontare questa schermata e
+           non interrompe l'upload), così pacchetti, link e stato tornano quelli del server. */
+        const fresh = await onRead(id);
+        if (fresh) {
+            setMade(fresh);
+            setClean(draftOf(fresh, draft));
+            setHeroesClean(fresh.heroes);
+        }
+    };
+    const picked = (event) => {
+        const input = event.currentTarget;
+        const files = [...(input.files || [])];
+        const resume = resumeRef.current;
+        resumeRef.current = null;
+        /* Safari può revocare i riferimenti File appena si azzera l'input, anche se la FileList
+           è già stata copiata: si svuota SOLO a lettura finita. */
+        if (files.length)
+            void beginUpload(files, resume).finally(() => { input.value = ""; });
+    };
+    const choose = (input, resume = null) => {
+        resumeRef.current = resume;
+        if (input)
+            input.value = "";
+        input?.click();
+    };
+    /* ---- salvataggio: uno solo, che fa tutto ------------------------------------------- */
+    const save = async () => {
+        if (!delivery)
+            return;
+        setSaving(true);
+        setFailure(null);
+        setNotice(null);
+        try {
+            const updated = (await onAction({
+                action: "update", id: delivery.id, title: draft.title.trim() || delivery.title,
+                clientName: draft.clientName, description: draft.description,
+                licenseNotes: draft.licenseNotes, ctaEnabled: draft.ctaEnabled,
+                ctaLabel: draft.ctaLabel, ctaUrl: draft.ctaUrl, syncPackageLabel: true,
+                expiresAt: null,
+                filesExpiresAt: draft.duration === "keep"
+                    ? delivery.filesExpiresAt : expiryFrom(draft.duration),
+            }, { reload: false })).delivery;
+            if (!sameHeroes(heroes, heroesClean)) {
+                await onAction({ action: "commitHeroes", id: delivery.id, heroes }, { reload: false });
+            }
+            if (link) {
+                if ((link.pin || "") !== draft.pin) {
+                    await onAction({
+                        action: "updateLink", id: delivery.id, linkId: link.id,
+                        label: link.label, pin: draft.pin, expiresAt: link.expiresAt,
+                    }, { reload: false });
+                }
+            }
+            else {
+                await onAction({
+                    action: "createLink", id: delivery.id, label: "Link del cliente", pin: draft.pin,
+                }, { reload: false });
+            }
+            if (ready)
+                await onAction({ action: "activate", id: delivery.id }, { reload: false }).catch(() => { });
+            setClean({ ...draft, duration: "keep" });
+            setDraft((current) => ({ ...current, duration: "keep" }));
+            setHeroesClean(heroes);
+            setNotice(link ? "Salvato" : "Link pronto: ora puoi mandarlo");
+            await refreshAll(updated.id);
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    /* ---- copertina --------------------------------------------------------------------- */
+    const toggleCover = (packageId, index, previewUrl) => {
+        setHeroes((current) => {
+            const has = current.some((item) => item.type === "package" && item.packageId === packageId && item.index === index);
+            if (has) {
+                return current.filter((item) => !(item.type === "package" && item.packageId === packageId && item.index === index));
+            }
+            if (current.length >= 8)
+                return current;
+            return [...current, { type: "package", packageId, index, previewUrl }];
+        });
+    };
+    const uploadCovers = async (event) => {
+        const input = event.currentTarget;
+        const files = [...(input.files || [])].filter((f) => /\.(jpe?g|png|webp)$/i.test(f.name)).slice(0, 8);
+        const pkg = packages.find((item) => item.state === "ready");
+        if (!files.length || !pkg || !delivery) {
+            input.value = "";
+            setFailure(pkg ? "Scegli almeno un'immagine JPEG, PNG o WebP" : "Prima carica i file del transfer");
+            return;
+        }
+        setSaving(true);
+        setFailure(null);
+        try {
+            const added = [];
+            for (const file of files) {
+                const uploaded = await uploadDeliveryHeroObject(delivery.id, pkg.id, file);
+                added.push({ ...uploaded, previewUrl: "" });
+            }
+            setHeroes(added);
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+        finally {
+            setSaving(false);
+            input.value = "";
+        }
+    };
+    /* ---- azioni di servizio ------------------------------------------------------------ */
+    const run = async (payload, done) => {
+        setFailure(null);
+        setNotice(null);
+        try {
+            await onAction(payload, { reload: false });
+            if (delivery)
+                await refreshAll(delivery.id);
+            setNotice(done);
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+    };
+    /* «Usa come modello» copia impostazioni e testi in un transfer nuovo, e ci porta dentro:
+       restare su quello vecchio dopo aver chiesto una copia non ha senso. */
+    const duplicate = async () => {
+        setFailure(null);
+        setNotice(null);
+        try {
+            const out = await onAction({ action: "duplicate", id: delivery?.id }, { reload: false });
+            await onReload();
+            onOpen(out.delivery.id);
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+    };
+    const remove = async () => {
+        setFailure(null);
+        try {
+            await onAction({ action: "delete", id: delivery?.id }, { reload: false });
+            await onReload();
+            onDeleted();
+        }
+        catch (error) {
+            setFailure(errorText(error));
+        }
+    };
+    const copy = async (value, what) => {
+        await navigator.clipboard.writeText(value);
+        setCopied(what);
+        setTimeout(() => setCopied(null), 2000);
+    };
+    const state = delivery ? transferState(delivery) : null;
+    const expiry = draft.duration === "keep"
+        ? delivery?.filesExpiresAt || null : expiryFrom(draft.duration);
+    return (_jsxs("div", { className: "dl-work", children: [_jsxs("header", { className: "dl-work-head", children: [_jsxs("div", { className: "dl-work-title", children: [state && _jsx("span", { className: "dl-pill is-" + state.kind, children: state.label }), _jsx("h2", { children: draft.title.trim() || (delivery ? delivery.title : "Nuovo transfer") })] }), _jsxs("div", { className: "dl-work-actions", children: [link && (_jsx("a", { className: "ak-btn", href: link.url, target: "_blank", rel: "noreferrer", children: "Guarda come lo vede il cliente" })), link && (_jsx("button", { className: "ak-btn ak-btn-primary", disabled: !dirty || saving || busy, onClick: () => void save(), children: saving ? "Salvo…" : "Salva" }))] })] }), (failure || notice) && (_jsxs("p", { className: failure ? "ak-error dl-feedback" : "dl-feedback is-ok", children: [failure || notice, _jsx("button", { type: "button", "aria-label": "Chiudi", onClick: () => { setFailure(null); setNotice(null); }, children: "\u00D7" })] })), _jsxs("div", { className: "dl-grid", children: [_jsxs("div", { className: "dl-main", children: [_jsxs("section", { className: "dl-card", children: [_jsxs("div", { className: "dl-pick", children: [_jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(filesRef.current), children: [_jsx(FileIcon, {}), "Aggiungi file"] }), _jsxs("button", { className: "dl-pick-tile", disabled: uploading, onClick: () => choose(folderRef.current), children: [_jsx(FolderIcon, {}), "Aggiungi una cartella"] }), _jsx("input", { ref: folderRef, type: "file", multiple: true, hidden: true, onChange: picked }), _jsx("input", { ref: filesRef, type: "file", multiple: true, hidden: true, onChange: picked })] }), _jsx(DropArea, { disabled: uploading, resuming: !!resumeRef.current, onFiles: (files) => {
+                                            const resume = resumeRef.current;
+                                            resumeRef.current = null;
+                                            void beginUpload(files, resume);
+                                        }, onError: (error) => setFailure(errorText(error)) }), job && isBusy(job) && _jsx(Progress, { job: job }), !!packages.length && (_jsx("ul", { className: "dl-files", children: packages.map((pkg) => (_jsxs("li", { className: "dl-file is-" + pkg.state + (confirmPackage === pkg.id ? " is-confirming" : ""), children: [_jsx("span", { className: "dl-file-icon", "aria-hidden": "true", children: pkg.state === "ready" ? "✓" : "…" }), confirmPackage === pkg.id ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: ["Rimuovo ", pkg.fileCount || "queste", " foto?"] }), _jsx("span", { children: "Spariscono adesso, e non si torna indietro." })] }), _jsxs("span", { className: "dl-file-actions", children: [_jsx("button", { className: "ak-btn", onClick: () => setConfirmPackage(null), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", disabled: uploading, onClick: () => {
+                                                                        setConfirmPackage(null);
+                                                                        void run({ action: "deletePackage", id: delivery?.id, packageId: pkg.id }, "File rimossi");
+                                                                    }, children: "S\u00EC, rimuovi" })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("span", { className: "dl-file-main", children: [_jsxs("strong", { children: [pkg.fileCount || "—", " foto \u00B7 ", formatBytes(pkg.sourceBytes)] }), _jsx("span", { children: pkg.state === "ready"
+                                                                        ? [pkg.galleryEnabled ? "si vedono sulla pagina" : "", pkg.webEnabled ? "versione leggera" : ""]
+                                                                            .filter(Boolean).join(" · ") || "solo originali"
+                                                                        : job?.id === pkg.id && isBusy(job)
+                                                                            ? (job.state === "paused" ? "caricamento in pausa" : "caricamento in corso")
+                                                                            : "caricamento interrotto" })] }), _jsxs("span", { className: "dl-file-actions", children: [pkg.state !== "ready" && !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn", disabled: uploading, onClick: () => { resumeRef.current = pkg; setNotice(resumeHint); }, children: "Riprendi" })), !(job?.id === pkg.id && isBusy(job)) && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: uploading, onClick: () => setConfirmPackage(pkg.id), children: "Rimuovi" }))] })] }))] }, pkg.id))) }))] }), _jsxs("section", { className: "dl-card dl-about", children: [_jsx(Field, { label: "Nome del transfer", hint: "Lo vede il cliente, ed \u00E8 il nome dello ZIP che scarica.", children: _jsx("input", { value: draft.title, placeholder: "Es. Matrimonio Rossi", onChange: (e) => change({ title: e.target.value }) }) }), _jsx(Field, { label: "Per", hint: "Il nome del cliente, grande in cima alla pagina.", children: _jsx("input", { value: draft.clientName, placeholder: "Es. Marta Rossi", onChange: (e) => change({ clientName: e.target.value }) }) }), _jsx(Field, { label: "Messaggio", wide: true, hint: "Due righe di accompagnamento. Si pu\u00F2 lasciare vuoto.", children: _jsx("textarea", { rows: 3, value: draft.description, onChange: (e) => change({ description: e.target.value }) }) })] }), link ? (_jsxs("section", { className: "dl-card dl-link", children: [_jsxs("div", { className: "dl-link-head", children: [_jsx("span", { className: "dl-step", children: "Il link per il cliente" }), _jsx("code", { children: link.url })] }), _jsxs("div", { className: "dl-link-actions", children: [_jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => void copy(link.url, "link"), children: copied === "link" ? "Copiato" : "Copia il link" }), _jsx("button", { className: "ak-btn", onClick: () => void copy(messageFor(draft, link, expiry), "messaggio"), children: copied === "messaggio" ? "Copiato" : "Copia il messaggio" }), _jsx("a", { className: "ak-btn", target: "_blank", rel: "noreferrer", href: `https://wa.me/?text=${encodeURIComponent(messageFor(draft, link, expiry))}`, children: "Apri in WhatsApp" })] }), _jsx("p", { className: "dl-link-stats", children: linkStory(link) }), draft.pin && (_jsxs("p", { className: "dl-link-stats", children: ["Codice di accesso ", _jsx("strong", { children: draft.pin }), " \u2014 \u00E8 gi\u00E0 dentro il messaggio."] }))] })) : (_jsxs("section", { className: "dl-card dl-get", children: [_jsx("button", { className: "ak-btn ak-btn-primary dl-get-btn", disabled: !delivery || saving || busy, onClick: () => void save(), children: saving ? "Preparo…" : "Ottieni il link" }), _jsx("p", { children: delivery
+                                            ? "Il link vale già mentre l'upload continua: chi lo apre vede che le foto stanno arrivando."
+                                            : "Aggiungi i file: il caricamento parte subito e il resto si compila mentre va." })] }))] }), _jsxs("div", { className: "dl-side", children: [_jsxs(Group, { title: "Chi pu\u00F2 aprirlo", children: [_jsxs("label", { className: "dl-radio", children: [_jsx("input", { type: "radio", name: "dl-access", checked: !draft.pin, onChange: () => change({ pin: "" }) }), _jsxs("span", { children: [_jsx("strong", { children: "Chiunque abbia il link" }), _jsx("small", { children: "Il link \u00E8 lungo e casuale: non si indovina." })] })] }), _jsxs("label", { className: "dl-radio", children: [_jsx("input", { type: "radio", name: "dl-access", checked: !!draft.pin, onChange: () => change({ pin: draft.pin || makeCode() }) }), _jsxs("span", { children: [_jsx("strong", { children: "Serve anche un codice" }), _jsx("small", { children: "Da mandare insieme al link. Dopo dieci errori si blocca per un'ora." })] })] }), !!draft.pin && (_jsxs("div", { className: "dl-code", children: [_jsx("input", { value: draft.pin, spellCheck: false, onChange: (e) => change({ pin: e.target.value.toUpperCase() }) }), _jsx("button", { className: "ak-btn", onClick: () => change({ pin: makeCode() }), children: "Altro" })] }))] }), _jsxs(Group, { title: "Cosa riceve", note: packages.length
+                                    ? "Si decide prima di caricare: per cambiarle bisognerebbe ricaricare i file."
+                                    : undefined, children: [_jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.gallery, disabled: !!packages.length, onChange: (e) => change({ gallery: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Vede le foto sulla pagina" }), _jsx("small", { children: "Anteprime e ingrandimento, senza scaricare niente. Da telefono \u00E8 la differenza fra un link e una consegna." })] })] }), _jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.light, disabled: !!packages.length, onChange: (e) => change({ light: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Pu\u00F2 scaricare una versione leggera" }), _jsx("small", { children: "Un secondo download, adatto a social e web. Gli originali ci sono sempre." })] })] })] }), _jsxs(Group, { title: "Per quanto resta scaricabile", children: [_jsxs("select", { className: "dl-select", value: draft.duration, onChange: (e) => change({ duration: e.target.value }), children: [delivery && _jsx("option", { value: "keep", children: delivery.filesExpiresAt
+                                                    ? `Fino al ${formatDate(delivery.filesExpiresAt)}`
+                                                    : "Per sempre" }), _jsx("option", { value: "7", children: "7 giorni" }), _jsx("option", { value: "30", children: "30 giorni" }), _jsx("option", { value: "180", children: "6 mesi" }), _jsx("option", { value: "365", children: "1 anno" }), _jsx("option", { value: "forever", children: "Per sempre" })] }), _jsx("p", { className: "dl-note", children: expiry
+                                            ? `Dopo il ${formatDate(expiry)} il link continua ad aprirsi, ma i file non si scaricano più.`
+                                            : "I file restano finché non li togli tu." })] }), _jsxs(Group, { title: "Alla fine della pagina", children: [_jsxs("label", { className: "dl-check", children: [_jsx("input", { type: "checkbox", checked: draft.ctaEnabled, onChange: (e) => change({ ctaEnabled: e.target.checked }) }), _jsxs("span", { children: [_jsx("strong", { children: "Chiedi una recensione" }), _jsx("small", { children: "Un pulsante in fondo, dopo le fotografie." })] })] }), draft.ctaEnabled && (_jsxs(_Fragment, { children: [_jsx(Field, { label: "Testo del pulsante", children: _jsx("input", { value: draft.ctaLabel, onChange: (e) => change({ ctaLabel: e.target.value }) }) }), _jsx(Field, { label: "Indirizzo", hint: "Il link alla tua pagina delle recensioni.", children: _jsx("input", { type: "url", value: draft.ctaUrl, placeholder: "https://\u2026", onChange: (e) => change({ ctaUrl: e.target.value }) }) })] })), _jsx(Field, { label: "Note d'uso", hint: "Cosa pu\u00F2 farci il cliente. Appaiono in fondo alla pagina.", children: _jsx("textarea", { rows: 3, value: draft.licenseNotes, onChange: (e) => change({ licenseNotes: e.target.value }) }) })] })] })] }), !!delivery && (_jsxs("section", { className: "dl-card dl-cover", children: [_jsxs("div", { className: "dl-cover-head", children: [_jsxs("div", { children: [_jsx("span", { className: "dl-step", children: "Copertina" }), _jsxs("p", { children: ["Le foto grandi in cima alla pagina del cliente, fino a otto.", " ", heroes.length
+                                                ? `Ne hai scelte ${heroes.length}.`
+                                                : "Nessuna scelta: si userà quella predefinita."] })] }), _jsxs("div", { className: "dl-cover-actions", children: [_jsx("button", { className: "ak-btn", disabled: saving || !ready, onClick: () => { if (coverRef.current)
+                                            coverRef.current.value = ""; coverRef.current?.click(); }, children: "Carica un'immagine" }), !!heroes.length && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setHeroes([]), children: "Usa quella predefinita" })), _jsx("input", { ref: coverRef, type: "file", accept: "image/jpeg,image/png,image/webp", multiple: true, hidden: true, onChange: (event) => void uploadCovers(event) })] })] }), photos.length ? (_jsx("div", { className: "dl-cover-grid", children: photos.map(({ pkg, image }) => {
+                            const chosen = heroes.some((item) => item.type === "package" && item.packageId === pkg.id && item.index === image.index);
+                            return (_jsxs("button", { type: "button", className: chosen ? "is-chosen" : "", "aria-pressed": chosen, onClick: () => toggleCover(pkg.id, image.index, image.previewUrl), children: [_jsx("img", { src: image.previewUrl, alt: image.name, loading: "lazy" }), chosen && _jsx("em", { "aria-hidden": "true", children: "\u2713" })] }, `${pkg.id}-${image.index}`));
+                        }) })) : (_jsx("p", { className: "dl-note dl-cover-empty", children: heroes.some((item) => item.type === "object")
+                            ? `${heroes.length} immagini caricate a mano.`
+                            : "Questo transfer non ha anteprime da cui scegliere: carica un'immagine, oppure resta quella predefinita." }))] })), !!delivery && (_jsxs("section", { className: "dl-danger", children: [_jsxs("div", { children: [_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void duplicate(), children: "Usa come modello" }), delivery.status === "active" && (_jsx("button", { className: "ak-btn ak-btn-quiet", disabled: busy, onClick: () => void run({ action: "archive", id: delivery.id }, "Originali tolti: recuperabili per sette giorni"), children: "Libera spazio: togli gli originali" }))] }), confirmDelete ? (_jsxs("div", { className: "dl-confirm", children: [_jsxs("p", { children: ["Elimino ", _jsx("strong", { children: delivery.title }), photos.length ? ` (${countPhotos(packages)} foto, ${formatBytes(delivery.storedBytes)})` : "", "? Il link smette subito di funzionare e i file vengono cancellati adesso. Non si torna indietro."] }), _jsx("button", { className: "ak-btn", onClick: () => setConfirmDelete(false), children: "Annulla" }), _jsx("button", { className: "ak-btn dl-danger-btn", onClick: () => void remove(), children: "S\u00EC, elimina" })] })) : (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setConfirmDelete(true), children: "Elimina il transfer" }))] }))] }));
+}
+/* ============================================================================================
+   Impostazioni
+   ========================================================================================== */
+export function DeliverySettings({ settings, onAction, pickMedia }) {
+    const [covers, setCovers] = useState(settings.defaultHeroes);
+    const [notice, setNotice] = useState(null);
+    useEffect(() => setCovers(settings.defaultHeroes), [settings]);
+    return (_jsxs("div", { className: "dl-work", children: [_jsxs("header", { className: "dl-work-head", children: [_jsx("div", { className: "dl-work-title", children: _jsx("h2", { children: "Copertina predefinita" }) }), _jsx("div", { className: "dl-work-actions", children: _jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => void onAction({
+                                action: "saveSettings", defaultHeroes: covers,
+                            }).then(() => setNotice("Salvata")), children: "Salva" }) })] }), notice && _jsx("p", { className: "dl-feedback is-ok", children: notice }), _jsxs("section", { className: "dl-card dl-cover", children: [_jsxs("div", { className: "dl-cover-head", children: [_jsxs("div", { children: [_jsx("span", { className: "dl-step", children: "Pagina del cliente" }), _jsx("p", { children: "Queste immagini vanno in cima ai transfer per cui non scegli una copertina." })] }), _jsxs("div", { className: "dl-cover-actions", children: [_jsx("button", { className: "ak-btn", onClick: () => void pickMedia({ multiple: true })
+                                            .then((chosen) => { if (chosen)
+                                            setCovers(chosen.slice(0, 8)); }), children: "Scegli dalla libreria" }), !!covers.length && (_jsx("button", { className: "ak-btn ak-btn-quiet", onClick: () => setCovers([]), children: "Nessuna" }))] })] }), !!covers.length && (_jsx("div", { className: "dl-cover-grid is-static", children: covers.map((url) => _jsx("img", { src: url, alt: "" }, url)) }))] })] }));
+}
+/* ============================================================================================
+   Pezzi
+   ========================================================================================== */
+/* I due segni delle mattonelle. Disegnati qui e non in ui/icons.tsx: non li usa nessun altro,
+   e la scelta «file o cartella» è di questa schermata. */
+function FileIcon() {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z" }), _jsx("path", { d: "M14 3v5h5" }), _jsx("path", { d: "M12 11v6M9 14h6" })] }));
+}
+function FolderIcon() {
+    return (_jsxs("svg", { viewBox: "0 0 24 24", width: "22", height: "22", fill: "none", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), _jsx("path", { d: "M12 11.5v5M9.5 14h5" })] }));
+}
+function Group({ title, note, children }) {
+    return (_jsxs("section", { className: "dl-group", children: [_jsx("h3", { children: title }), children, note && _jsx("p", { className: "dl-note", children: note })] }));
+}
+function Field({ label, hint, wide, children }) {
+    return (_jsxs("label", { className: "dl-field" + (wide ? " is-wide" : ""), children: [_jsx("span", { children: label }), children, hint && _jsx("small", { children: hint })] }));
+}
+function DropArea({ onFiles, onError, disabled, resuming }) {
+    const [over, setOver] = useState(false);
+    const drop = async (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setOver(false);
+        if (disabled)
+            return;
+        try {
+            const files = await filesFromDrop(event.dataTransfer);
+            if (!files.length)
+                throw new Error("Nel rilascio non c'era nessun file");
+            onFiles(files);
+        }
+        catch (error) {
+            /* L'errore resta qui: non è stato creato né caricato niente, quindi un nuovo
+               rilascio riparte pulito. */
+            onError?.(error);
+        }
+    };
+    return (_jsxs("div", { className: "dl-drop" + (over ? " is-over" : "") + (disabled ? " is-off" : ""), onDragEnter: (e) => { e.preventDefault(); e.stopPropagation(); if (!disabled)
+            setOver(true); }, onDragOver: (e) => { e.preventDefault(); e.stopPropagation(); }, onDragLeave: (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            if (!e.currentTarget.contains(e.relatedTarget))
+                setOver(false);
+        }, onDrop: (event) => void drop(event), children: [_jsx("strong", { children: resuming ? "Rilascia qui gli stessi file di prima" : "…oppure trascinali qui" }), _jsx("span", { children: "Anche pi\u00F9 cartelle insieme: la struttura viene conservata nello ZIP." })] }));
+}
+function Progress({ job }) {
+    const progress = job.progress;
+    if (!progress) {
+        return (_jsxs("div", { className: "dl-progress", children: [_jsx("div", { className: "dl-progress-top", children: _jsx("strong", { children: "Preparo il caricamento\u2026" }) }), _jsx("div", { className: "dl-progress-track", children: _jsx("i", { style: { width: "3%" } }) })] }));
+    }
+    const done = progress.totalFiles ? Math.min(1, progress.doneFiles / progress.totalFiles) : 0;
+    const phase = job.state === "paused" ? "In pausa"
+        : progress.phase === "originals" ? "Carico le foto"
+            : progress.phase === "derivatives" ? "Preparo le anteprime"
+                : "Ultimi controlli";
+    const seconds = progress.transferStartedAt
+        ? Math.max(1, (Date.now() - progress.transferStartedAt) / 1000) : 0;
+    const mbps = seconds ? progress.transferredBytes * 8 / seconds / 1_000_000 : 0;
+    const left = progress.phase === "originals" && mbps > 0
+        ? Math.max(0, (progress.sourceBytes - progress.uploadedBytes) * 8 / (mbps * 1_000_000))
+        : null;
+    return (_jsxs("div", { className: "dl-progress", children: [_jsxs("div", { className: "dl-progress-top", children: [_jsx("strong", { children: phase }), _jsxs("span", { children: [progress.doneFiles, " di ", progress.totalFiles, left !== null && left > 5 ? ` · ancora ${formatDuration(left)}` : ""] })] }), _jsx("div", { className: "dl-progress-track", children: _jsx("i", { style: { width: `${Math.max(2, done * 100)}%` } }) }), _jsxs("p", { children: [progress.file || "…", " \u00B7 ", formatBytes(progress.uploadedBytes), mbps > 0 ? ` · ${mbps.toFixed(1)} Mbps` : "", progress.note ? ` · ${progress.note}` : ""] }), _jsx("small", { children: "Puoi andare dove vuoi nel pannello: il caricamento continua e lo ritrovi nel riquadro in basso a destra. Se chiudi il browser si ferma, e lo riprendi da qui." })] }));
+}
+/* ============================================================================================
+   Calcoli
+   ========================================================================================== */
+const resumeHint = "Riseleziona la stessa cartella (o gli stessi file) e rilasciali qui sotto: " +
+    "quello che è già stato caricato non viene ricaricato.";
+function draftOf(delivery, keep) {
+    if (!delivery) {
+        return {
+            title: "", clientName: "", description: "", licenseNotes: "",
+            ctaEnabled: false, ctaLabel: "Lascia una recensione", ctaUrl: "",
+            duration: "30", pin: "", gallery: true, light: true,
+        };
+    }
+    const link = primaryLink(delivery);
+    return {
+        title: delivery.title,
+        clientName: delivery.clientName,
+        description: delivery.description,
+        licenseNotes: delivery.licenseNotes,
+        ctaEnabled: delivery.ctaEnabled,
+        ctaLabel: delivery.ctaLabel || "Lascia una recensione",
+        ctaUrl: delivery.ctaUrl,
+        duration: "keep",
+        pin: link?.pin || "",
+        /* Gallery e versione leggera non sono campi del transfer ma del caricamento: per un
+           transfer che ha già i file, la verità è quella dei file. */
+        gallery: delivery.packages[0]?.galleryEnabled ?? keep?.gallery ?? true,
+        light: delivery.packages[0]?.webEnabled ?? keep?.light ?? true,
+    };
+}
+function same(a, b) {
+    return Object.keys(a).every((key) => a[key] === b[key]);
+}
+function sameHeroes(a, b) {
+    if (a.length !== b.length)
+        return false;
+    return a.every((item, index) => heroKey(item) === heroKey(b[index]));
+}
+function heroKey(item) {
+    return item.type === "package" ? `p:${item.packageId}:${item.index}` : `o:${item.id}`;
+}
+function primaryLink(delivery) {
+    return delivery?.links.find((item) => !item.revokedAt) || null;
+}
+function transferState(row) {
+    if (row.filesExpiresAt) {
+        const days = (new Date(row.filesExpiresAt).getTime() - Date.now()) / 86_400_000;
+        if (days < 0)
+            return { kind: "expired", label: "File scaduti" };
+        if (row.status === "active" && days <= 7)
+            return { kind: "expiring", label: "In scadenza" };
+    }
+    if (row.status === "uploading")
+        return { kind: "uploading", label: "In preparazione" };
+    if (row.status === "archived")
+        return { kind: "archived", label: "Originali tolti" };
+    if (row.status === "active") {
+        return row.downloadCount > 0
+            ? { kind: "downloaded", label: "Scaricato" }
+            : { kind: "ready", label: "Pronto" };
+    }
+    return { kind: "draft", label: "Senza file" };
+}
+function countPhotos(packages) {
+    return packages.reduce((sum, pkg) => sum + (pkg.fileCount || 0), 0);
+}
+/* Il codice si genera, non si inventa: niente 0/O e 1/I, che al telefono si sbagliano. */
+function makeCode() {
+    const alphabet = "ABCDEFGHJKLMNPQRSTUVWXYZ23456789";
+    const pick = () => Array.from(crypto.getRandomValues(new Uint8Array(4)))
+        .map((n) => alphabet[n % alphabet.length]).join("");
+    return `${pick()}-${pick()}`;
+}
+function messageFor(draft, link, expiry) {
+    const who = draft.clientName.trim().split(/\s+/)[0];
+    return [
+        `Ciao${who ? ` ${who}` : ""}, le fotografie di ${draft.title.trim() || "questo lavoro"} sono pronte:`,
+        link.url,
+        draft.pin ? `Codice di accesso: ${draft.pin}` : "",
+        expiry ? `Puoi scaricarle fino al ${formatDate(expiry)}.` : "",
+    ].filter(Boolean).join("\n");
+}
+function linkStory(link) {
+    if (!link.openedCount)
+        return "Non è ancora stato aperto.";
+    const opened = `Aperto ${link.openedCount === 1 ? "una volta" : `${link.openedCount} volte`}`;
+    const when = link.lastOpenedAt ? `, l’ultima il ${formatDate(link.lastOpenedAt)}` : "";
+    const got = link.downloadCount ? "ha scaricato" : "non ha ancora scaricato";
+    return `${opened}${when} · ${got}.`;
+}
+function expiryFrom(duration) {
+    if (duration === "forever" || duration === "keep")
+        return null;
+    const days = Number(duration);
+    return new Date(Date.now() + (Number.isFinite(days) ? days : 30) * 86_400_000).toISOString();
+}
+function formatBytes(value) {
+    if (!value)
+        return "0 B";
+    const units = ["B", "KB", "MB", "GB", "TB"];
+    let n = value, i = 0;
+    while (n >= 1024 && i < units.length - 1) {
+        n /= 1024;
+        i++;
+    }
+    return `${n < 10 && i ? n.toFixed(1) : Math.round(n)} ${units[i]}`;
+}
+function formatDate(value) {
+    return new Intl.DateTimeFormat("it-IT", { day: "numeric", month: "short", year: "numeric" })
+        .format(new Date(value));
+}
+function formatDuration(seconds) {
+    if (seconds < 60)
+        return `${Math.ceil(seconds)} secondi`;
+    if (seconds < 3600)
+        return `${Math.ceil(seconds / 60)} minuti`;
+    const hours = Math.floor(seconds / 3600);
+    return `${hours} h ${Math.ceil((seconds % 3600) / 60)} min`;
+}
+function errorText(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+function uploadFailure(error) {
+    const raw = errorText(error);
+    if ((error instanceof DOMException && error.name === "NotReadableError") ||
+        raw.includes("requested file could not be read")) {
+        return "Il browser non riesce più a leggere uno dei file scelti. " +
+            "Riseleziona la stessa cartella e premi «Riprendi».";
+    }
+    return raw;
+}

package/dist/app/routes/GallerySectionsEditor.d.ts

@@ -0,0 +1,12 @@
+import type { AssetFile } from "../../index.js";
+import type { GalleryImage, PageSection, SectionType } from "../../index.js";
+export type GallerySection = PageSection;
+export type GallerySectionType = SectionType;
+export declare function GallerySectionsEditor({ value, onChange, renderGallery, pickMediaFiles, }: {
+    value: unknown;
+    onChange: (next: GallerySection[]) => void;
+    renderGallery?: (images: GalleryImage[], onImages: (next: GalleryImage[]) => void) => React.ReactNode;
+    pickMediaFiles?: (o: {
+        multiple: boolean;
+    }) => Promise<AssetFile[] | null>;
+}): import("react").JSX.Element;