@aglyn/plugins-events-calendar 1.0.0-beta.143

package/src/lib/components/event-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../libs/plugins/events-calendar/src/lib/components/event-list.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport * as Aglyn from '@aglyn/aglyn'\nimport { mdiCalendarStar } from '@aglyn/shared-data-mdi'\nimport Box from '@mui/material/Box'\nimport CircularProgress from '@mui/material/CircularProgress'\nimport Stack from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport { forwardRef, useEffect, useState } from 'react'\nimport { BUNDLE_ID } from '../constants/bundle-common'\nimport { generatePresetId } from '../utils/generate-preset-id'\n\n// Component ids are persisted in screen documents; never rename.\nexport const ID: Aglyn.ComponentId = 'eventList'\n\nexport interface EventListProps {\n  /** 'upcoming' (default) or 'past'. */\n  mode?: 'upcoming' | 'past'\n  /** Heading above the list; empty hides it. */\n  heading?: string\n  /** Max events shown (default 10). */\n  maxItems?: number\n}\n\nexport interface EventItem {\n  $id: string\n  title: string\n  startsAtMs: number\n  endsAtMs: number\n  location?: string | null\n  organizer?: string | null\n  description?: string | null\n  coverImage?: string | null\n  /**\n   * The author's description of the cover (AGL-2418). Absent or blank\n   * renders `alt=\"\"` — correct for this layout, where the thumbnail sits\n   * immediately beside the title that already names it.\n   */\n  coverImageAlt?: string | null\n}\n\n/**\n * One event as its `schema.org/Event` JSON-LD string (AGL-143/145).\n *\n * Lifted out of the JSX so the structured data can be asserted on its own,\n * which is what the surface is FOR — it is markup no human ever sees, so a\n * render test that only checks the visible list proves nothing about it.\n */\nexport function eventJsonLd(event: EventItem): string {\n  // The cover, and only if a crawler could actually fetch it (AGL-1351).\n  //\n  // Calling the shared resolver with NO host is how this surface says \"accept\n  // what is already absolute, and nothing else\": with no origin to resolve\n  // against it returns undefined for a site-relative path and for a `media:`\n  // reference alike, so neither can reach the markup. The origin lives on the\n  // host record, which only the server holds — `/api/events/list` resolves\n  // each cover there, so in practice an already-absolute URL passes straight\n  // through and this stands as the guarantee that the node is never emitted\n  // with an address a crawler cannot follow, whatever the payload contains.\n  //\n  // Deliberately NOT `window.location.origin`: on the console's Preview\n  // surface that is the console, and the markup would then name this site's\n  // image on a URL belonging to a different one.\n  const image = Aglyn.resolveSocialImage({\n    sources: [{ image: event.coverImage }],\n    host: undefined,\n  })\n  return Aglyn.safeJsonLd({\n    '@context': 'https://schema.org',\n    '@type': 'Event',\n    name: event.title,\n    startDate: new Date(event.startsAtMs).toISOString(),\n    ...(event.endsAtMs && {\n      endDate: new Date(event.endsAtMs).toISOString(),\n    }),\n    ...(event.location && {\n      location: { '@type': 'Place', name: event.location },\n    }),\n    ...(event.organizer && {\n      organizer: {\n        '@type': 'Organization',\n        name: event.organizer,\n      },\n    }),\n    ...(event.description && {\n      description: event.description,\n    }),\n    // Absent rather than `\"image\": [null]` — `strictNullChecks` is off\n    // repo-wide, so this guard is what keeps an unresolvable cover out.\n    ...(image && { image: [image.url] }),\n  })\n}\n\n/**\n * Event List (AGL-145, Event Calendar add-on): published events from the\n * public tenant API with schema.org Event JSON-LD per item (ties into the\n * AGL-143 structured-data work). Editor placeholder without a site\n * context; empty add-on hosts render nothing live.\n */\nconst EventList = forwardRef<HTMLDivElement, EventListProps>((props, ref) => {\n  const { mode, heading, maxItems, ...rest } = props\n  // Node styles ride the renderer-merged sx; recompose (stack.ts pattern).\n  const nodeSx = Array.isArray(props['sx']) ? props['sx'] : [props['sx']]\n  const { hostId } = Aglyn.useSite()\n  const [events, setEvents] = useState<EventItem[] | null>(null)\n\n  useEffect(() => {\n    if (!hostId) return\n    let active = true\n    void fetch(\n      `/api/events/list?hostId=${encodeURIComponent(hostId)}` +\n        `&mode=${mode === 'past' ? 'past' : 'upcoming'}`,\n    )\n      .then((response) => response.json())\n      .then((payload) => {\n        if (active) setEvents(payload?.events ?? [])\n      })\n      .catch(() => {\n        if (active) setEvents([])\n      })\n    return () => {\n      active = false\n    }\n  }, [hostId, mode])\n\n  if (!hostId) {\n    return (\n      <Box\n        ref={ref}\n        {...rest}\n        sx={[\n          {\n            p: 3,\n            border: '1px dashed',\n            borderColor: 'divider',\n            borderRadius: 1,\n            color: 'text.secondary',\n            fontSize: 13,\n            fontFamily: 'system-ui, sans-serif',\n          },\n          ...nodeSx,\n        ]}\n      >\n        {'Event list — published events render here (Event Calendar add-on)'}\n      </Box>\n    )\n  }\n  if (events === null) {\n    return (\n      <Box ref={ref} {...rest} sx={[{ p: 2 }, ...nodeSx]}>\n        <CircularProgress size={24} />\n      </Box>\n    )\n  }\n  const visible = events.slice(0, maxItems && maxItems > 0 ? maxItems : 10)\n  if (!visible.length) return <Box ref={ref} {...rest} />\n\n  return (\n    <Stack ref={ref} spacing={2} {...rest}>\n      {heading ? <Typography variant=\"h5\">{heading}</Typography> : null}\n      {visible.map((event) => (\n        <Stack\n          key={event.$id}\n          direction=\"row\"\n          spacing={2}\n          sx={{ alignItems: 'flex-start' }}\n        >\n          {/* The cover is a free-text console field rendered verbatim — one\n              of AGL-1725's raw author sinks. Scheme rule only, never a host\n              check: `http:` (an insecure egress no browser defends) and\n              unknown schemes render nothing; https/relative/data render as\n              stored. */}\n          {event.coverImage &&\n          !Aglyn.isRefusedAuthorImageSrc(event.coverImage) ? (\n            <Box\n              component=\"img\"\n              src={event.coverImage}\n              // The author's own description when they wrote one (AGL-2418),\n              // and `alt=\"\"` otherwise. No fallback to the title: this is a\n              // 96×96 thumbnail sitting immediately beside that title, so\n              // borrowing it would announce the same words twice.\n              alt={Aglyn.renderedMediaAlt(event.coverImageAlt)}\n              sx={{\n                width: 96,\n                height: 96,\n                objectFit: 'cover',\n                borderRadius: 1,\n                flexShrink: 0,\n              }}\n              // Deferred (AGL-2486). A 96x96 thumbnail, one per event, in a\n              // list that is as long as the calendar is busy — previously\n              // unhinted, so a twenty-event list opened twenty eager\n              // default-priority fetches.\n              {...Aglyn.DEFERRED_IMAGE_ATTRIBUTES}\n            />\n          ) : null}\n          <Stack spacing={0.25} sx={{ minWidth: 0 }}>\n            <Typography variant=\"h6\">{event.title}</Typography>\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {new Date(event.startsAtMs).toLocaleString([], {\n                dateStyle: 'medium',\n                timeStyle: 'short',\n              })}\n              {event.location ? ` · ${event.location}` : ''}\n              {event.organizer ? ` · ${event.organizer}` : ''}\n            </Typography>\n            {event.description ? (\n              <Typography variant=\"body2\">{event.description}</Typography>\n            ) : null}\n          </Stack>\n          {/* schema.org Event (AGL-143/145), built above. */}\n          <script\n            type=\"application/ld+json\"\n            dangerouslySetInnerHTML={{ __html: eventJsonLd(event) }}\n          />\n        </Stack>\n      ))}\n    </Stack>\n  )\n})\nEventList.displayName = 'EventList'\n\nexport const schema: Aglyn.ComponentSchema<EventListProps> = {\n  $id: ID,\n  pluginId: BUNDLE_ID,\n  displayName: 'Event List',\n  description:\n    'Your published events, each marked up so search engines can show it.',\n  category: Aglyn.ComponentCategory.DATA_DISPLAY,\n  icon: {\n    path: mdiCalendarStar.path,\n    sx: { color: '#7b1fa2' },\n  },\n  flags: {\n    selfClosing: Aglyn.FEATURE_FLAG.ENABLED,\n  },\n  attributes: [\n    {\n      name: 'heading',\n      description: 'Heading above the list; empty hides it.',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Heading',\n    },\n    {\n      name: 'mode',\n      description: 'Which events to show.',\n      component: Aglyn.FieldComponentType.SELECT,\n      label: 'Show',\n      options: [\n        { value: '', label: 'Upcoming (default)' },\n        { value: 'past', label: 'Past events' },\n      ],\n    },\n    {\n      name: 'maxItems',\n      description: 'Maximum events shown (default 10).',\n      component: Aglyn.FieldComponentType.TEXT_FIELD,\n      label: 'Max items',\n      type: 'number',\n    },\n  ],\n}\n\nexport const presets: Aglyn.PresetSchema[] = [\n  {\n    $id: generatePresetId(ID),\n    type: Aglyn.NodeType.PRESET,\n    displayName: 'Event List',\n    pluginId: BUNDLE_ID,\n    description: 'Published events with SEO Event markup (add-on)',\n    category: Aglyn.ComponentCategory.DATA_DISPLAY,\n    icon: {\n      path: mdiCalendarStar.path,\n      sx: { color: '#7b1fa2' },\n    },\n    data: {\n      $id: null,\n      componentId: ID,\n      pluginId: BUNDLE_ID,\n      props: {},\n    },\n  },\n]\n\nexport default EventList\n"],"names":["Aglyn","mdiCalendarStar","Box","CircularProgress","Stack","Typography","forwardRef","useEffect","useState","BUNDLE_ID","generatePresetId","ID","eventJsonLd","event","image","resolveSocialImage","sources","coverImage","host","undefined","safeJsonLd","name","title","startDate","Date","startsAtMs","toISOString","endsAtMs","endDate","location","organizer","description","url","EventList","props","ref","mode","heading","maxItems","rest","nodeSx","Array","isArray","hostId","useSite","events","setEvents","active","fetch","encodeURIComponent","then","response","json","payload","catch","sx","p","border","borderColor","borderRadius","color","fontSize","fontFamily","size","visible","slice","length","spacing","variant","map","direction","alignItems","isRefusedAuthorImageSrc","component","src","alt","renderedMediaAlt","coverImageAlt","width","height","objectFit","flexShrink","DEFERRED_IMAGE_ATTRIBUTES","minWidth","toLocaleString","dateStyle","timeStyle","script","type","dangerouslySetInnerHTML","__html","$id","displayName","schema","pluginId","category","ComponentCategory","DATA_DISPLAY","icon","path","flags","selfClosing","FEATURE_FLAG","ENABLED","attributes","FieldComponentType","TEXT_FIELD","label","SELECT","options","value","presets","NodeType","PRESET","data","componentId"],"mappings":"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"}

package/src/lib/components/events-console-page.d.ts

@@ -0,0 +1,19 @@
+import { type ConsolePluginPageProps } from '@aglyn/aglyn';
+/**
+ * Events manager (AGL-145 → AGL-394): the Event Calendar add-on's console
+ * surface, now owned by the plugin so the console shell renders it through
+ * the ConsoleExtension registry rather than a hardcoded page. Events carry
+ * schedule/location/organizer/cover and a draft/published status; visitors
+ * see published events through the Event List canvas element.
+ *
+ * Reaching this component means the org holds `eventCalendar`. The shell
+ * resolves that entitlement and renders its own refusal instead of mounting
+ * anything an extension registered (AGL-2484), so there is no unentitled
+ * state to render here; the sentence a refused org reads is registered as
+ * this plugin's `upgradeNotice` in `plugin.ts`.
+ */
+export declare function EventsConsolePage(props: ConsolePluginPageProps): import("react").JSX.Element;
+export declare namespace EventsConsolePage {
+    var displayName: string;
+}
+export default EventsConsolePage;

package/src/lib/components/events-console-page.js

@@ -0,0 +1,530 @@
+/**
+ * @license
+ * Copyright 2026 Aglyn LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */ 'use client';
+import { _ as _extends } from "@swc/helpers/_/_extends";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createResourceUid, MEDIA_ALT_MAX_LENGTH, pluginDocsHelp } from "@aglyn/aglyn";
+import { CardDisplay, useConfirmationContext } from "@aglyn/shared-ui-jsx";
+import { useSnackbar } from "@aglyn/shared-ui-snackstack";
+import { Timestamp } from "@aglyn/shared-util-timestamp";
+import { ceilingedWindow, useFirestore, useFirestoreCollection, writeGuardedBySeed } from "@aglyn/tenant-feature-instance";
+import { Alert, Button, Chip, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography } from "@mui/material";
+import { collection, deleteField, doc, limit, orderBy, query, setDoc, updateDoc } from "firebase/firestore";
+import { useCallback, useMemo, useState } from "react";
+import { ListPagination } from "@aglyn/shared-ui-jsx/components/list-pagination.component";
+import { TABLE_PAGE_SIZE_DEFAULT } from "@aglyn/shared-ui-jsx/const/table-pagination";
+/**
+ * How many event documents this page reads.
+ *
+ * A CEILING, not a page size: the rows are filtered for soft deletes and
+ * re-sorted after reading, so a server page would arrive holding anywhere
+ * from zero to ten events and the count under it would be about candidates
+ * rather than about events.
+ */ const EVENT_CEILING = 200;
+/**
+ * A host's events.
+ *
+ * This was a hand-rolled `onSnapshot` with its own retry, and it carried a
+ * FOURTH copy of the AGL-1066 defect: `attempt = 0` in the success handler.
+ * Under `persistentLocalCache` the cached emission that precedes every
+ * refusal handed the budget back, so `unreadable` — the whole point of the
+ * counter — could not fire in the one state that needed it, a populated
+ * editor over a read that had stopped working.
+ *
+ * Rather than repair a fourth counter, the copy is gone. `useFirestoreCollection`
+ * is the same `onSnapshot`-plus-retry that absorbs the AGL-216/217
+ * post-sign-in denial, and it carries the signals this page's save needs
+ * (`fromCache`, and `serverDenied` for the refusal the budget cannot yet
+ * express) plus denial reporting into `session-health` this page never had.
+ * There was never a reason it could not: the file has imported from
+ * `@aglyn/tenant-feature-instance` all along.
+ */ function useHostEvents(hostId) {
+    const firestore = useFirestore();
+    const { data, status, fromCache } = useFirestoreCollection(()=>hostId ? query(collection(firestore, 'hosts', hostId, 'events'), /*
+             * ORDERED, so the window is the newest 200 rather than a sample.
+             *
+             * A `limit()` with no `orderBy` returns documents in ID order, so
+             * this was reading an arbitrary 200 of the collection and then
+             * sorting them by date in the browser — which looks newest-first
+             * and is not: a site past 200 events would simply never see the
+             * ones whose ids sorted late, including the next one happening.
+             *
+             * `orderBy` DROPS documents missing the field, so it is only safe
+             * once every writer is known to set it. All three checks pass for
+             * `startsAtMs`: the only writer refuses a save without it (the
+             * guard a few lines below), the server feed already orders by it,
+             * and `events` is not in `IMPORTABLE_FIELDS`, so nothing else
+             * writes a row here.
+             */ orderBy('startsAtMs', 'desc'), /*
+             * One document more than the ceiling, so "there is more than
+             * this" is a fact rather than a comparison against the cap —
+             * which is wrong in exactly the case it matters, a site holding
+             * precisely 200 events. The probe row is dropped below and is
+             * never rendered or counted.
+             */ limit(EVENT_CEILING + 1)) : null, [
+        firestore,
+        hostId
+    ], {
+        idField: '$id'
+    });
+    const { rows, truncated } = ceilingedWindow(data, EVENT_CEILING);
+    return {
+        events: rows,
+        truncated,
+        fromCache,
+        unreadable: status === 'error'
+    };
+}
+/** datetime-local ↔ epoch-ms without timezone surprises. */ function toLocalInput(ms) {
+    if (!ms) return '';
+    const date = new Date(ms);
+    const pad = (value)=>String(value).padStart(2, '0');
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-` + `${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
+}
+/**
+ * Events manager (AGL-145 → AGL-394): the Event Calendar add-on's console
+ * surface, now owned by the plugin so the console shell renders it through
+ * the ConsoleExtension registry rather than a hardcoded page. Events carry
+ * schedule/location/organizer/cover and a draft/published status; visitors
+ * see published events through the Event List canvas element.
+ *
+ * Reaching this component means the org holds `eventCalendar`. The shell
+ * resolves that entitlement and renders its own refusal instead of mounting
+ * anything an extension registered (AGL-2484), so there is no unentitled
+ * state to render here; the sentence a refused org reads is registered as
+ * this plugin's `upgradeNotice` in `plugin.ts`.
+ */ export function EventsConsolePage(props) {
+    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7;
+    var _draft_coverImage;
+    const { hostId } = props;
+    const firestore = useFirestore();
+    const { enqueueSnackbar } = useSnackbar();
+    const { confirm } = useConfirmationContext();
+    const { events: eventDocs, /**
+     * The rows this editor is seeded from are unconfirmed by the server
+     * (AGL-1358). Editing copies a whole stored event into `draft` and one
+     * `setDoc` writes all of it back, so `merge: true` protects nothing.
+     * `status` is the field that costs the most: a cached seed can
+     * UNPUBLISH a live, indexed event — or republish one that was pulled
+     * down — from the Save button of an unrelated edit, and `endsAtMs` is
+     * rewritten on every save whether or not anyone touched the schedule.
+     */ fromCache: eventsFromCache, truncated: eventsTruncated, unreadable: eventsUnreadable } = useHostEvents(hostId);
+    const events = eventDocs.filter((event)=>!event.deletedAt).sort((a, b)=>{
+        var _b_startsAtMs, _a_startsAtMs;
+        return ((_b_startsAtMs = b.startsAtMs) != null ? _b_startsAtMs : 0) - ((_a_startsAtMs = a.startsAtMs) != null ? _a_startsAtMs : 0);
+    });
+    /*
+   * The page is a SLICE of the ceiling this page already holds. Sorting is
+   * allowed here for the reason it is not allowed on a server-paged list: the
+   * whole window is in hand, so newest-first is the order of the window and
+   * not of one arbitrary page inside it.
+   */ const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(TABLE_PAGE_SIZE_DEFAULT);
+    const visibleEvents = useMemo(()=>events.slice(page * pageSize, page * pageSize + pageSize), [
+        events,
+        page,
+        pageSize
+    ]);
+    const [draft, setDraft] = useState(null);
+    const handleSave = useCallback(async ()=>{
+        if (!draft || !draft.title.trim()) return;
+        const startsAtMs = draft.startsAt ? new Date(draft.startsAt).getTime() : 0;
+        const endsAtMs = draft.endsAt ? new Date(draft.endsAt).getTime() : 0;
+        if (!startsAtMs) {
+            return void enqueueSnackbar('Set a start time', {
+                variant: 'warning',
+                persist: false
+            });
+        }
+        try {
+            var _draft_id;
+            const id = (_draft_id = draft.id) != null ? _draft_id : createResourceUid();
+            /**
+       * Refuse an EDIT whose seed the server never confirmed (AGL-1358).
+       *
+       * One `setDoc` serves create and edit here, so the guard has to be
+       * conditioned on `draft.id` rather than sitting on a branch of its
+       * own. A NEW event is built from blanks at a fresh uid and can
+       * overwrite nothing, while the first snapshot of any listener is
+       * `fromCache: true` — an unconditional guard would refuse every
+       * create, which is the common case, not a corner.
+       *
+       * The guard WRAPS the write. An early return is a shape you can keep
+       * while losing the protection; here the write is only reachable
+       * through the verdict.
+       */ const verdict = await writeGuardedBySeed({
+                subject: 'event',
+                unreadable: Boolean(draft.id) && eventsUnreadable,
+                fromCache: Boolean(draft.id) && eventsFromCache
+            }, async ()=>{
+                await setDoc(doc(firestore, 'hosts', hostId, 'events', id), _extends({
+                    title: draft.title.trim().slice(0, 150),
+                    startsAtMs
+                }, endsAtMs > startsAtMs ? {
+                    endsAtMs
+                } : {
+                    endsAtMs: startsAtMs + 60 * 60 * 1000
+                }, draft.location.trim() && {
+                    location: draft.location.trim().slice(0, 200)
+                }, draft.organizer.trim() && {
+                    organizer: draft.organizer.trim().slice(0, 100)
+                }, draft.description.trim() && {
+                    description: draft.description.trim().slice(0, 2000)
+                }, draft.coverImage.trim() && {
+                    coverImage: draft.coverImage.trim()
+                }, draft.coverImage.trim() && draft.coverImageAlt.trim() ? {
+                    coverImageAlt: draft.coverImageAlt.trim().slice(0, MEDIA_ALT_MAX_LENGTH)
+                } : {
+                    coverImageAlt: deleteField()
+                }, {
+                    status: draft.status,
+                    updatedAt: Timestamp.now()
+                }, draft.id ? {} : {
+                    createdAt: Timestamp.now()
+                }), {
+                    merge: true
+                });
+            });
+            // Before `setDraft(null)`, so a refusal keeps the dialog open with
+            // what was typed — in the same warning vocabulary as the start-time
+            // refusal above it.
+            if (!verdict.ok) {
+                return void enqueueSnackbar(verdict.message, {
+                    variant: 'warning',
+                    persist: false
+                });
+            }
+            setDraft(null);
+            enqueueSnackbar('Event saved', {
+                variant: 'success',
+                persist: false
+            });
+        } catch (error) {
+            console.error(error);
+            enqueueSnackbar('An error has occurred', {
+                variant: 'error',
+                allowDuplicate: true
+            });
+        }
+    }, [
+        draft,
+        firestore,
+        hostId,
+        enqueueSnackbar,
+        eventsFromCache,
+        eventsUnreadable
+    ]);
+    const handleDelete = useCallback((event)=>async ()=>{
+            const confirmed = await confirm({
+                title: 'Delete this event?',
+                description: `"${event.title}" disappears from your site.`,
+                confirmationText: 'Delete',
+                confirmationButtonProps: {
+                    color: 'error'
+                }
+            }).then(()=>true).catch(()=>false);
+            if (!confirmed) return;
+            await updateDoc(doc(firestore, 'hosts', hostId, 'events', event.$id), {
+                deletedAt: Timestamp.now()
+            });
+        }, [
+        confirm,
+        firestore,
+        hostId
+    ]);
+    return /*#__PURE__*/ _jsxs(CardDisplay, {
+        header: 'Events',
+        help: pluginDocsHelp('events', {
+            anchor: '#manage-events'
+        }),
+        contentGutterX: true,
+        contentGutterY: true,
+        children: [
+            /*#__PURE__*/ _jsxs(Stack, {
+                spacing: 1,
+                children: [
+                    events.length === 0 ? /*#__PURE__*/ _jsx(Typography, {
+                        variant: "body2",
+                        color: "text.secondary",
+                        children: 'Create events here, then drop an Event List element on any ' + 'screen — published events render with SEO Event markup.'
+                    }) : visibleEvents.map((event)=>{
+                        var _event_status, _event_startsAtMs;
+                        return /*#__PURE__*/ _jsxs(Stack, {
+                            direction: "row",
+                            spacing: 1,
+                            sx: {
+                                alignItems: 'center'
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Chip, {
+                                    size: "small",
+                                    label: (_event_status = event.status) != null ? _event_status : 'draft',
+                                    color: event.status === 'published' ? 'success' : 'default'
+                                }),
+                                /*#__PURE__*/ _jsxs(Stack, {
+                                    sx: {
+                                        flex: 1,
+                                        minWidth: 0
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Typography, {
+                                            variant: "body2",
+                                            noWrap: true,
+                                            children: event.title
+                                        }),
+                                        /*#__PURE__*/ _jsxs(Typography, {
+                                            variant: "caption",
+                                            color: "text.secondary",
+                                            noWrap: true,
+                                            children: [
+                                                new Date((_event_startsAtMs = event.startsAtMs) != null ? _event_startsAtMs : 0).toLocaleString(),
+                                                event.location ? ` · ${event.location}` : ''
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    onClick: ()=>{
+                                        var _event_title, _event_location, _event_organizer, _event_description, _event_coverImage, _event_coverImageAlt, _event_status;
+                                        return setDraft({
+                                            id: event.$id,
+                                            title: (_event_title = event.title) != null ? _event_title : '',
+                                            startsAt: toLocalInput(event.startsAtMs),
+                                            endsAt: toLocalInput(event.endsAtMs),
+                                            location: (_event_location = event.location) != null ? _event_location : '',
+                                            organizer: (_event_organizer = event.organizer) != null ? _event_organizer : '',
+                                            description: (_event_description = event.description) != null ? _event_description : '',
+                                            coverImage: (_event_coverImage = event.coverImage) != null ? _event_coverImage : '',
+                                            coverImageAlt: (_event_coverImageAlt = event.coverImageAlt) != null ? _event_coverImageAlt : '',
+                                            status: (_event_status = event.status) != null ? _event_status : 'draft'
+                                        });
+                                    },
+                                    children: 'Edit'
+                                }),
+                                /*#__PURE__*/ _jsx(Button, {
+                                    size: "small",
+                                    color: "error",
+                                    onClick: handleDelete(event),
+                                    children: 'Delete'
+                                })
+                            ]
+                        }, event.$id);
+                    }),
+                    events.length === 0 ? null : /*#__PURE__*/ _jsx(ListPagination, {
+                        page: page,
+                        pageSize: pageSize,
+                        rowCount: visibleEvents.length,
+                        // The events this page HOLDS, after the soft-deleted ones are
+                        // dropped — a slice of rows already read, so the total is exact
+                        // for the window. The alert below says when the window is short
+                        // of the site.
+                        count: events.length,
+                        onPageChange: setPage,
+                        onPageSizeChange: setPageSize
+                    }),
+                    eventsTruncated ? /*#__PURE__*/ _jsx(Alert, {
+                        severity: "info",
+                        children: `Showing the newest ${EVENT_CEILING} events. This site has ` + 'more, and the older ones are not reachable from here.'
+                    }) : null,
+                    /*#__PURE__*/ _jsx(Button, {
+                        size: "small",
+                        color: "primary",
+                        sx: {
+                            alignSelf: 'flex-start'
+                        },
+                        onClick: ()=>setDraft({
+                                id: null,
+                                title: '',
+                                startsAt: '',
+                                endsAt: '',
+                                location: '',
+                                organizer: '',
+                                description: '',
+                                coverImage: '',
+                                coverImageAlt: '',
+                                status: 'draft'
+                            }),
+                        children: 'Add event'
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(Dialog, {
+                open: Boolean(draft),
+                onClose: ()=>setDraft(null),
+                maxWidth: "sm",
+                fullWidth: true,
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: (draft == null ? void 0 : draft.id) ? 'Edit event' : 'Add event'
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogContent, {
+                        sx: {
+                            display: 'flex',
+                            flexDirection: 'column',
+                            gap: 1.5,
+                            pt: 1
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Title",
+                                value: (_ref = draft == null ? void 0 : draft.title) != null ? _ref : '',
+                                onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                            title: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                autoFocus: true,
+                                sx: {
+                                    mt: 1
+                                }
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Starts",
+                                        type: "datetime-local",
+                                        value: (_ref1 = draft == null ? void 0 : draft.startsAt) != null ? _ref1 : '',
+                                        onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                    startsAt: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            inputLabel: {
+                                                shrink: true
+                                            }
+                                        },
+                                        sx: {
+                                            flex: 1
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Ends",
+                                        type: "datetime-local",
+                                        value: (_ref2 = draft == null ? void 0 : draft.endsAt) != null ? _ref2 : '',
+                                        onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                    endsAt: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        slotProps: {
+                                            inputLabel: {
+                                                shrink: true
+                                            }
+                                        },
+                                        sx: {
+                                            flex: 1
+                                        }
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Location",
+                                        value: (_ref3 = draft == null ? void 0 : draft.location) != null ? _ref3 : '',
+                                        onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                    location: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        sx: {
+                                            flex: 1
+                                        }
+                                    }),
+                                    /*#__PURE__*/ _jsx(TextField, {
+                                        label: "Organizer",
+                                        value: (_ref4 = draft == null ? void 0 : draft.organizer) != null ? _ref4 : '',
+                                        onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                                    organizer: event.target.value
+                                                }) : prev),
+                                        size: "small",
+                                        sx: {
+                                            flex: 1
+                                        }
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Cover image URL",
+                                value: (_ref5 = draft == null ? void 0 : draft.coverImage) != null ? _ref5 : '',
+                                onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                            coverImage: event.target.value
+                                        }) : prev),
+                                size: "small"
+                            }),
+                            (draft == null ? void 0 : (_draft_coverImage = draft.coverImage) == null ? void 0 : _draft_coverImage.trim()) ? /*#__PURE__*/ _jsx(TextField, {
+                                label: "Cover image description",
+                                placeholder: "What the picture shows",
+                                value: (_ref6 = draft == null ? void 0 : draft.coverImageAlt) != null ? _ref6 : '',
+                                onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                            coverImageAlt: event.target.value.slice(0, MEDIA_ALT_MAX_LENGTH)
+                                        }) : prev),
+                                size: "small",
+                                helperText: 'Read aloud by screen readers. Leave empty if the picture is decorative.'
+                            }) : null,
+                            /*#__PURE__*/ _jsx(TextField, {
+                                label: "Description",
+                                value: (_ref7 = draft == null ? void 0 : draft.description) != null ? _ref7 : '',
+                                onChange: (event)=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                            description: event.target.value
+                                        }) : prev),
+                                size: "small",
+                                multiline: true,
+                                minRows: 3
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs(DialogActions, {
+                        sx: {
+                            justifyContent: 'space-between'
+                        },
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                onClick: ()=>setDraft((prev)=>prev ? _extends({}, prev, {
+                                            status: prev.status === 'published' ? 'draft' : 'published'
+                                        }) : prev),
+                                children: (draft == null ? void 0 : draft.status) === 'published' ? 'Set to draft' : 'Set published'
+                            }),
+                            /*#__PURE__*/ _jsxs(Stack, {
+                                direction: "row",
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>setDraft(null),
+                                        children: 'Cancel'
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        variant: "contained",
+                                        color: "primary",
+                                        disabled: !(draft == null ? void 0 : draft.title.trim()),
+                                        onClick: handleSave,
+                                        children: 'Save event'
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+EventsConsolePage.displayName = 'EventsConsolePage';
+export default EventsConsolePage;
+
+//# sourceMappingURL=events-console-page.js.map