@cardinali-studio/adminkit 1.0.0

package/dist/app/routes/Bookings.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+const days = ["Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"];
+const statusLabel = {
+    pending: "Da approvare", confirming: "Sincronizzo", confirmed: "Confermato",
+    rejected: "Rifiutato", cancelled: "Annullato", completed: "Completato",
+    no_show: "Non presentato", expired: "Scaduto", anonymized: "Anonimizzato",
+};
+const local = (iso) => new Intl.DateTimeFormat("it-IT", {
+    dateStyle: "medium", timeStyle: "short",
+}).format(new Date(iso));
+const time = (minute) => `${String(Math.floor(minute / 60)).padStart(2, "0")}:${String(minute % 60).padStart(2, "0")}`;
+const minute = (value) => {
+    const [hours, minutes] = value.split(":").map(Number);
+    return hours * 60 + minutes;
+};
+export function BookingsList({ rows, current, onOpen, onAgenda, onSettings, }) {
+    return _jsxs("div", { className: "bk-list", children: [_jsxs("button", { className: "col-item" + (!current ? " is-on" : ""), onClick: onAgenda, children: [_jsx("strong", { children: "Agenda" }), _jsx("span", { children: "Tutti gli appuntamenti" })] }), _jsx("div", { className: "bk-list-label", children: "Richieste e prossimi" }), rows.filter((row) => ["pending", "confirming", "confirmed"].includes(row.status)).map((row) => _jsxs("button", { className: "col-item bk-list-item" + (current === row.id ? " is-on" : ""), onClick: () => onOpen(row.id), children: [_jsx("span", { className: `bk-dot is-${row.status}` }), _jsxs("span", { children: [_jsx("strong", { children: row.visitorName || "Dati rimossi" }), _jsxs("small", { children: [local(row.startAt), " \u00B7 ", row.typeName] })] })] }, row.id)), _jsxs("button", { className: "col-item bk-settings-link" + (current === "settings" ? " is-on" : ""), onClick: onSettings, children: [_jsx("strong", { children: "Impostazioni" }), _jsx("span", { children: "Tipologie, orari e Google" })] })] });
+}
+export function BookingAgenda({ store, onOpen }) {
+    const [showManual, setShowManual] = useState(false);
+    const [showBlock, setShowBlock] = useState(false);
+    const [query, setQuery] = useState("");
+    const [status, setStatus] = useState("active");
+    const [range, setRange] = useState("month");
+    const upcoming = useMemo(() => {
+        const now = Date.now();
+        const until = now + (range === "week" ? 7 : 42) * 86_400_000;
+        const needle = query.trim().toLowerCase();
+        return (store.rows || []).filter((row) => {
+            const starts = Date.parse(row.startAt);
+            const inRange = range === "past"
+                ? starts < now && starts >= now - 365 * 86_400_000
+                : starts >= now && starts < until;
+            const inStatus = status === "all" ? true : status === "active"
+                ? ["pending", "confirming", "confirmed"].includes(row.status)
+                : row.status === status;
+            const matches = !needle || [row.visitorName, row.visitorEmail, row.referenceCode, row.typeName]
+                .some((value) => String(value || "").toLowerCase().includes(needle));
+            return inRange && inStatus && matches;
+        });
+    }, [query, range, status, store.rows]);
+    return _jsxs("div", { className: "bk-page", children: [_jsxs("div", { className: "bk-hero", children: [_jsxs("div", { children: [_jsx("p", { className: "bk-kicker", children: "Agenda" }), _jsxs("h2", { children: [store.pending, " da approvare", _jsx("br", {}), store.upcoming, " in arrivo"] })] }), _jsxs("div", { className: "bk-actions", children: [_jsx("a", { className: "ak-btn", href: "/admin/api/booking/export", children: "Esporta CSV" }), _jsx("button", { className: "ak-btn", onClick: () => setShowBlock((value) => !value), children: "Blocca orario" }), _jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => setShowManual((value) => !value), children: "Nuovo appuntamento" })] })] }), showManual && _jsx(ManualBooking, { store: store, onCreated: (id) => { setShowManual(false); if (id)
+                    onOpen(id); } }), showBlock && _jsx(ManualBlock, { store: store, onDone: () => setShowBlock(false) }), store.blocks.length > 0 && _jsxs("section", { className: "bk-section", children: [_jsx("h3", { children: "Blocchi manuali" }), _jsx("div", { className: "bk-blocks", children: store.blocks.map((block) => _jsxs("div", { children: [_jsxs("span", { children: [local(block.start_at), " \u2192 ", local(block.end_at), block.note ? ` · ${block.note}` : ""] }), _jsx("button", { onClick: () => void store.removeBlock(block.id), children: "Rimuovi" })] }, block.id)) })] }), _jsxs("section", { className: "bk-section", children: [_jsxs("div", { className: "bk-filter-head", children: [_jsx("h3", { children: "Prossimi appuntamenti" }), _jsxs("div", { className: "bk-filters", children: [_jsx("input", { type: "search", placeholder: "Cerca nome, email o codice", value: query, onChange: (e) => setQuery(e.target.value) }), _jsxs("select", { value: status, onChange: (e) => setStatus(e.target.value), children: [_jsx("option", { value: "active", children: "Attivi" }), _jsx("option", { value: "pending", children: "Da approvare" }), _jsx("option", { value: "confirmed", children: "Confermati" }), _jsx("option", { value: "all", children: "Tutti gli stati" })] }), _jsxs("select", { value: range, onChange: (e) => setRange(e.target.value), children: [_jsx("option", { value: "week", children: "7 giorni" }), _jsx("option", { value: "month", children: "6 settimane" }), _jsx("option", { value: "past", children: "Ultimi 12 mesi" })] })] })] }), upcoming.length ? _jsx("div", { className: "bk-table", children: upcoming.map((row) => _jsxs("button", { onClick: () => onOpen(row.id), children: [_jsx("time", { children: local(row.startAt) }), _jsx("strong", { children: row.visitorName }), _jsx("span", { children: row.typeName }), _jsx("em", { className: `bk-status is-${row.status}`, children: statusLabel[row.status] })] }, row.id)) }) : _jsx("p", { className: "ak-hint", children: "Nessun appuntamento in arrivo." })] })] });
+}
+function ManualBlock({ store, onDone }) {
+    const [value, setValue] = useState({ startAt: "", endAt: "", note: "" });
+    const submit = async (event) => {
+        event.preventDefault();
+        await store.addBlock({
+            startAt: new Date(value.startAt).toISOString(),
+            endAt: new Date(value.endAt).toISOString(),
+            note: value.note,
+        }).then(onDone).catch(() => undefined);
+    };
+    return _jsxs("form", { className: "bk-manual", onSubmit: submit, children: [_jsx("h3", { children: "Blocca una fascia" }), _jsxs("label", { children: ["Da", _jsx("input", { type: "datetime-local", required: true, value: value.startAt, onChange: (e) => setValue({ ...value, startAt: e.target.value }) })] }), _jsxs("label", { children: ["A", _jsx("input", { type: "datetime-local", required: true, value: value.endAt, onChange: (e) => setValue({ ...value, endAt: e.target.value }) })] }), _jsxs("label", { children: ["Motivo", _jsx("input", { value: value.note, onChange: (e) => setValue({ ...value, note: e.target.value }) })] }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy, children: "Aggiungi blocco" })] });
+}
+function ManualBooking({ store, onCreated }) {
+    const [value, setValue] = useState({
+        appointmentType: store.types[0]?.slug || "", mode: "in_person",
+        startAt: "", name: "", email: "", phone: "", notes: "",
+    });
+    const submit = async (event) => {
+        event.preventDefault();
+        const id = await store.createManual({ ...value, startAt: new Date(value.startAt).toISOString() }).catch(() => null);
+        onCreated(id);
+    };
+    return _jsxs("form", { className: "bk-manual", onSubmit: submit, children: [_jsx("h3", { children: "Inserisci un appuntamento" }), _jsxs("label", { children: ["Tipologia", _jsx("select", { value: value.appointmentType, onChange: (e) => setValue({ ...value, appointmentType: e.target.value }), children: store.types.filter((type) => type.active).map((type) => _jsx("option", { value: type.slug, children: type.name }, type.id)) })] }), _jsxs("label", { children: ["Modalit\u00E0", _jsxs("select", { value: value.mode, onChange: (e) => setValue({ ...value, mode: e.target.value }), children: [_jsx("option", { value: "in_person", children: "In presenza" }), _jsx("option", { value: "virtual", children: "Virtuale" })] })] }), _jsxs("label", { children: ["Data e ora", _jsx("input", { type: "datetime-local", required: true, value: value.startAt, onChange: (e) => setValue({ ...value, startAt: e.target.value }) })] }), _jsxs("label", { children: ["Nome", _jsx("input", { required: true, value: value.name, onChange: (e) => setValue({ ...value, name: e.target.value }) })] }), _jsxs("label", { children: ["Email", _jsx("input", { type: "email", required: true, value: value.email, onChange: (e) => setValue({ ...value, email: e.target.value }) })] }), _jsxs("label", { children: ["Telefono", _jsx("input", { value: value.phone, onChange: (e) => setValue({ ...value, phone: e.target.value }) })] }), _jsxs("label", { className: "is-wide", children: ["Note", _jsx("textarea", { value: value.notes, onChange: (e) => setValue({ ...value, notes: e.target.value }) })] }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy, children: "Salva come richiesta" })] });
+}
+export function BookingDetail({ row, store }) {
+    const [notes, setNotes] = useState(row.adminNotes || "");
+    const [newStart, setNewStart] = useState("");
+    useEffect(() => setNotes(row.adminNotes || ""), [row.id, row.adminNotes]);
+    const place = row.mode === "virtual" ? (row.meetUrl || "Google Meet dopo l’approvazione") : row.location;
+    return _jsxs("div", { className: "bk-page bk-detail", children: [_jsxs("div", { className: "bk-detail-head", children: [_jsxs("div", { children: [_jsx("p", { className: "bk-kicker", children: row.referenceCode }), _jsx("h2", { children: row.visitorName || "Dati rimossi" })] }), _jsx("span", { className: `bk-status is-${row.status}`, children: statusLabel[row.status] })] }), _jsxs("dl", { className: "bk-facts", children: [_jsxs("div", { children: [_jsx("dt", { children: "Quando" }), _jsxs("dd", { children: [local(row.startAt), " \u00B7 ", row.durationMinutes, " min"] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Tipologia" }), _jsx("dd", { children: row.typeName })] }), _jsxs("div", { children: [_jsx("dt", { children: "Modalit\u00E0" }), _jsxs("dd", { children: [row.mode === "virtual" ? "Videochiamata" : "In presenza", " \u00B7 ", place] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Contatto" }), _jsxs("dd", { children: [_jsx("a", { href: `mailto:${row.visitorEmail}`, children: row.visitorEmail }), row.visitorPhone ? ` · ${row.visitorPhone}` : ""] })] }), _jsxs("div", { children: [_jsx("dt", { children: "Fuso visitatore" }), _jsx("dd", { children: row.visitorTimezone })] }), _jsxs("div", { children: [_jsx("dt", { children: "Sincronizzazione" }), _jsxs("dd", { children: [row.calendarSyncStatus, row.googleEventUrl ? _jsxs(_Fragment, { children: [" \u00B7 ", _jsx("a", { href: row.googleEventUrl, target: "_blank", children: "Apri evento" })] }) : null] })] })] }), row.visitorNotes && _jsxs("section", { className: "bk-note", children: [_jsx("h3", { children: "Note del visitatore" }), _jsx("p", { children: row.visitorNotes })] }), _jsxs("section", { className: "bk-note", children: [_jsx("h3", { children: "Note interne" }), _jsx("textarea", { value: notes, onChange: (e) => setNotes(e.target.value), rows: 4 }), _jsx("button", { className: "ak-btn", disabled: store.busy, onClick: () => void store.action(row.id, { action: "notes", notes }), children: "Salva note" })] }), ["pending", "confirmed"].includes(row.status) && _jsxs("section", { className: "bk-reschedule", children: [_jsx("h3", { children: "Sposta appuntamento" }), _jsx("input", { type: "datetime-local", value: newStart, onChange: (e) => setNewStart(e.target.value) }), _jsx("button", { className: "ak-btn", disabled: !newStart || store.busy, onClick: () => void store.action(row.id, { action: "reschedule", startAt: new Date(newStart).toISOString() }), children: "Aggiorna data" })] }), _jsxs("div", { className: "bk-actions bk-detail-actions", children: [row.status === "pending" && _jsxs(_Fragment, { children: [_jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy, onClick: () => void store.action(row.id, { action: "approve" }), children: "Approva e crea evento" }), _jsx("button", { className: "ak-btn is-danger", disabled: store.busy, onClick: () => void store.action(row.id, { action: "reject" }), children: "Rifiuta" })] }), row.status === "confirmed" && _jsxs(_Fragment, { children: [_jsx("button", { className: "ak-btn", disabled: store.busy, onClick: () => void store.action(row.id, { action: "complete" }), children: "Completato" }), _jsx("button", { className: "ak-btn", disabled: store.busy, onClick: () => void store.action(row.id, { action: "no_show" }), children: "Non presentato" }), _jsx("button", { className: "ak-btn is-danger", disabled: store.busy, onClick: () => void store.action(row.id, { action: "cancel" }), children: "Annulla" })] })] })] });
+}
+export function BookingSettingsHub({ store }) {
+    const [tab, setTab] = useState("general");
+    const tabs = [["general", "Generali"], ["types", "Tipologie"], ["availability", "Disponibilità"], ["google", "Google"], ["publish", "Attivazione"]];
+    return _jsxs("div", { className: "bk-page", children: [_jsx("div", { className: "bk-tabs", children: tabs.map(([id, label]) => _jsx("button", { className: tab === id ? "is-on" : "", onClick: () => setTab(id), children: label }, id)) }), tab === "general" && store.settings && _jsx(GeneralSettings, { value: store.settings, store: store }), tab === "types" && _jsx(TypesSettings, { types: store.types, store: store }), tab === "availability" && _jsx(AvailabilitySettings, { store: store }), tab === "google" && _jsx(GoogleSettings, { store: store }), tab === "publish" && _jsx(ActivationSettings, { store: store })] });
+}
+function GeneralSettings({ value, store }) {
+    const [draft, setDraft] = useState(value);
+    useEffect(() => setDraft(value), [value]);
+    const number = (key, value) => setDraft({ ...draft, [key]: Number(value) });
+    return _jsxs("form", { className: "bk-settings-form", onSubmit: (e) => { e.preventDefault(); void store.saveSettings(draft); }, children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Regole globali" }), _jsx("h2", { children: "Il perimetro dell\u2019agenda." })] }), _jsxs("label", { children: ["Fuso del proprietario", _jsx("input", { value: draft.timezone, onChange: (e) => setDraft({ ...draft, timezone: e.target.value }) })] }), _jsxs("label", { className: "is-wide", children: ["Indirizzo unico", _jsx("input", { value: draft.address, onChange: (e) => setDraft({ ...draft, address: e.target.value }) })] }), _jsxs("label", { children: ["Email proprietario", _jsx("input", { type: "email", value: draft.contactEmail, onChange: (e) => setDraft({ ...draft, contactEmail: e.target.value }) })] }), _jsxs("label", { children: ["Telefono proprietario", _jsx("input", { value: draft.contactPhone, onChange: (e) => setDraft({ ...draft, contactPhone: e.target.value }) })] }), _jsx(NumberField, { label: "Durata predefinita (min)", value: draft.defaultDurationMinutes, onChange: (v) => number("defaultDurationMinutes", v) }), _jsx(NumberField, { label: "Buffer prima (min)", value: draft.defaultBufferBeforeMinutes, onChange: (v) => number("defaultBufferBeforeMinutes", v) }), _jsx(NumberField, { label: "Buffer dopo (min)", value: draft.defaultBufferAfterMinutes, onChange: (v) => number("defaultBufferAfterMinutes", v) }), _jsx(NumberField, { label: "Passo slot (min)", value: draft.slotStepMinutes, onChange: (v) => number("slotStepMinutes", v) }), _jsx(NumberField, { label: "Preavviso minimo (min)", value: draft.minimumNoticeMinutes, onChange: (v) => number("minimumNoticeMinutes", v) }), _jsx(NumberField, { label: "Finestra massima (giorni)", value: draft.bookingHorizonDays, onChange: (v) => number("bookingHorizonDays", v) }), _jsx(NumberField, { label: "Limite al giorno (0 = nessuno)", value: draft.dailyLimit, onChange: (v) => number("dailyLimit", v) }), _jsx(NumberField, { label: "Limite alla settimana (0 = nessuno)", value: draft.weeklyLimit, onChange: (v) => number("weeklyLimit", v) }), _jsx(NumberField, { label: "Primo promemoria (min)", value: draft.reminder1Minutes, onChange: (v) => number("reminder1Minutes", v) }), _jsx(NumberField, { label: "Secondo promemoria (min)", value: draft.reminder2Minutes, onChange: (v) => number("reminder2Minutes", v) }), _jsx(NumberField, { label: "Retention (giorni)", value: draft.retentionDays, onChange: (v) => number("retentionDays", v) }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy, children: "Salva impostazioni" })] });
+}
+function NumberField({ label, value, onChange }) {
+    return _jsxs("label", { children: [label, _jsx("input", { type: "number", min: "0", value: value, onChange: (e) => onChange(e.target.value) })] });
+}
+function emptyType(order) {
+    return { slug: "", name: "", description: "", active: true, durationMinutes: null, bufferBeforeMinutes: null, bufferAfterMinutes: null, modePolicy: "both", sortOrder: order, adminColor: "#e63329" };
+}
+function TypesSettings({ types, store }) {
+    const [draft, setDraft] = useState(types);
+    useEffect(() => setDraft(types), [types]);
+    return _jsxs("section", { className: "bk-settings-section", children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Offerta" }), _jsx("h2", { children: "Tipologie di appuntamento." })] }), _jsx("div", { className: "bk-types", children: draft.map((type, index) => _jsxs("div", { className: "bk-type", children: [_jsx("input", { className: "bk-type-name", placeholder: "Nome", value: type.name || "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, name: e.target.value } : v)) }), _jsx("input", { placeholder: "slug-pubblico", value: type.slug || "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, slug: e.target.value } : v)) }), _jsx("textarea", { placeholder: "Descrizione", value: type.description || "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, description: e.target.value } : v)) }), _jsxs("label", { children: ["Modalit\u00E0", _jsxs("select", { value: type.modePolicy, onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, modePolicy: e.target.value } : v)), children: [_jsx("option", { value: "both", children: "Scelta del visitatore" }), _jsx("option", { value: "in_person", children: "Solo in presenza" }), _jsx("option", { value: "virtual", children: "Solo virtuale" })] })] }), _jsxs("label", { children: ["Durata, vuoto = default", _jsx("input", { type: "number", value: type.durationMinutes ?? "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, durationMinutes: e.target.value ? Number(e.target.value) : null } : v)) })] }), _jsxs("label", { children: ["Buffer prima", _jsx("input", { type: "number", value: type.bufferBeforeMinutes ?? "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, bufferBeforeMinutes: e.target.value ? Number(e.target.value) : null } : v)) })] }), _jsxs("label", { children: ["Buffer dopo", _jsx("input", { type: "number", value: type.bufferAfterMinutes ?? "", onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, bufferAfterMinutes: e.target.value ? Number(e.target.value) : null } : v)) })] }), _jsxs("label", { className: "bk-check", children: [_jsx("input", { type: "checkbox", checked: type.active !== false, onChange: (e) => setDraft(draft.map((v, i) => i === index ? { ...v, active: e.target.checked } : v)) }), " Attiva"] }), _jsxs("div", { className: "bk-actions", children: [_jsx("button", { className: "ak-btn ak-btn-primary", onClick: () => void store.saveType(type, !type.id), children: "Salva" }), type.id && _jsx("button", { className: "ak-btn is-danger", onClick: () => void store.removeType(type.id), children: "Archivia" })] })] }, type.id || `new-${index}`)) }), _jsx("button", { className: "ak-btn", onClick: () => setDraft([...draft, emptyType(draft.length)]), children: "Aggiungi tipologia" })] });
+}
+function AvailabilitySettings({ store }) {
+    const [weekly, setWeekly] = useState(store.weekly);
+    const [overrides, setOverrides] = useState(store.overrides);
+    useEffect(() => { setWeekly(store.weekly); setOverrides(store.overrides); }, [store.weekly, store.overrides]);
+    const addWindow = (weekday) => setWeekly([...weekly, { weekday, startMinute: 9 * 60, endMinute: 13 * 60 }]);
+    return _jsxs("section", { className: "bk-settings-section", children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Disponibilit\u00E0 positiva" }), _jsx("h2", { children: "Quando si pu\u00F2 prenotare." })] }), _jsx("div", { className: "bk-week", children: days.map((label, day) => {
+                    const weekday = day + 1;
+                    return _jsxs("div", { children: [_jsx("strong", { children: label }), _jsxs("div", { children: [weekly.filter((window) => window.weekday === weekday).map((window, index) => {
+                                        const actual = weekly.indexOf(window);
+                                        return _jsxs("span", { children: [_jsx("input", { type: "time", value: time(window.startMinute), onChange: (e) => setWeekly(weekly.map((value, i) => i === actual ? { ...value, startMinute: minute(e.target.value) } : value)) }), _jsx("span", { children: "\u2014" }), _jsx("input", { type: "time", value: time(window.endMinute), onChange: (e) => setWeekly(weekly.map((value, i) => i === actual ? { ...value, endMinute: minute(e.target.value) } : value)) }), _jsx("button", { "aria-label": "Rimuovi fascia", onClick: () => setWeekly(weekly.filter((_, i) => i !== actual)), children: "\u00D7" })] }, `${window.startMinute}-${index}`);
+                                    }), _jsx("button", { onClick: () => addWindow(weekday), children: "+ fascia" })] })] }, weekday);
+                }) }), _jsx("h3", { children: "Eccezioni per data" }), _jsx("div", { className: "bk-overrides", children: overrides.map((override, index) => _jsxs("div", { children: [_jsx("input", { type: "date", value: override.date, onChange: (e) => setOverrides(overrides.map((v, i) => i === index ? { ...v, date: e.target.value } : v)) }), _jsxs("select", { value: override.kind, onChange: (e) => setOverrides(overrides.map((v, i) => i === index ? { ...v, kind: e.target.value, windows: e.target.value === "closed" ? [] : (v.windows.length ? v.windows : [{ startMinute: 9 * 60, endMinute: 13 * 60 }]) } : v)), children: [_jsx("option", { value: "closed", children: "Non disponibile" }), _jsx("option", { value: "custom", children: "Orari speciali" })] }), override.kind === "custom" && _jsxs(_Fragment, { children: [_jsx("input", { type: "time", value: time(override.windows[0]?.startMinute ?? 540), onChange: (e) => setOverrides(overrides.map((v, i) => i === index ? { ...v, windows: [{ startMinute: minute(e.target.value), endMinute: v.windows[0]?.endMinute ?? 780 }] } : v)) }), _jsx("input", { type: "time", value: time(override.windows[0]?.endMinute ?? 780), onChange: (e) => setOverrides(overrides.map((v, i) => i === index ? { ...v, windows: [{ startMinute: v.windows[0]?.startMinute ?? 540, endMinute: minute(e.target.value) }] } : v)) })] }), _jsx("input", { placeholder: "Nota", value: override.note || "", onChange: (e) => setOverrides(overrides.map((v, i) => i === index ? { ...v, note: e.target.value } : v)) }), _jsx("button", { onClick: () => setOverrides(overrides.filter((_, i) => i !== index)), children: "Rimuovi" })] }, override.id || index)) }), _jsxs("div", { className: "bk-actions", children: [_jsx("button", { className: "ak-btn", onClick: () => setOverrides([...overrides, { date: "", kind: "closed", windows: [] }]), children: "Aggiungi eccezione" }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy, onClick: () => void store.saveAvailability(weekly, overrides), children: "Salva disponibilit\u00E0" })] })] });
+}
+function GoogleSettings({ store }) {
+    const [busy, setBusy] = useState(store.google.calendars.filter((calendar) => calendar.busy).map((calendar) => calendar.id));
+    const [target, setTarget] = useState(store.google.calendars.find((calendar) => calendar.booking)?.id || "");
+    useEffect(() => {
+        setBusy(store.google.calendars.filter((calendar) => calendar.busy).map((calendar) => calendar.id));
+        setTarget(store.google.calendars.find((calendar) => calendar.booking)?.id || "");
+    }, [store.google]);
+    if (!store.google.connected)
+        return _jsxs("section", { className: "bk-settings-section", children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Sincronizzazione" }), _jsx("h2", { children: "Collega Google Calendar." })] }), _jsx("p", { children: "Leggeremo gli impegni dai calendari scelti e creeremo gli eventi, con Google Meet quando necessario, solo dopo l\u2019approvazione." }), _jsx("a", { className: "ak-btn ak-btn-primary", href: "/admin/api/booking/google/connect", children: "Collega account Google" })] });
+    return _jsxs("section", { className: "bk-settings-section", children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Account collegato" }), _jsx("h2", { children: store.google.connection?.account_email })] }), _jsxs("p", { children: ["Stato token: ", store.google.connection?.token_status] }), _jsx("h3", { children: "Calendari che rendono occupato" }), _jsx("div", { className: "bk-google-list", children: store.google.calendars.map((calendar) => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: busy.includes(calendar.id), onChange: (e) => setBusy(e.target.checked ? [...busy, calendar.id] : busy.filter((id) => id !== calendar.id)) }), _jsxs("span", { children: [calendar.summary, calendar.primary ? " · principale" : ""] })] }, calendar.id)) }), _jsxs("label", { className: "bk-target", children: ["Calendario in cui creare gli appuntamenti", _jsxs("select", { value: target, onChange: (e) => setTarget(e.target.value), children: [_jsx("option", { value: "", children: "Scegli\u2026" }), store.google.calendars.filter((calendar) => calendar.accessRole === "owner").map((calendar) => _jsx("option", { value: calendar.id, children: calendar.summary }, calendar.id))] })] }), _jsxs("div", { className: "bk-actions", children: [_jsx("button", { className: "ak-btn ak-btn-primary", disabled: !target || !busy.length || store.busy, onClick: () => void store.saveGoogle(busy, target), children: "Salva calendari" }), _jsx("button", { className: "ak-btn", onClick: () => void store.refreshGoogle(), children: "Aggiorna elenco" }), _jsx("button", { className: "ak-btn is-danger", onClick: () => void store.disconnectGoogle(), children: "Scollega" })] })] });
+}
+function ActivationSettings({ store }) {
+    const labels = {
+        contact: "Email proprietario", address: "Indirizzo per incontri in presenza",
+        turnstile: "Turnstile configurato", rateLimit: "Sale anti-abuso",
+        email: "Invio email configurato", googleOAuth: "Credenziali OAuth Google",
+        type: "Almeno una tipologia",
+        availability: "Disponibilità ricorrente", google: "Account Google",
+        targetCalendar: "Calendario di destinazione", meet: "Google Meet disponibile",
+    };
+    const state = store.activation;
+    return _jsxs("section", { className: "bk-settings-section", children: [_jsxs("header", { children: [_jsx("p", { className: "bk-kicker", children: "Pubblicazione" }), _jsx("h2", { children: state?.enabled ? "Prenotazioni attive." : "Prenotazioni non pubbliche." })] }), _jsxs("p", { children: ["Quando la funzione \u00E8 spenta, ", _jsx("code", { children: "/prenota/" }), ", le API pubbliche e le voci di menu rispondono come se non esistessero."] }), _jsx("div", { className: "bk-checklist", children: Object.entries(state?.checks || {}).map(([id, ready]) => _jsxs("div", { className: ready ? "is-ready" : "", children: [_jsx("span", { children: ready ? "✓" : "—" }), labels[id] || id] }, id)) }), _jsx("button", { className: "ak-btn ak-btn-primary", disabled: store.busy || (!state?.enabled && !state?.ready), onClick: () => void store.setEnabled(!state?.enabled), children: state?.enabled ? "Disattiva prenotazioni" : "Attiva e pubblica" })] });
+}

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

@@ -0,0 +1,37 @@
+import type { Delivery, DeliverySettings as DeliverySettingsModel, DeliverySummary } from "../lib/deliveries";
+type DeliveryAction = <T>(payload: Record<string, unknown>, options?: {
+    reload?: boolean;
+}) => Promise<T>;
+export declare function NewDeliveryButton({ onCreate, disabled }: {
+    onCreate: () => void;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare function DeliveriesList({ rows, current, disabled, onOpen }: {
+    rows: DeliverySummary[];
+    current?: string;
+    disabled?: boolean;
+    onOpen: (id: string) => void;
+}): import("react").JSX.Element;
+export declare function DeliveriesTotal({ rows }: {
+    rows: DeliverySummary[];
+}): import("react").JSX.Element | null;
+interface WorkspaceProps {
+    delivery: Delivery | null;
+    busy: boolean;
+    onAction: DeliveryAction;
+    onRefresh: () => Promise<void>;
+    onReload: () => Promise<void>;
+    onRead: (id: string) => Promise<Delivery | null>;
+    onDeleted: () => void;
+    onOpen: (id: string) => void;
+    onSelected: (id: string) => void;
+}
+export declare function DeliveryWorkspace({ delivery: fromServer, busy, onAction, onRefresh, onReload, onRead, onDeleted, onOpen, onSelected, }: WorkspaceProps): import("react").JSX.Element;
+export declare function DeliverySettings({ settings, onAction, pickMedia }: {
+    settings: DeliverySettingsModel;
+    onAction: DeliveryAction;
+    pickMedia: (options: {
+        multiple: boolean;
+    }) => Promise<string[] | null>;
+}): import("react").JSX.Element;
+export {};