@acms-subir/core 0.3.38 → 0.3.40

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @acms-subir/core
 
+## 0.3.40
+
+### Patch Changes
+
+- b71f8c3: New `GET /api/v1/events/:slug` (or the event's id) returns one public event and its next date, or the date on `?on=YYYY-MM-DD` as the website's links use, however far ahead it is. Apps opening an event from a link, a push or an announcement no longer get "Not found" for events more than 30 days out. Drafts and events in private calendars answer 404.
+- 7fc0c3f: Each new RSVP, and each RSVP the person cancels with its link or in the app, now emails the event's hosts. Events without hosts email the contact address in Settings → Legal, or the owners when there isn't one. The email is in the site's main language: "New RSVP: Youth retreat, Fri Nov 7", then the person's name, email and phone, the date, the seats and status ("2 · Confirmed", or "2 · Waiting for your approval" when RSVPs need approving), their answers, how many seats are taken now ("30 of 40 seats taken"), a button to the RSVP in Bookings (or, for a host who can't manage bookings, such as a member who hosts a class, "Open in My events", their page for the event), and whether it came from the website, the app or staff. A cancellation says "RSVP cancelled: …" and how many seats it freed. Replying writes to the person. Staff cancelling, approving or declining an RSVP, a cancelled date or event, a second RSVP from the same email and app retries send no staff email. Each event has **Email the hosts** in its CTA card, on for every event including existing ones; **Staff notifications** in Email settings still turns off all staff emails. Editor documents carry the setting as `rsvp.notifyStaff`; the public event JSON and the app API leave it out. The privacy notice now says the event's hosts (or staff) get an email with RSVP details, so its "Last updated" date moves.
+
+## 0.3.39
+
+### Patch Changes
+
+- 4c33f48: **When an event changes** in **Admin → Mobile app** now takes a list of rules (up to 10), each with its own calendars, **Only events tagged** and **Send to**. Use **Add a rule** to add one and **Remove** to take one away; with no rules, change notices are off. A site can now send classes tagged "Class" in a shared rooms calendar to a `classes` topic, and every event in its Events calendar to that event's own topics (Events and its calendar). An event that several rules cover gets one notice, sent to all of their topics, so each phone gets it once. Events in the app API list those same topics in `notify.changes`. The rule you already have becomes the first rule, with nothing to redo.
+- 527ba2f: Events can stop taking RSVPs before they happen. In the event's CTA card (Built-in form), a one-time event sets when RSVPs close (a date and time in the event's time zone), and a repeating one closes each date some hours or days before it starts ("Close RSVPs 2 hours before each date", up to 60 days). Until then the event page says "RSVPs close Fri, Oct 24 at 9 PM"; afterwards the form gives way to "RSVPs are closed." and "They closed on Fri, Oct 24. Questions? Contact us.", in the page's language. With no deadline, RSVPs stay open until the date ends, as before. The website and apps both turn late RSVPs away (410 in the app API). `GET /api/v1/events/:slug/rsvp` has `closesAt` (the date's deadline, or `null`) and the new reason `closed`, and events in the app API carry `rsvp.closesAt` and `rsvp.closeBefore`. Saves that leave the new settings out, from older editors and editor apps, keep them.
+
+  A second RSVP from the same email for the same date no longer takes more seats. The page says "You already have an RSVP for this date. We sent you an email with a link to change it. Need more seats? Change it there." and keeps the form, and the address gets its RSVP's link again by email, at most once every 10 minutes per RSVP, so the form can't flood someone's inbox. Nothing else about the RSVP is shown, since anyone can type an address. In the app API that's a 409 with the new error code `duplicate`. Cancelled and declined RSVPs don't count, and other dates are separate. The check is part of the same database write as the seat count, so two at once can't both get in.
+
+  The RSVP panel in the app recipes shows when RSVPs close, says when they closed, and shows the "You already have an RSVP" notice. Update it with `npx acms mobile recipe add rsvp --force`; that overwrites `components/RsvpPanel.tsx`, including any changes you made to it, and needs this release's `@acms-subir/native`. Theme event templates get `rsvp.closesAt` and `rsvp.duplicate`; a duplicate's words also come in `rsvp.error`, so templates that don't know it still say something.
+
 ## 0.3.38
 
 ### Patch Changes

package/docs/mobile.md

@@ -120,7 +120,7 @@ Read the app's `AGENTS.md` too: it holds the same rules, next to the code.
 | `useSearch(text, { types, collection, limit })` | site-wide search: `data.posts`, `data.pages`, `data.events` (each with `snippet.text` + `snippet.highlights`), `data.more`; debounced, blank text fetches nothing |
 | `useEvents({ calendar, from, to, limit, q })` | `data.occurrences[]` (`start`, `end`, `allDay`, `event`) in a window (default 30 days, max 90). `from`/`to` take a site-local day (`'2026-10-01'`) or an ISO date-time with a zone (`new Date().toISOString()`) |
 | `useEvent(slug)` | one event |
-| `useRsvpStatus(slug, start)` / `useRsvp(slug, start)` | RSVP to one date (`start` exactly as `useEvents` returns it, a UTC ISO string) when `event.rsvp.enabled`: `open` or `reason` (`full`, `ended`, `cancelled`, `disabled`), live `going`/`left`, `maxSeats`, the questions in `form`; `answerProblems(form.fields, answers)` for inline errors. Needs only the calendar (`features.rsvp`). Keep `manageToken` in `expo-secure-store` to show or cancel the RSVP later (`useManagedBooking`, `useCancelBooking`) |
+| `useRsvpStatus(slug, start)` / `useRsvp(slug, start)` | RSVP to one date (`start` exactly as `useEvents` returns it, a UTC ISO string) when `event.rsvp.enabled`: `open` or `reason` (`full`, `ended`, `closed`, `cancelled`, `disabled`), `closesAt` (the deadline; `rsvpDeadlineText` words it), live `going`/`left`, `maxSeats`, the questions in `form`; `answerProblems(form.fields, answers)` for inline errors. One RSVP per email and date: `rsvp.duplicate` means that email already has one (the site emailed its link again); say so and keep the form. Needs only the calendar (`features.rsvp`). Keep `manageToken` in `expo-secure-store` to show or cancel the RSVP later (`useManagedBooking`, `useCancelBooking`) |
 | `useManagedBooking(token)` / `useCancelBooking` / `useRescheduleBooking` / `useRescheduleAvailability` | the booker's own booking (from `book()`'s `manageToken`): `can.cancel`, `can.reschedule`, `can.closed` (change cutoff passed: show "Contact us") |
 | `useGuest()` / `useMyBookings({ when })` | guest sign-in with an emailed code, then every booking made with that email; check `features.guestSignIn` |
 | `useLinks()` / `useForm(id)` / `useSubmitForm(id)` | the links page; published forms and sending answers; check `features.links` / `features.forms` |

package/integration.mjs

@@ -835,6 +835,7 @@ export default function acms(options = {}) {
       ['/api/v1/events', 'api/v1/events.ts'],
       ['/api/v1/calendars', 'api/v1/calendars.ts'],
       // RSVPs from apps: a date's status, then POST /bookings (room bookings there need bookings on)
+      ['/api/v1/events/[slug]', 'api/v1/events/[slug]/index.ts'],
       ['/api/v1/events/[slug]/rsvp', 'api/v1/events/[slug]/rsvp.ts'],
       ['/api/v1/bookings', 'api/v1/bookings.ts'],
       ['/api/calendar/events', 'api/calendar/events/index.ts'],

package/mobile-template/recipes/events/files/components/RsvpPanel.tsx

@@ -3,15 +3,16 @@ import { ActivityIndicator, Platform, Pressable, Switch, Text, TextInput, View,
 import * as Crypto from 'expo-crypto';
 import * as SecureStore from 'expo-secure-store';
 import { isAcmsError, type FormField } from '@acms-subir/client';
-import { Button, answerProblemText, answerProblems, countWords, fill, seatChoices, useCancelBooking, useGuest, useLocale, useManagedBooking, useRsvp, useRsvpStatus, useSite, useStrings, useTheme } from '@acms-subir/native';
+import { Button, answerProblemText, answerProblems, countWords, fill, rsvpDeadlineText, seatChoices, useCancelBooking, useGuest, useLocale, useManagedBooking, useRsvp, useRsvpStatus, useSite, useStrings, useTheme } from '@acms-subir/native';
 
 // RSVP to one date of an event: <RsvpPanel slug={event.slug} start={occurrence.start} />,
 // with `start` exactly as useEvents returns it. Shows going and spots left,
 // seats, contact details and the event's questions, then the person's RSVP
 // with a way to cancel it; or why the date takes no RSVPs. Same rules as the
-// event's web page: open until the date ends, and the organiser may approve
-// each RSVP. useRsvp keeps one idempotency key per RSVP, so sending again
-// after a timeout can't register anyone twice. Its words come from
+// event's web page: open until the event's deadline or the date ends, one RSVP
+// per email and date, and the organiser may approve each RSVP. useRsvp keeps
+// one idempotency key per RSVP, so sending again after a timeout can't
+// register anyone twice. Its words come from
 // useStrings() in the app's language; the event's own form title, labels and
 // button win when the site has them.
 
@@ -91,6 +92,8 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
   const errorText = [t.styles.text.small, { color: t.colors.ink, fontWeight: '600' as const }];
   const num = (n: number) => n.toLocaleString(locale);
   const seatsText = (n: number) => countWords(n, words.seat, words.seats, locale);
+  // "RSVPs close Fri, Oct 24 at 9 PM", or once past it "They closed on …"
+  const deadline = rsvpDeadlineText(s, words, locale);
   const going = (
     <Text style={t.styles.text.body}>
       {bold(s.going === 1 ? words.personGoing : words.peopleGoing, num(s.going))}
@@ -146,7 +149,7 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
   if (!s.open) return (
     <View style={[t.styles.card, { gap: 6 }]}>
       <Text accessibilityRole="header" style={t.styles.text.heading}>{s.reason === 'full' ? words.full : s.reason === 'cancelled' ? words.dateCancelled : words.rsvpClosed}</Text>
-      {s.reason === 'full' ? going : <Text style={t.styles.text.muted}>{s.reason === 'cancelled' ? words.noRsvpNeeded : words.dateEnded}</Text>}
+      {s.reason === 'full' ? going : <Text style={t.styles.text.muted}>{s.reason === 'cancelled' ? words.noRsvpNeeded : s.reason === 'closed' ? deadline || words.rsvpClosed : words.dateEnded}</Text>}
     </View>
   );
 
@@ -242,6 +245,7 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
       <View style={{ gap: 4 }}>
         <Text accessibilityRole="header" style={t.styles.text.heading}>{form?.title || words.rsvpTitle}</Text>
         {going}
+        {!!deadline && <Text style={t.styles.text.muted}>{deadline}</Text>}
         {!!notice && <Text style={t.styles.text.muted}>{notice}</Text>}
         {!!form?.intro && <Text style={t.styles.text.muted}>{form.intro}</Text>}
       </View>
@@ -263,9 +267,9 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
       {fields.map(field)}
       {error && (
         <View style={{ backgroundColor: t.colors.soft, borderRadius: Math.min(t.radius, 10), padding: 12, gap: 4 }}>
-          <Text style={[t.styles.text.body, { fontWeight: '600' }]}>{words.notSent}</Text>
+          <Text style={[t.styles.text.body, { fontWeight: '600' }]}>{rsvp.duplicate ? words.alreadyRsvped : words.notSent}</Text>
           <Text style={t.styles.text.muted}>
-            {isAcmsError(error) && error.status === 0 ? words.offlineRetry : error.message}
+            {rsvp.duplicate ? words.alreadyRsvpedNote : isAcmsError(error) && error.status === 0 ? words.offlineRetry : error.message}
           </Text>
         </View>
       )}

package/mobile-template/recipes/rsvp/files/components/RsvpPanel.tsx

@@ -3,15 +3,16 @@ import { ActivityIndicator, Platform, Pressable, Switch, Text, TextInput, View,
 import * as Crypto from 'expo-crypto';
 import * as SecureStore from 'expo-secure-store';
 import { isAcmsError, type FormField } from '@acms-subir/client';
-import { Button, answerProblemText, answerProblems, countWords, fill, seatChoices, useCancelBooking, useGuest, useLocale, useManagedBooking, useRsvp, useRsvpStatus, useSite, useStrings, useTheme } from '@acms-subir/native';
+import { Button, answerProblemText, answerProblems, countWords, fill, rsvpDeadlineText, seatChoices, useCancelBooking, useGuest, useLocale, useManagedBooking, useRsvp, useRsvpStatus, useSite, useStrings, useTheme } from '@acms-subir/native';
 
 // RSVP to one date of an event: <RsvpPanel slug={event.slug} start={occurrence.start} />,
 // with `start` exactly as useEvents returns it. Shows going and spots left,
 // seats, contact details and the event's questions, then the person's RSVP
 // with a way to cancel it; or why the date takes no RSVPs. Same rules as the
-// event's web page: open until the date ends, and the organiser may approve
-// each RSVP. useRsvp keeps one idempotency key per RSVP, so sending again
-// after a timeout can't register anyone twice. Its words come from
+// event's web page: open until the event's deadline or the date ends, one RSVP
+// per email and date, and the organiser may approve each RSVP. useRsvp keeps
+// one idempotency key per RSVP, so sending again after a timeout can't
+// register anyone twice. Its words come from
 // useStrings() in the app's language; the event's own form title, labels and
 // button win when the site has them.
 
@@ -91,6 +92,8 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
   const errorText = [t.styles.text.small, { color: t.colors.ink, fontWeight: '600' as const }];
   const num = (n: number) => n.toLocaleString(locale);
   const seatsText = (n: number) => countWords(n, words.seat, words.seats, locale);
+  // "RSVPs close Fri, Oct 24 at 9 PM", or once past it "They closed on …"
+  const deadline = rsvpDeadlineText(s, words, locale);
   const going = (
     <Text style={t.styles.text.body}>
       {bold(s.going === 1 ? words.personGoing : words.peopleGoing, num(s.going))}
@@ -146,7 +149,7 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
   if (!s.open) return (
     <View style={[t.styles.card, { gap: 6 }]}>
       <Text accessibilityRole="header" style={t.styles.text.heading}>{s.reason === 'full' ? words.full : s.reason === 'cancelled' ? words.dateCancelled : words.rsvpClosed}</Text>
-      {s.reason === 'full' ? going : <Text style={t.styles.text.muted}>{s.reason === 'cancelled' ? words.noRsvpNeeded : words.dateEnded}</Text>}
+      {s.reason === 'full' ? going : <Text style={t.styles.text.muted}>{s.reason === 'cancelled' ? words.noRsvpNeeded : s.reason === 'closed' ? deadline || words.rsvpClosed : words.dateEnded}</Text>}
     </View>
   );
 
@@ -242,6 +245,7 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
       <View style={{ gap: 4 }}>
         <Text accessibilityRole="header" style={t.styles.text.heading}>{form?.title || words.rsvpTitle}</Text>
         {going}
+        {!!deadline && <Text style={t.styles.text.muted}>{deadline}</Text>}
         {!!notice && <Text style={t.styles.text.muted}>{notice}</Text>}
         {!!form?.intro && <Text style={t.styles.text.muted}>{form.intro}</Text>}
       </View>
@@ -263,9 +267,9 @@ export function RsvpPanel({ slug, start, children }: { slug: string; start: stri
       {fields.map(field)}
       {error && (
         <View style={{ backgroundColor: t.colors.soft, borderRadius: Math.min(t.radius, 10), padding: 12, gap: 4 }}>
-          <Text style={[t.styles.text.body, { fontWeight: '600' }]}>{words.notSent}</Text>
+          <Text style={[t.styles.text.body, { fontWeight: '600' }]}>{rsvp.duplicate ? words.alreadyRsvped : words.notSent}</Text>
           <Text style={t.styles.text.muted}>
-            {isAcmsError(error) && error.status === 0 ? words.offlineRetry : error.message}
+            {rsvp.duplicate ? words.alreadyRsvpedNote : isAcmsError(error) && error.status === 0 ? words.offlineRetry : error.message}
           </Text>
         </View>
       )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acms-subir/core",
-  "version": "0.3.38",
+  "version": "0.3.40",
   "publishConfig": {
     "access": "public"
   },

package/src/actions/index.ts

@@ -994,7 +994,8 @@ export const server = {
         cta: z.object({ label: z.string().max(120), href: z.string().max(1000), style: z.enum(['primary', 'outline']) }).optional(),
         calendarIds: z.array(z.string()).max(50).optional(),
         fields: z.record(z.string().max(2000)).optional(),
-        rsvp: z.object({ enabled: z.boolean(), capacity: z.number().int().min(0).max(100000), autoConfirm: z.boolean(), maxSeats: z.number().int().min(1).max(50), form: z.any().optional() }).optional(),
+        rsvp: z.object({ enabled: z.boolean(), capacity: z.number().int().min(0).max(100000), autoConfirm: z.boolean(), maxSeats: z.number().int().min(1).max(50),
+          closesAt: z.string().max(40).nullable().optional(), closeBefore: z.number().int().min(0).max(86400).optional(), notifyStaff: z.boolean().optional(), form: z.any().optional() }).optional(),
         roomHold: z.object({ resourceIds: z.array(z.string()).max(50), span: z.enum(['event', 'day']), before: z.number().int().min(0).max(1440), after: z.number().int().min(0).max(1440), whileDraft: z.boolean(), keep: z.array(z.string()).max(500).default([]) }).optional(),
         scheduledAt: nullableTs.optional(),
       }),

package/src/components/EventPage.astro

@@ -11,7 +11,7 @@ import { describeRepeat } from '../lib/calendar/rrule';
 import { eventCardHtml, safeHref } from '../lib/calendar/cards';
 import { siteLang, siteLocale } from '../lib/dates';
 import { I18N, localePath, requestLocale } from '../lib/i18n';
-import { aroundCount, rsvpStrings } from '../lib/calendar/rsvp-words';
+import { aroundCount, deadlineParts, rsvpStrings } from '../lib/calendar/rsvp-words';
 import { eventStrings } from '../lib/calendar/event-words';
 import { fill } from '../lib/live/words';
 import { eventImage } from '../lib/calendar/images';
@@ -26,8 +26,10 @@ interface Props {
   upcoming: (Pick<Occurrence, 'event' | 'start' | 'end' | 'allDay' | 'days'> & { cancelled?: boolean })[];
   origin: string;
   preview?: boolean;
-  // RSVP state when the event takes RSVPs (null otherwise)
-  rsvp?: { going: number; left: number | null; maxSeats: number; error: string; open: boolean; formHtml?: string; fieldsHtml?: string; values?: { name: string; email: string; seats: string } } | null;
+  // RSVP state when the event takes RSVPs (null otherwise). closesAt: this
+  // date's RSVP deadline (ms; null = open until it ends); duplicate: the
+  // address already has an RSVP for it (error then holds the same words)
+  rsvp?: { going: number; left: number | null; maxSeats: number; error: string; open: boolean; closesAt?: number | null; duplicate?: boolean; formHtml?: string; fieldsHtml?: string; values?: { name: string; email: string; seats: string } } | null;
 }
 const { event: e, occurrence: o, settings, calendars, html, upcoming, origin, preview = false, rsvp = null } = Astro.props;
 // the whole event, or just this date of a repeating one
@@ -78,6 +80,11 @@ const online = /zoom\.us|meet\.google|teams\.microsoft|webex|whereby|jit\.si/i.t
 const w = rsvpStrings(lang);
 const going = rsvp ? aroundCount(rsvp.going, w.personGoing, w.peopleGoing) : ['', ''];
 const left = rsvp && rsvp.left !== null ? aroundCount(rsvp.left, w.spotLeft, w.spotsLeft) : ['', ''];
+const taking = Boolean(rsvp?.open) && (rsvp!.left === null || rsvp!.left > 0);
+// "RSVPs close Fri, Oct 24 at 9 PM" while open; once past, "They closed on Fri, Oct 24."
+const deadline = typeof rsvp?.closesAt === 'number' ? deadlineParts(rsvp.closesAt, tz, locale) : null;
+const closesLine = deadline && taking ? fill(w.closesOn, deadline) : '';
+const closedLine = deadline && !rsvp!.open && !cancelled && rsvp!.closesAt! <= Date.now() ? fill(w.closedOn, deadline) : '';
 const dateCancelled = fill(ew.dateCancelled, { date: f.date });
 const showing = fill(ew.showing, { date: f.date });
 const moreCards = upcoming.map((u) => eventCardHtml(u, settings, { showImage: true, href: here(eventUrl(u.event.slug)) })).join('');
@@ -151,14 +158,15 @@ const moreCards = upcoming.map((u) => eventCardHtml(u, settings, { showImage: tr
       {rsvp ? (
         <div class="pc-ev-rsvp">
           <p class="pc-ev-going">{going[0]}<b>{rsvp.going}</b>{going[1]}{rsvp.left !== null && <> · {left[0]}<b>{rsvp.left}</b>{left[1]}</>}</p>
-          {rsvp.open && (rsvp.left === null || rsvp.left > 0) ? (
+          {closesLine && <p class="pc-ev-closes">{closesLine}</p>}
+          {taking ? (
             <details class="pc-ev-rsvpform" open={Boolean(rsvp.error)}>
               <summary class="pc-ev-cta">{w.saveSeat}</summary>
               <form method="post">
                 <Fragment set:html={rsvp.formHtml ?? ''}/>
                 {e.rsvp.form?.title && <h3>{e.rsvp.form.title}</h3>}
                 {e.rsvp.form?.intro && <p>{e.rsvp.form.intro}</p>}
-                {rsvp.error && <p class="pc-bk-error">{rsvp.error}</p>}
+                {rsvp.duplicate ? <p class="pc-ev-notice" role="status"><b>{w.duplicate}</b> {w.duplicateNote}</p> : rsvp.error && <p class="pc-bk-error">{rsvp.error}</p>}
                 <label class="pc-bk-field"><span>{w.nameField}</span><input name="name" required maxlength="120" autocomplete="name" value={rsvp.values?.name} /></label>
                 <label class="pc-bk-field"><span>{w.emailField}</span><input name="email" type="email" required maxlength="200" autocomplete="email" value={rsvp.values?.email} /></label>
                 {rsvp.maxSeats > 1 && (
@@ -171,6 +179,7 @@ const moreCards = upcoming.map((u) => eventCardHtml(u, settings, { showImage: tr
               </form>
             </details>
           ) : <p class="pc-ev-full">{rsvp.open ? w.full : w.closed}</p>}
+          {closedLine && <p class="pc-ev-closes">{closedLine}</p>}
         </div>
       ) : e.cta.label && ctaHref && !cancelled && (
         <a class={`pc-ev-cta${e.cta.style === 'outline' ? ' is-outline' : ''}`} href={ctaHref}>{e.cta.label}</a>

package/src/components/MobileApp.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useId, useMemo, useRef, useState } from 'react';
 import type { AdminPushState } from '../lib/push/api';
-import type { PushAuto, PushNotification } from '../lib/push/types';
+import type { ChangeRule, PushAuto, PushNotification } from '../lib/push/types';
 import '../styles/mobile-app.css';
 
 // Admin → Mobile app: send a notification to the site's own app, choose the
@@ -10,6 +10,8 @@ import '../styles/mobile-app.css';
 const ENDPOINT = '/api/push/admin';
 const CUSTOM = '__custom';
 const SOON_MINUTES = [10, 15, 30, 60, 120, 1440];
+// MAX_CHANGE_RULES (lib/push/types, which brings zod)
+const MAX_RULES = 10;
 
 async function api<T>(body?: Record<string, unknown>): Promise<T> {
   const res = await fetch(ENDPOINT, {
@@ -262,10 +264,14 @@ function Automatic({ state, setState }: { state: AdminPushState; setState: (s: A
     } catch (e) { setMsg({ err: errText(e) }); } finally { setBusy(false); }
   };
   const topicName = (id: string) => state.topics.find((t) => t.id === id)?.label ?? id;
-  const calendarChoices = (key: 'newEvent' | 'startingSoon' | 'eventChanges') => {
-    const list = auto[key].calendars;
+  const uid = useId();
+  const addRule = useRef<HTMLButtonElement>(null);
+  const rules = auto.eventChanges;
+  const setRule = (i: number, patch: Partial<ChangeRule>) => setAuto({ ...auto, eventChanges: rules.map((r, j) => (j === i ? { ...r, ...patch } : r)) });
+  // focus moves to "Add a rule" (enabled again once the tenth rule goes)
+  const removeRule = (i: number) => { setAuto({ ...auto, eventChanges: rules.filter((_, j) => j !== i) }); requestAnimationFrame(() => addRule.current?.focus()); };
+  const calendarChoices = (list: string[], set: (calendars: string[]) => void) => {
     const all = list.includes('*');
-    const set = (calendars: string[]) => setAuto({ ...auto, [key]: { ...auto[key], calendars } });
     return (
       <div className="ma-choices">
         <label className="ma-check"><input type="checkbox" checked={all} onChange={() => set(all ? [] : ['*'])} /><span>All public calendars</span></label>
@@ -296,11 +302,11 @@ function Automatic({ state, setState }: { state: AdminPushState; setState: (s: A
           <>
             <div className="ma-rule">
               <div className="ma-rule-head"><b>New event published</b><small>Name, date and place, opens the event.</small></div>
-              {calendarChoices('newEvent')}
+              {calendarChoices(auto.newEvent.calendars, (calendars) => setAuto({ ...auto, newEvent: { calendars } }))}
             </div>
             <div className="ma-rule">
               <div className="ma-rule-head"><b>Starting soon</b><small>A reminder before each event time, once per date.</small></div>
-              {calendarChoices('startingSoon')}
+              {calendarChoices(auto.startingSoon.calendars, (calendars) => setAuto({ ...auto, startingSoon: { ...auto.startingSoon, calendars } }))}
               <label className="field ma-lead">
                 <span>Send</span>
                 <select value={auto.startingSoon.minutes} onChange={(e) => setAuto({ ...auto, startingSoon: { ...auto.startingSoon, minutes: Number(e.target.value) } })}>
@@ -310,24 +316,39 @@ function Automatic({ state, setState }: { state: AdminPushState; setState: (s: A
             </div>
             <div className="ma-rule">
               <div className="ma-rule-head"><b>When an event changes</b><small>New date, time or place, or a cancellation, opens the event. Sent 10 minutes after the last edit (1 minute when it starts within 3 hours), so a quick fix doesn’t notify twice.</small></div>
-              {calendarChoices('eventChanges')}
-              <div className="ma-fields">
-                <div className="field ma-lead">
-                  <span>Only events tagged</span>
-                  <TagChips tags={auto.eventChanges.tags} suggestions={state.tags}
-                    onChange={(tags) => setAuto({ ...auto, eventChanges: { ...auto.eventChanges, tags } })} />
+              {rules.length ? (
+                <div className="ma-subrules">
+                  {/* rules have no ids; inputs are controlled, so a position is enough */}
+                  {rules.map((r, i) => (
+                    <div key={i} className="ma-subrule" role="group" aria-labelledby={`${uid}-rule-${i}`}>
+                      <div className="ma-subrule-head">
+                        <b id={`${uid}-rule-${i}`}>Rule {i + 1}</b>
+                        <button type="button" className="btn ghost sm" aria-label={`Remove rule ${i + 1}`} onClick={() => removeRule(i)}>Remove</button>
+                      </div>
+                      {calendarChoices(r.calendars, (calendars) => setRule(i, { calendars }))}
+                      <div className="ma-fields">
+                        <div className="field ma-lead">
+                          <span>Only events tagged</span>
+                          <TagChips tags={r.tags} suggestions={state.tags} onChange={(tags) => setRule(i, { tags })} />
+                        </div>
+                        <label className="field ma-lead">
+                          <span>Send to</span>
+                          <select value={r.topics.join(',')} onChange={(e) => setRule(i, { topics: e.target.value ? e.target.value.split(',') : [] })}>
+                            <option value="">The event’s topics (Events, its calendar)</option>
+                            {/* several topics can only come from the API: keep them choosable */}
+                            {r.topics.length > 1 && <option value={r.topics.join(',')}>{r.topics.map(topicName).join(', ')}</option>}
+                            {state.topics.map((t) => <option key={t.id} value={t.id}>{t.label}</option>)}
+                          </select>
+                        </label>
+                      </div>
+                      {!r.calendars.length && <p className="hint">Choose a calendar, or this rule is removed when you save.</p>}
+                    </div>
+                  ))}
                 </div>
-                <label className="field ma-lead">
-                  <span>Send to</span>
-                  <select value={auto.eventChanges.topics.join(',')}
-                    onChange={(e) => setAuto({ ...auto, eventChanges: { ...auto.eventChanges, topics: e.target.value ? e.target.value.split(',') : [] } })}>
-                    <option value="">The event’s topics (Events, its calendar)</option>
-                    {/* several topics can only come from the API: keep them choosable */}
-                    {auto.eventChanges.topics.length > 1 && <option value={auto.eventChanges.topics.join(',')}>{auto.eventChanges.topics.map(topicName).join(', ')}</option>}
-                    {state.topics.map((t) => <option key={t.id} value={t.id}>{t.label}</option>)}
-                  </select>
-                </label>
-              </div>
+              ) : <p className="hint">Off. Add a rule to choose which events notify and who hears.</p>}
+              {rules.length > 1 && <p className="hint">An event that fits several rules gets one notice, sent to all of their topics.</p>}
+              <button type="button" ref={addRule} className="btn sm ma-add" disabled={rules.length >= MAX_RULES}
+                onClick={() => setAuto({ ...auto, eventChanges: [...rules, { calendars: [], tags: [], topics: [] }] })}>Add a rule</button>
             </div>
           </>
         )}

package/src/components/editor/EventPanel.tsx

@@ -20,7 +20,9 @@ export interface EventMeta {
   cta: EventCta;
   calendarIds: string[];
   fields: Record<string, string>;
-  rsvp: { enabled: boolean; capacity: number; autoConfirm: boolean; maxSeats: number; form?: FormDefinition };
+  // closesAt: wall time like start; closeBefore: minutes before each date (0 = until it ends);
+  // notifyStaff: the hosts get an email about each new or cancelled RSVP
+  rsvp: { enabled: boolean; capacity: number; autoConfirm: boolean; maxSeats: number; closesAt?: string | null; closeBefore?: number; notifyStaff?: boolean; form?: FormDefinition };
   roomHold: RoomHoldValue;
 }
 

package/src/components/editor/PostEditor.tsx

@@ -169,7 +169,7 @@ const NO_MAPS: MapsStatus = { enabled: false, provider: '', label: '', search: f
 const NO_EVENT: EventMeta = {
   start: '', end: '', allDay: false, timezone: '', rrule: '', exdates: [], cancelled: false,
   location: NO_LOCATION, cta: { label: '', href: '', style: 'primary' }, calendarIds: [], fields: {},
-  rsvp: { enabled: false, capacity: 0, autoConfirm: true, maxSeats: 4 },
+  rsvp: { enabled: false, capacity: 0, autoConfirm: true, maxSeats: 4, closesAt: null, closeBefore: 0, notifyStaff: true },
   roomHold: NO_HOLD,
 };
 

package/src/components/editor/event/RegistrationCard.tsx

@@ -4,7 +4,8 @@ import type { EventCta } from '../../../lib/schema';
 import type { EventMeta } from '../EventPanel';
 import { Section } from './Section';
 import { RegistrationFormEditor } from './RegistrationFormEditor';
-import { ctaHrefValid, normalizeCtaHref, registrationMode, registrationPatch, type RegistrationMode } from './registration';
+import { closeBeforeAmount, closeBeforeMinutes, closeBeforeUnit, ctaHrefValid, deadlineAfterEnd, normalizeCtaHref, registrationMode, registrationPatch, type CloseUnit, type RegistrationMode } from './registration';
+import { datePart, timePart } from './dates';
 
 const MODES: { id: RegistrationMode; label: string; sub: string }[] = [
   { id: 'none', label: 'None', sub: 'Just the details' },
@@ -72,7 +73,12 @@ export function RegistrationCard({ meta, onChange, eventId, title = '' }: { even
               <span><b>Confirm automatically</b><small>Off: RSVPs wait for your approval in Bookings</small></span>
               <input type="checkbox" role="switch" className="pe-switch" checked={meta.rsvp.autoConfirm} onChange={(e) => onChange({ rsvp: { ...meta.rsvp, autoConfirm: e.target.checked } })} />
             </label>
+            <label className="pe-switch-row">
+              <span><b>Email the hosts</b><small>About each new RSVP and cancellation. Without hosts, the contact email in Settings → Legal gets them</small></span>
+              <input type="checkbox" role="switch" className="pe-switch" checked={meta.rsvp.notifyStaff !== false} onChange={(e) => onChange({ rsvp: { ...meta.rsvp, notifyStaff: e.target.checked } })} />
+            </label>
           </div>
+          <Deadline meta={meta} onChange={onChange} />
           <div className="pe-evr-form">
             <div className="pe-evr-form-t">
               <b>{form.title || 'Registration form'}</b>
@@ -90,6 +96,54 @@ export function RegistrationCard({ meta, onChange, eventId, title = '' }: { even
   );
 }
 
+// When RSVPs close: a date and time for a one-time event, "[N] hours/days
+// before each date" for a repeating one. A setting the other kind left behind
+// (the event changed kind) is shown with a way to remove it, never hidden.
+function Deadline({ meta, onChange }: { meta: EventMeta; onChange: (patch: Partial<EventMeta>) => void }) {
+  const closesAt = meta.rsvp.closesAt ?? null;
+  const before = meta.rsvp.closeBefore ?? 0;
+  const [unit, setUnit] = useState<CloseUnit>(() => closeBeforeUnit(before));
+  const set = (patch: Partial<EventMeta['rsvp']>) => onChange({ rsvp: { ...meta.rsvp, ...patch } });
+  const amount = closeBeforeAmount(before, unit);
+  const ahead = `${amount} ${amount === 1 ? unit.slice(0, -1) : unit}`;
+  const at = (wall: string) => `${new Date(`${datePart(wall)}T12:00:00Z`).toLocaleDateString(undefined, { weekday: 'short', month: 'short', day: 'numeric', timeZone: 'UTC' })}, ${timePart(wall)}`;
+  const remove = (patch: Partial<EventMeta['rsvp']>) => <button type="button" className="pe-evw-link" onClick={() => set(patch)}>Remove</button>;
+
+  if (meta.rrule) return (
+    <div className="pe-field pe-evr-close" role="group" aria-labelledby="ev-rsvp-close">
+      <span id="ev-rsvp-close">Close RSVPs</span>
+      <div className="pe-evr-when">
+        <input type="number" min={0} max={unit === 'days' ? 60 : 1440} placeholder="0" aria-label={`${unit} before each date`} value={before ? amount : ''}
+          onChange={(e) => set({ closeBefore: closeBeforeMinutes(Number(e.target.value), unit) })} />
+        <select aria-label="Unit" value={unit} onChange={(e) => { const next = e.target.value as CloseUnit; setUnit(next); if (before) set({ closeBefore: closeBeforeMinutes(amount, next) }); }}>
+          <option value="hours">{amount === 1 ? 'hour' : 'hours'}</option>
+          <option value="days">{amount === 1 ? 'day' : 'days'}</option>
+        </select>
+        <span>before each date</span>
+      </div>
+      <small className="pe-evs-hint">{before ? `Each date stops taking RSVPs ${ahead} before it starts.` : 'Leave empty to take RSVPs until each date ends.'}</small>
+      {closesAt && <small className="pe-evs-hint">Every date also closes {at(closesAt)}. {remove({ closesAt: null })}</small>}
+    </div>
+  );
+  const late = closesAt ? deadlineAfterEnd(closesAt, meta) : false;
+  return (
+    <div className="pe-field pe-evr-close" role="group" aria-labelledby="ev-rsvp-close">
+      <span id="ev-rsvp-close">RSVPs close</span>
+      <div className="pe-evr-when">
+        <input type="date" aria-label="RSVPs close on" max={datePart(meta.end || meta.start) || undefined} value={closesAt ? datePart(closesAt) : ''}
+          onChange={(e) => set({ closesAt: e.target.value ? `${e.target.value}T${(closesAt && timePart(closesAt)) || timePart(meta.start) || '12:00'}` : null })} />
+        <input type="time" aria-label="RSVPs close at" step={300} disabled={!closesAt} value={closesAt ? timePart(closesAt) : ''}
+          onChange={(e) => { if (closesAt && e.target.value) set({ closesAt: `${datePart(closesAt)}T${e.target.value}` }); }} />
+        {closesAt && remove({ closesAt: null })}
+      </div>
+      <small className={`pe-evs-hint ${late ? 'is-error' : ''}`}>
+        {!closesAt ? 'Leave empty to take RSVPs until the event ends.' : late ? 'That’s after the event ends, so RSVPs stay open until it ends.' : 'In the event’s time zone. Then the page says RSVPs are closed.'}
+      </small>
+      {!closesAt && before > 0 && <small className="pe-evs-hint">It closes {ahead} before it starts. {remove({ closeBefore: 0 })}</small>}
+    </div>
+  );
+}
+
 // The link only reaches the event (and autosave) once it's valid, so a
 // half-typed link never blocks saving the rest. Blur fills in https://,
 // mailto: or tel: for bare domains, emails and phone numbers.

package/src/components/editor/event/registration.ts

@@ -1,4 +1,5 @@
 import type { EventCta } from '../../../lib/schema';
+import { toMin } from './dates';
 
 // The Registration card is one choice over two stored fields: `cta` (a link
 // button) and `rsvp` (the "Save my seat" form, which replaces the button on
@@ -8,7 +9,7 @@ export type RegistrationMode = 'none' | 'link' | 'rsvp';
 
 interface RegistrationData {
   cta: EventCta;
-  rsvp: { enabled: boolean; capacity: number; autoConfirm: boolean; maxSeats: number };
+  rsvp: { enabled: boolean; capacity: number; autoConfirm: boolean; maxSeats: number; closesAt?: string | null; closeBefore?: number; notifyStaff?: boolean };
 }
 
 export function registrationMode({ cta, rsvp }: RegistrationData): RegistrationMode {
@@ -37,3 +38,19 @@ export function normalizeCtaHref(raw: string): string {
   if (/^([\w-]+\.)+[a-z]{2,}(:\d+)?([/?#]\S*)?$/i.test(v)) return `https://${v}`;
   return v;
 }
+
+// RSVP deadline. One-time events pick when RSVPs close (closesAt); repeating
+// ones close each date "[N] [hours|days] before" it starts (closeBefore, in
+// minutes, at most 60 days). The server checks both again on save.
+export type CloseUnit = 'hours' | 'days';
+export const closeBeforeUnit = (minutes: number): CloseUnit => (minutes > 0 && minutes % 1440 === 0 ? 'days' : 'hours');
+export const closeBeforeAmount = (minutes: number, unit: CloseUnit) => minutes / (unit === 'days' ? 1440 : 60);
+export const closeBeforeMinutes = (amount: number, unit: CloseUnit) =>
+  Math.min(60 * 1440, Math.max(0, Math.round((Number.isFinite(amount) ? amount : 0) * (unit === 'days' ? 1440 : 60))));
+
+// a deadline at or after the end changes nothing: RSVPs close then anyway
+export function deadlineAfterEnd(closesAt: string, when: { start: string; end: string; allDay: boolean }): boolean {
+  const end = when.end || when.start;
+  if (!closesAt || !end) return false;
+  return toMin(closesAt) >= (when.allDay ? toMin(end.slice(0, 10)) + 1440 : toMin(end));
+}

package/src/lib/booking/emails.ts

@@ -13,6 +13,7 @@ import { isExtraLocale } from '../translations';
 import { fill } from '../live/words';
 import { bookingStrings, mailCopy, type BookingStrings } from '../email/booking-words';
 import type { Mail } from '../email';
+import type { RsvpStaffNotice } from '../email/types';
 
 const esc = (s: string) => s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
 
@@ -75,29 +76,36 @@ interface Ctx {
   allDay?: boolean;
   /** the words' language: the booking's for guest emails, the main one for staff */
   lang?: string;
+  /** staff RSVP emails: the date's short form, seats taken right after, why they get it and where the person did it */
+  rsvpStaff?: { date: string; taken: number; capacity: number; why: RsvpStaffNotice['why']; via: Booking['source'] };
+  /** manageUrl is the recipient's My events page (a host without Manage bookings) */
+  mineLink?: boolean;
 }
 
-function layout(heading: string, intro: string, c: Ctx, w: BookingStrings, button?: { href: string; label: string }): { html: string; text: string } {
-  const rows: [string, string][] = [[w.what, c.title], [w.when, c.when], ...(c.location ? [[w.where, c.location] as [string, string]] : [])];
-  if (c.booking.seats > 1) rows.push([w.seats, String(c.booking.seats)]);
-  const reference = fill(w.reference, { ref: c.booking.id.slice(0, 8).toUpperCase() });
+// own: a staff email's own rows and footer instead of the details and reference
+function layout(heading: string, intro: string, c: Ctx, w: BookingStrings, button?: { href: string; label: string }, own?: { rows: [string, string][]; footer: string }): { html: string; text: string } {
+  const rows: [string, string][] = own?.rows ?? [[w.what, c.title], [w.when, c.when], ...(c.location ? [[w.where, c.location] as [string, string]] : [])];
+  if (!own && c.booking.seats > 1) rows.push([w.seats, String(c.booking.seats)]);
+  const footer = own?.footer ?? fill(w.reference, { ref: c.booking.id.slice(0, 8).toUpperCase() });
   const html = `<!doctype html><html lang="${esc(c.lang || 'en')}"><body style="margin:0;background:#f6f5f2;font-family:-apple-system,Segoe UI,Inter,Arial,sans-serif;color:#1e1f24">
 <div style="max-width:520px;margin:0 auto;padding:28px 20px">
 <p style="font-size:13px;color:#6b6e78;margin:0 0 18px">${esc(c.siteTitle)}</p>
-<h1 style="font-size:22px;margin:0 0 8px">${esc(heading)}</h1>
-<p style="font-size:15px;line-height:1.55;margin:0 0 18px;color:#3d3f47">${esc(intro)}</p>
+<h1 style="font-size:22px;margin:0 0 ${intro ? 8 : 18}px">${esc(heading)}</h1>
+${intro ? `<p style="font-size:15px;line-height:1.55;margin:0 0 18px;color:#3d3f47">${esc(intro)}</p>` : ''}
 <table style="width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e3de;border-radius:10px">${rows
-    .map(([k, v]) => `<tr><td style="padding:10px 14px;font-size:13px;color:#6b6e78;width:70px;border-bottom:1px solid #eeece8">${esc(k)}</td><td style="padding:10px 14px;font-size:14px;border-bottom:1px solid #eeece8">${esc(v)}</td></tr>`)
+    .map(([k, v]) => `<tr><td style="padding:10px 14px;font-size:13px;color:#6b6e78;width:70px;border-bottom:1px solid #eeece8">${esc(k)}</td><td style="padding:10px 14px;font-size:14px;border-bottom:1px solid #eeece8">${esc(v).replace(/\n/g, '<br>')}</td></tr>`)
     .join('')}</table>
 ${c.message ? `<p style="font-size:14px;line-height:1.55;margin:18px 0 0">${esc(c.message)}</p>` : ''}
 ${button ? `<p style="margin:22px 0 0"><a href="${esc(button.href)}" style="display:inline-block;background:#1e1f24;color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:10px 16px;border-radius:8px">${esc(button.label)}</a></p>` : ''}
-<p style="font-size:12px;color:#8e919a;margin:26px 0 0">${esc(reference)}</p>
+<p style="font-size:12px;color:#8e919a;margin:26px 0 0">${esc(footer)}</p>
 </div></body></html>`;
-  const text = [heading, '', intro, '', ...rows.map(([k, v]) => `${k}: ${v}`), ...(c.message ? ['', c.message] : []), ...(button ? ['', `${button.label}: ${button.href}`] : []), '', reference].join('\n');
+  const text = [heading, '', ...(intro ? [intro, ''] : []), ...rows.map(([k, v]) => `${k}: ${v}`), ...(c.message ? ['', c.message] : []), ...(button ? ['', `${button.label}: ${button.href}`] : []), '', footer].join('\n');
   return { html, text };
 }
 
-export type BookingEmail = 'received' | 'confirmed' | 'declined' | 'cancelled' | 'rescheduled' | 'updated' | 'reminder' | 'staff-new';
+// link: the booking's own link again, after someone tried to make it twice.
+// staff-rsvp(-cancelled): the hosts hear about a new RSVP, or one the person cancelled
+export type BookingEmail = 'received' | 'confirmed' | 'declined' | 'cancelled' | 'rescheduled' | 'updated' | 'reminder' | 'link' | 'staff-new' | 'staff-rsvp' | 'staff-rsvp-cancelled';
 
 export function bookingEmail(kind: BookingEmail, c: Ctx): Mail {
   const w = bookingStrings(c.lang);
@@ -105,7 +113,7 @@ export function bookingEmail(kind: BookingEmail, c: Ctx): Mail {
   const manage = { href: c.manageUrl, label: rsvp ? w.rsvp.manage : w.manage };
   const ics = (method: 'REQUEST' | 'CANCEL' = 'REQUEST') => [{ filename: 'booking.ics', type: `text/calendar; charset=utf-8; method=${method === 'CANCEL' ? 'CANCEL' : c.organizer ? 'REQUEST' : 'PUBLISH'}`, content: bookingIcs(c.booking, c.title, c.location, c.manageUrl, c.host, method, { organizer: c.organizer, allDay: c.allDay, lang: c.lang }) }];
   // null: no button (nothing left to change)
-  const guest = (k: Exclude<BookingEmail, 'staff-new'>, extra: Partial<Ctx> = {}, button: { href: string; label: string } | null = manage) => {
+  const guest = (k: Exclude<BookingEmail, `staff-${string}`>, extra: Partial<Ctx> = {}, button: { href: string; label: string } | null = manage) => {
     const copy = mailCopy(w, k, rsvp);
     const vars = { name: c.booking.name || c.booking.email, title: c.title, when: c.when };
     return { to: c.booking.email, subject: fill(copy.subject, vars), ...layout(copy.heading, fill(copy.intro, vars), { ...c, ...extra }, w, button ?? undefined) };
@@ -118,6 +126,7 @@ export function bookingEmail(kind: BookingEmail, c: Ctx): Mail {
     case 'updated': return { ...guest('updated'), attachments: ics() };
     case 'rescheduled': return { ...guest('rescheduled'), attachments: ics() };
     case 'reminder': return guest('reminder');
+    case 'link': return guest('link');
     case 'staff-new': {
       const pending = c.booking.status === 'pending';
       const who = [c.booking.name, c.booking.email, c.booking.phone].filter(Boolean).join(' · ');
@@ -126,5 +135,22 @@ export function bookingEmail(kind: BookingEmail, c: Ctx): Mail {
       const m = layout(pending ? w.staff.pending : w.staff.booked, `${who}${answers ? `\n${answers}` : ''}`, c, w, { href: c.manageUrl, label: pending ? w.staff.review : w.staff.open });
       return { to: [], subject: fill(pending ? w.staff.pendingSubject : w.staff.bookedSubject, vars), ...m, replyTo: c.booking.email || undefined };
     }
+    case 'staff-rsvp':
+    case 'staff-rsvp-cancelled': {
+      const r = w.rsvpStaff, s = c.rsvpStaff!, b = c.booking;
+      const cancelled = kind === 'staff-rsvp-cancelled', pending = !cancelled && b.status === 'pending';
+      const seats = String(b.seats), count = String(s.taken);
+      const answers = Object.entries(b.answers).map(([k, v]) => `${k}: ${v}`).join('\n');
+      const rows: [string, string][] = [
+        [r.name, b.name], [r.email, b.email], ...(b.phone ? [[r.phone, b.phone] as [string, string]] : []), [w.when, c.when],
+        [w.seats, fill(cancelled ? (b.seats === 1 ? r.seatFreed : r.seatsFreed) : pending ? r.pending : r.confirmed, { seats })],
+        ...(answers ? [[r.answers, answers] as [string, string]] : []),
+        [r.now, s.capacity ? fill(r.seatsTakenOf, { count, capacity: String(s.capacity) }) : fill(s.taken === 1 ? r.seatTaken : r.seatsTaken, { count })],
+      ];
+      const vars = { title: c.title, date: s.date };
+      const footer = `${r.via[s.via === 'web' || s.via === 'app' ? s.via : 'staff']} · ${s.why === 'hosts' ? r.hosts : r.noHosts}`;
+      const m = layout(fill(cancelled ? r.cancelledHeading : r.heading, vars), '', c, w, { href: c.manageUrl, label: c.mineLink ? r.openMine : pending ? w.staff.review : w.staff.open }, { rows, footer });
+      return { to: [], subject: fill(cancelled ? r.cancelledSubject : r.subject, vars), ...m, replyTo: b.email || undefined };
+    }
   }
 }