@vicacha-devs/strapi-plugin-events 0.0.0-stage → 1.0.0

package/dist/admin/CalendarPage-Dz7g19qp.mjs

@@ -0,0 +1,1215 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Flex, Field, TextInput, SingleSelect, SingleSelectOption, Button, Typography, Badge, Table, Thead, Tr, Th, Tbody, Td, Checkbox, NumberInput } from "@strapi/design-system";
+import { useFetchClient, useNotification, Layouts } from "@strapi/strapi/admin";
+import { useState, useCallback, useMemo, useRef, useEffect } from "react";
+import { useIntl } from "react-intl";
+import { useNavigate } from "react-router-dom";
+import { P as PLUGIN_ID } from "./index-BatOiwBu.mjs";
+import "@vicacha-devs/strapi-plugin-calendar/shared";
+const STATUS_BADGE_COLORS = {
+  checked_in: { bg: "success100", text: "success700" },
+  confirmed: { bg: "primary100", text: "primary700" },
+  waitlisted: { bg: "warning100", text: "warning700" },
+  cancelled: { bg: "danger100", text: "danger700" }
+};
+function getStatusBadgeColors(status) {
+  return Object.hasOwn(STATUS_BADGE_COLORS, status) ? STATUS_BADGE_COLORS[status] : STATUS_BADGE_COLORS.cancelled;
+}
+const AttendeeRegistrationRow = ({
+  reg,
+  t,
+  onCheckIn,
+  onStatusChange
+}) => {
+  const colors = getStatusBadgeColors(reg.status);
+  const seatWord = reg.guestsCount === 1 ? t("attendees.seatSingular", "seat") : t("attendees.seatPlural", "seats");
+  const eventDisplay = reg.eventTitle || reg.eventDocumentId;
+  const phoneSuffix = reg.attendeePhone ? ` • ${reg.attendeePhone}` : "";
+  const canCheckIn = reg.status === "confirmed";
+  return /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      justifyContent: "space-between",
+      alignItems: "center",
+      wrap: "wrap",
+      gap: 3,
+      children: [
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: reg.attendeeName }),
+            /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+              "(",
+              reg.attendeeEmail,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxs(Badge, { backgroundColor: "neutral200", textColor: "neutral800", children: [
+              reg.guestsCount,
+              " ",
+              seatWord
+            ] }),
+            /* @__PURE__ */ jsx(Badge, { backgroundColor: colors.bg, textColor: colors.text, children: t(`status.${reg.status}`, reg.status.toUpperCase()) })
+          ] }),
+          /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", children: [
+            eventDisplay,
+            " • ",
+            reg.occurrenceDate,
+            phoneSuffix
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "flex-end", children: [
+          canCheckIn && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              size: "S",
+              variant: "default",
+              onClick: () => onCheckIn(reg.documentId),
+              children: [
+                "✓ ",
+                t("attendees.checkIn", "Check In")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Box, { style: { minWidth: 155 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: t("attendees.rowStatus", "Registration Status") }),
+            /* @__PURE__ */ jsxs(
+              SingleSelect,
+              {
+                placeholder: t("placeholder.select_status", "Select status"),
+                value: reg.status,
+                onChange: (nextSt) => onStatusChange(reg.documentId, nextSt),
+                children: [
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "confirmed", children: t("status.confirmed", "Confirmed") }),
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "checked_in", children: t("status.checked_in", "Checked In") }),
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "waitlisted", children: t("status.waitlisted", "Waitlisted") }),
+                  /* @__PURE__ */ jsx(SingleSelectOption, { value: "cancelled", children: t("status.cancelled", "Cancelled") })
+                ]
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  ) });
+};
+const AttendeesManagerPanel = ({
+  t,
+  registrations,
+  rsvpSearch,
+  onRsvpSearchChange,
+  rsvpStatusFilter,
+  onRsvpStatusFilterChange,
+  rsvpEventFilter,
+  onClearRsvpEventFilter,
+  onCheckIn,
+  onStatusChange
+}) => {
+  const { get } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [exportingCsv, setExportingCsv] = useState(false);
+  const handleExportCsv = useCallback(async () => {
+    setExportingCsv(true);
+    try {
+      const params = new URLSearchParams();
+      if (rsvpEventFilter.trim()) {
+        params.set("eventDocumentId", rsvpEventFilter.trim());
+      }
+      if (rsvpStatusFilter && rsvpStatusFilter !== "all") {
+        params.set("status", rsvpStatusFilter);
+      }
+      const qs = params.toString();
+      const suffix = qs ? `?${qs}` : "";
+      const res = await get(
+        `/${PLUGIN_ID}/registrations/export.csv${suffix}`
+      );
+      const csvText = typeof res?.data === "string" ? res.data : String(res?.data ?? "");
+      const blob = new Blob([csvText], { type: "text/csv;charset=utf-8;" });
+      const blobUrl = URL.createObjectURL(blob);
+      const anchor = document.createElement("a");
+      anchor.href = blobUrl;
+      anchor.setAttribute("download", "event-registrations.csv");
+      document.body.appendChild(anchor);
+      anchor.click();
+      document.body.removeChild(anchor);
+      URL.revokeObjectURL(blobUrl);
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: t("attendees.error.load", "Could not load registrations.")
+      });
+    } finally {
+      setExportingCsv(false);
+    }
+  }, [get, rsvpEventFilter, rsvpStatusFilter, t, toggleNotification]);
+  return /* @__PURE__ */ jsx(Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "flex-end",
+        wrap: "wrap",
+        gap: 3,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 3, wrap: "wrap", alignItems: "flex-end", children: [
+            /* @__PURE__ */ jsx(Box, { style: { minWidth: 240 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: t("attendees.search", "Search Attendee or Event") }),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  value: rsvpSearch,
+                  onChange: (e) => onRsvpSearchChange(e.target.value),
+                  placeholder: t(
+                    "placeholder.name_email_or_event_title",
+                    "Name, email, or event title..."
+                  )
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: t("attendees.statusFilter", "Status") }),
+              /* @__PURE__ */ jsxs(
+                SingleSelect,
+                {
+                  placeholder: t("placeholder.all_statuses", "All Statuses"),
+                  value: rsvpStatusFilter,
+                  onChange: (val) => onRsvpStatusFilterChange(val),
+                  children: [
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "all", children: t("placeholder.all_statuses", "All Statuses") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "confirmed", children: t("status.confirmed", "Confirmed") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "checked_in", children: t("status.checked_in", "Checked In") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "waitlisted", children: t("status.waitlisted", "Waitlisted") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "cancelled", children: t("status.cancelled", "Cancelled") })
+                  ]
+                }
+              )
+            ] }) }),
+            rsvpEventFilter && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "S",
+                variant: "tertiary",
+                onClick: onClearRsvpEventFilter,
+                children: [
+                  t("attendees.clearEventFilter", "Clear Event Filter"),
+                  " (",
+                  rsvpEventFilter,
+                  ")"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "S",
+              variant: "secondary",
+              loading: exportingCsv,
+              onClick: handleExportCsv,
+              children: t("attendees.exportCsv", "Export CSV")
+            }
+          )
+        ]
+      }
+    ),
+    registrations.length === 0 ? /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: t(
+      "attendees.empty",
+      "No registrations found matching current filters."
+    ) }) : /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: registrations.map((reg) => /* @__PURE__ */ jsx(
+      AttendeeRegistrationRow,
+      {
+        reg,
+        t,
+        onCheckIn,
+        onStatusChange
+      },
+      reg.documentId
+    )) })
+  ] }) });
+};
+const DEFAULT_RECURRENCE_PRESETS = [
+  { id: "daily", label: "Daily", rrule: "FREQ=DAILY;INTERVAL=1" },
+  {
+    id: "weekly-mon",
+    label: "Weekly on Mondays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=MO"
+  },
+  {
+    id: "weekly-tue",
+    label: "Weekly on Tuesdays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=TU"
+  },
+  {
+    id: "weekly-wed",
+    label: "Weekly on Wednesdays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=WE"
+  },
+  {
+    id: "weekly-thu",
+    label: "Weekly on Thursdays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=TH"
+  },
+  {
+    id: "weekly-fri",
+    label: "Weekly on Fridays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=FR"
+  },
+  {
+    id: "weekly-sat",
+    label: "Weekly on Saturdays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=SA"
+  },
+  {
+    id: "weekly-sun",
+    label: "Weekly on Sundays",
+    rrule: "FREQ=WEEKLY;INTERVAL=1;BYDAY=SU"
+  },
+  { id: "monthly", label: "Monthly", rrule: "FREQ=MONTHLY;INTERVAL=1" },
+  { id: "yearly", label: "Yearly", rrule: "FREQ=YEARLY;INTERVAL=1" }
+];
+function formatCategoryLabel(category) {
+  const trimmed = category.trim();
+  if (!trimmed) return "";
+  return trimmed.split(/[\s_-]+/).map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+const EVENT_STATUS_COLORS = {
+  scheduled: { bg: "success100", text: "success700" },
+  cancelled: { bg: "danger100", text: "danger700" }
+};
+function getEventStatusColors(status) {
+  return EVENT_STATUS_COLORS[status] ?? { bg: "warning100", text: "warning700" };
+}
+function matchesCategoryFilter(ev, categoryFilter) {
+  if (categoryFilter === "all") return true;
+  return (ev.category ?? "").toLowerCase() === categoryFilter.toLowerCase();
+}
+function matchesRsvpModeFilter(ev, rsvpModeFilter) {
+  const enabled = Boolean(ev.rsvp?.rsvpEnabled);
+  if (rsvpModeFilter === "rsvp") return enabled;
+  if (rsvpModeFilter === "info") return !enabled;
+  return true;
+}
+function matchesSearchQuery(ev, query) {
+  if (!query) return true;
+  const haystack = [ev.title, ev.location, ev.category, ev.summary].filter(Boolean).join(" ").toLowerCase();
+  return haystack.includes(query);
+}
+function formatEventDateLabel(ev) {
+  const endKey = ev.endDate ? ev.endDate.slice(0, 10) : "";
+  return endKey && endKey !== ev.occurrenceDate ? `${ev.occurrenceDate} → ${endKey}` : ev.occurrenceDate;
+}
+const EventRsvpCell = ({ rsvp, t }) => {
+  if (!rsvp?.rsvpEnabled) {
+    return /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", textColor: "neutral600", children: t("events.directory.noRsvp", "Info / External Link") });
+  }
+  const badgeBg = rsvp.isFull ? "warning100" : "primary100";
+  const badgeText = rsvp.isFull ? "warning700" : "primary700";
+  const seatsLabel = rsvp.remainingSeats !== null ? `${rsvp.remainingSeats} ${t("events.directory.seatsLeft", "seats available")}` : t("sidePanel.open", "Open");
+  return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+    /* @__PURE__ */ jsxs(Badge, { backgroundColor: badgeBg, textColor: badgeText, children: [
+      rsvp.confirmedSeats,
+      " / ",
+      rsvp.capacity ?? "∞",
+      " ",
+      t("sidePanel.confirmedSeats", "Confirmed Seats")
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: seatsLabel })
+  ] });
+};
+const EventDirectoryRow = ({
+  ev,
+  isSelectedForRsvp,
+  t,
+  onSelectEventDocId,
+  onEditInContentManager,
+  onOpenInCalendar
+}) => {
+  const dateLabel = formatEventDateLabel(ev);
+  const statusColors = getEventStatusColors(ev.status);
+  const rsvpEnabled = Boolean(ev.rsvp?.rsvpEnabled);
+  const rsvpBtnVariant = isSelectedForRsvp ? "default" : "secondary";
+  const rsvpBtnLabel = isSelectedForRsvp ? t("attendees.clearEventFilter", "Clear Filter") : t("events.directory.filterRsvps", "View RSVPs");
+  return /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+      /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", wrap: "wrap", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              width: 10,
+              height: 10,
+              borderRadius: "50%",
+              background: ev.color || "#0D9488",
+              flexShrink: 0
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { fontWeight: "bold", children: ev.title }),
+        ev.isRecurring && /* @__PURE__ */ jsx(Badge, { backgroundColor: "secondary100", textColor: "secondary700", children: t("events.directory.recurring", "Recurring") })
+      ] }),
+      ev.summary && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "pi",
+          textColor: "neutral600",
+          style: {
+            maxWidth: 360,
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          children: ev.summary
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Td, { children: ev.category ? /* @__PURE__ */ jsx(Badge, { children: formatCategoryLabel(ev.category) }) : /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: "—" }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: dateLabel }),
+      /* @__PURE__ */ jsx(
+        Badge,
+        {
+          backgroundColor: statusColors.bg,
+          textColor: statusColors.text,
+          children: t(`status.${ev.status}`, ev.status.toUpperCase())
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral700", children: ev.location || "—" }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(EventRsvpCell, { rsvp: ev.rsvp, t }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
+      rsvpEnabled && /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "S",
+          variant: rsvpBtnVariant,
+          onClick: () => onSelectEventDocId(isSelectedForRsvp ? "" : ev.documentId),
+          children: rsvpBtnLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "S",
+          variant: "tertiary",
+          onClick: () => onEditInContentManager(ev.uid, ev.documentId, ev.locale),
+          children: t("events.directory.editEvent", "Edit Event")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "S",
+          variant: "tertiary",
+          onClick: () => onOpenInCalendar(ev.documentId),
+          children: t("calendar.openUnifiedCalendar", "Calendar")
+        }
+      )
+    ] }) })
+  ] });
+};
+const EventsDirectoryPanel = ({
+  t,
+  events,
+  selectedEventDocId,
+  onSelectEventDocId,
+  onEditInContentManager,
+  onOpenInCalendar
+}) => {
+  const [eventSearch, setEventSearch] = useState("");
+  const [categoryFilter, setCategoryFilter] = useState("all");
+  const [rsvpModeFilter, setRsvpModeFilter] = useState("all");
+  const categories = useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const ev of events) {
+      if (ev.category) set.add(ev.category);
+    }
+    return Array.from(set);
+  }, [events]);
+  const filteredEvents = useMemo(() => {
+    const q = eventSearch.trim().toLowerCase();
+    return events.filter(
+      (ev) => matchesCategoryFilter(ev, categoryFilter) && matchesRsvpModeFilter(ev, rsvpModeFilter) && matchesSearchQuery(ev, q)
+    );
+  }, [events, eventSearch, categoryFilter, rsvpModeFilter]);
+  return /* @__PURE__ */ jsx(Box, { background: "neutral0", hasRadius: true, shadow: "tableShadow", padding: 4, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "flex-end",
+        wrap: "wrap",
+        gap: 3,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", fontWeight: "bold", children: t("events.directory.title", "Registered Events") }),
+              /* @__PURE__ */ jsx(Badge, { backgroundColor: "primary100", textColor: "primary700", children: filteredEvents.length })
+            ] }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: t(
+              "events.directory.subtitle",
+              "All scheduled and recurring events across your configured sources, including RSVP seat capacity and Content Manager links."
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 3, wrap: "wrap", alignItems: "flex-end", children: [
+            /* @__PURE__ */ jsx(Box, { style: { minWidth: 220 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: t("events.directory.search", "Search Events") }),
+              /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  value: eventSearch,
+                  onChange: (e) => setEventSearch(e.target.value),
+                  placeholder: t(
+                    "events.directory.searchPlaceholder",
+                    "Title, location, category..."
+                  )
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.categoryFilter", "Category") }),
+              /* @__PURE__ */ jsxs(
+                SingleSelect,
+                {
+                  value: categoryFilter,
+                  onChange: (val) => setCategoryFilter(String(val)),
+                  children: [
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "all", children: t("calendar.allCategories", "All Categories") }),
+                    categories.map((cat) => /* @__PURE__ */ jsx(SingleSelectOption, { value: cat, children: formatCategoryLabel(cat) }, cat))
+                  ]
+                }
+              )
+            ] }) }),
+            /* @__PURE__ */ jsx(Box, { style: { minWidth: 160 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+              /* @__PURE__ */ jsx(Field.Label, { children: t("events.directory.rsvpFilter", "RSVP Mode") }),
+              /* @__PURE__ */ jsxs(
+                SingleSelect,
+                {
+                  value: rsvpModeFilter,
+                  onChange: (val) => setRsvpModeFilter(String(val)),
+                  children: [
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "all", children: t("events.directory.allEvents", "All Events") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "rsvp", children: t("events.directory.rsvpOnly", "With RSVPs Enabled") }),
+                    /* @__PURE__ */ jsx(SingleSelectOption, { value: "info", children: t("events.directory.infoOnly", "Informational Only") })
+                  ]
+                }
+              )
+            ] }) })
+          ] })
+        ]
+      }
+    ),
+    filteredEvents.length === 0 ? /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: t(
+      "events.directory.empty",
+      "No events found matching the current filters."
+    ) }) }) : /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: filteredEvents.length + 1, children: [
+      /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("calendar.field.title", "Event Title") }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("calendar.categoryFilter", "Category") }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("calendar.field.startDate", "Start Date") }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("calendar.field.location", "Location") }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("sidePanel.rsvpStatus", "RSVP & Capacity") }) }),
+        /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: t("events.directory.actions", "Actions") }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: filteredEvents.map((ev) => /* @__PURE__ */ jsx(
+        EventDirectoryRow,
+        {
+          ev,
+          isSelectedForRsvp: selectedEventDocId === ev.documentId,
+          t,
+          onSelectEventDocId,
+          onEditInContentManager,
+          onOpenInCalendar
+        },
+        `${ev.uid}:${ev.documentId}`
+      )) })
+    ] })
+  ] }) });
+};
+function computeDashboardRsvpStats(uniqueEvents, registrations) {
+  let confirmedSeats = 0;
+  let checkedInSeats = 0;
+  let waitlistedSeats = 0;
+  const eventsSet = /* @__PURE__ */ new Set();
+  for (const ev of uniqueEvents) {
+    if (ev.rsvp?.rsvpEnabled) {
+      eventsSet.add(ev.documentId);
+    }
+  }
+  for (const reg of registrations) {
+    const seats = Number(reg.guestsCount) || 1;
+    if (reg.eventDocumentId) eventsSet.add(reg.eventDocumentId);
+    if (reg.status === "confirmed") confirmedSeats += seats;
+    else if (reg.status === "checked_in") checkedInSeats += seats;
+    else if (reg.status === "waitlisted") waitlistedSeats += seats;
+  }
+  return {
+    totalEvents: uniqueEvents.length,
+    totalRegistrations: registrations.length,
+    confirmedSeats,
+    checkedInSeats,
+    waitlistedSeats,
+    distinctEvents: eventsSet.size
+  };
+}
+const EventsKpiCards = ({ stats, t }) => {
+  const cards = [
+    {
+      label: t("stats.totalEvents", "Registered Events"),
+      value: stats.totalEvents,
+      badge: "primary100"
+    },
+    {
+      label: t("stats.eventsWithRsvps", "Events with RSVPs"),
+      value: stats.distinctEvents,
+      badge: "secondary100"
+    },
+    {
+      label: t("stats.registrations", "Total Registrations"),
+      value: stats.totalRegistrations,
+      badge: "neutral100"
+    },
+    {
+      label: t("stats.confirmedSeats", "Confirmed Seats"),
+      value: stats.confirmedSeats,
+      badge: "primary100"
+    },
+    {
+      label: t("stats.checkedInSeats", "Checked-In Seats"),
+      value: stats.checkedInSeats,
+      badge: "success100"
+    },
+    {
+      label: t("stats.waitlistedSeats", "Waitlisted Seats"),
+      value: stats.waitlistedSeats,
+      badge: "warning100"
+    }
+  ];
+  return /* @__PURE__ */ jsx(Flex, { gap: 4, wrap: "wrap", children: cards.map((card) => /* @__PURE__ */ jsx(
+    Box,
+    {
+      background: "neutral0",
+      hasRadius: true,
+      shadow: "tableShadow",
+      padding: 4,
+      style: { flex: "1 1 160px" },
+      children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "flex-start", gap: 1, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: card.label }),
+        /* @__PURE__ */ jsx(Badge, { backgroundColor: card.badge, children: card.value })
+      ] })
+    },
+    card.label
+  )) });
+};
+const WEEKDAYS = [
+  { code: "MO", labelKey: "rrule.weekday.mo", defaultLabel: "Mon", jsDay: 1 },
+  { code: "TU", labelKey: "rrule.weekday.tu", defaultLabel: "Tue", jsDay: 2 },
+  { code: "WE", labelKey: "rrule.weekday.we", defaultLabel: "Wed", jsDay: 3 },
+  { code: "TH", labelKey: "rrule.weekday.th", defaultLabel: "Thu", jsDay: 4 },
+  { code: "FR", labelKey: "rrule.weekday.fr", defaultLabel: "Fri", jsDay: 5 },
+  { code: "SA", labelKey: "rrule.weekday.sa", defaultLabel: "Sat", jsDay: 6 },
+  { code: "SU", labelKey: "rrule.weekday.su", defaultLabel: "Sun", jsDay: 0 }
+];
+function extractByDays(rrule) {
+  const match = rrule.match(/BYDAY=([A-Z,]+)/i);
+  if (!match?.[1]) return [];
+  const validCodes = /* @__PURE__ */ new Set([
+    "MO",
+    "TU",
+    "WE",
+    "TH",
+    "FR",
+    "SA",
+    "SU"
+  ]);
+  return match[1].toUpperCase().split(",").map((d) => d.trim()).filter((d) => validCodes.has(d));
+}
+function alignStartDateToWeekday(startStr, targetCode) {
+  if (!startStr || !/^\d{4}-\d{2}-\d{2}$/.test(startStr)) return startStr;
+  const target = WEEKDAYS.find((w) => w.code === targetCode);
+  if (!target) return startStr;
+  const dt = /* @__PURE__ */ new Date(`${startStr}T00:00:00.000Z`);
+  if (Number.isNaN(dt.getTime())) return startStr;
+  const currentDay = dt.getUTCDay();
+  const diff = (target.jsDay - currentDay + 7) % 7;
+  if (diff === 0) return startStr;
+  dt.setUTCDate(dt.getUTCDate() + diff);
+  return dt.toISOString().slice(0, 10);
+}
+const QuickCreateEventPanel = ({
+  t,
+  quickTitle,
+  onQuickTitleChange,
+  quickStart,
+  onQuickStartChange,
+  quickLocation,
+  onQuickLocationChange,
+  quickRRule,
+  onQuickRRuleChange,
+  quickRsvpEnabled,
+  onQuickRsvpEnabledChange,
+  quickCapacity,
+  onQuickCapacityChange,
+  recurrencePresets,
+  onCancel,
+  onSubmit
+}) => {
+  const normalizedPresets = useMemo(() => {
+    const byRRule = /* @__PURE__ */ new Map();
+    for (const def of DEFAULT_RECURRENCE_PRESETS) {
+      byRRule.set(def.rrule, def);
+    }
+    for (const p of recurrencePresets) {
+      if (p?.rrule) {
+        byRRule.set(p.rrule, p);
+      }
+    }
+    return Array.from(byRRule.values());
+  }, [recurrencePresets]);
+  const isWeekly = quickRRule.toUpperCase().includes("FREQ=WEEKLY");
+  const selectedWeekdays = useMemo(
+    () => extractByDays(quickRRule),
+    [quickRRule]
+  );
+  const hasCustomWeeklyOption = isWeekly && Boolean(quickRRule) && !normalizedPresets.some((p) => p.rrule === quickRRule);
+  const handleRecurrenceSelect = (val) => {
+    const nextRRule = val === "NONE" ? "" : val;
+    onQuickRRuleChange(nextRRule);
+    if (nextRRule.toUpperCase().includes("FREQ=WEEKLY")) {
+      const days = extractByDays(nextRRule);
+      if (days.length === 1 && quickStart) {
+        const aligned = alignStartDateToWeekday(quickStart, days[0]);
+        if (aligned !== quickStart) {
+          onQuickStartChange(aligned);
+        }
+      }
+    }
+  };
+  const handleToggleWeekday = (code) => {
+    const exists = selectedWeekdays.includes(code);
+    let nextDays;
+    if (exists) {
+      nextDays = selectedWeekdays.length > 1 ? selectedWeekdays.filter((d) => d !== code) : [code];
+    } else {
+      nextDays = WEEKDAYS.map((w) => w.code).filter(
+        (c) => c === code || selectedWeekdays.includes(c)
+      );
+    }
+    const nextRRule = `FREQ=WEEKLY;INTERVAL=1;BYDAY=${nextDays.join(",")}`;
+    onQuickRRuleChange(nextRRule);
+    if (nextDays.length === 1 && quickStart) {
+      const aligned = alignStartDateToWeekday(quickStart, nextDays[0]);
+      if (aligned !== quickStart) {
+        onQuickStartChange(aligned);
+      }
+    }
+  };
+  const handleStartDateChange = (nextDateStr) => {
+    onQuickStartChange(nextDateStr);
+    if (isWeekly && selectedWeekdays.length === 1 && /^\d{4}-\d{2}-\d{2}$/.test(nextDateStr)) {
+      const dt = /* @__PURE__ */ new Date(`${nextDateStr}T00:00:00.000Z`);
+      if (!Number.isNaN(dt.getTime())) {
+        const match = WEEKDAYS.find((w) => w.jsDay === dt.getUTCDay());
+        if (match && match.code !== selectedWeekdays[0]) {
+          onQuickRRuleChange(`FREQ=WEEKLY;INTERVAL=1;BYDAY=${match.code}`);
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(Box, { padding: 4, background: "neutral0", hasRadius: true, shadow: "tableShadow", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 3, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", children: t("calendar.quickCreateTitle", "Quick-Create Event") }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 3, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Box, { style: { flex: 2, minWidth: 220 }, children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.field.title", "Event Title") }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            value: quickTitle,
+            onChange: (e) => onQuickTitleChange(e.target.value),
+            placeholder: t(
+              "placeholder.e_g_product_launch_webinar_weekly_workshop",
+              "e.g., Product Launch Webinar / Weekly Workshop"
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxs(Field.Root, { required: true, children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.field.startDate", "Start Date") }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            type: "date",
+            placeholder: t("placeholder.yyyy_mm_dd", "YYYY-MM-DD"),
+            value: quickStart,
+            onChange: (e) => handleStartDateChange(e.target.value)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 180 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.field.location", "Location") }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            value: quickLocation,
+            onChange: (e) => onQuickLocationChange(e.target.value),
+            placeholder: t(
+              "placeholder.main_auditorium_online",
+              "Main Auditorium / Online"
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Box, { style: { flex: 1, minWidth: 210 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.field.recurrence", "Recurrence Preset") }),
+        /* @__PURE__ */ jsxs(
+          SingleSelect,
+          {
+            placeholder: t(
+              "placeholder.select_recurrence_preset",
+              "Select recurrence preset"
+            ),
+            value: quickRRule || "NONE",
+            onChange: handleRecurrenceSelect,
+            children: [
+              /* @__PURE__ */ jsx(SingleSelectOption, { value: "NONE", children: t("rrule.freq.none", "Does not repeat (Single Event)") }),
+              normalizedPresets.map((preset) => /* @__PURE__ */ jsx(SingleSelectOption, { value: preset.rrule, children: preset.label }, preset.id)),
+              hasCustomWeeklyOption && /* @__PURE__ */ jsx(SingleSelectOption, { value: quickRRule, children: `${t("rrule.freq.weekly", "Weekly")} (${selectedWeekdays.join(", ")})` })
+            ]
+          }
+        )
+      ] }) })
+    ] }),
+    isWeekly && /* @__PURE__ */ jsx(Box, { padding: 3, background: "neutral100", hasRadius: true, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral700", children: t(
+        "calendar.field.repeatWeekdays",
+        "Repeat on Day(s) of Week:"
+      ) }),
+      WEEKDAYS.map((day) => {
+        const active = selectedWeekdays.includes(day.code);
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "S",
+            variant: active ? "default" : "tertiary",
+            onClick: () => handleToggleWeekday(day.code),
+            children: t(day.labelKey, day.defaultLabel)
+          },
+          day.code
+        );
+      })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 4, alignItems: "flex-end", wrap: "wrap", children: [
+      /* @__PURE__ */ jsx(Box, { style: { minHeight: 40, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: quickRsvpEnabled,
+          onCheckedChange: (checked) => onQuickRsvpEnabledChange(Boolean(checked)),
+          children: t("calendar.field.enableRsvp", "Enable RSVP & Seat Capacity")
+        }
+      ) }),
+      quickRsvpEnabled && /* @__PURE__ */ jsx(Box, { style: { width: 180 }, children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: t("calendar.field.capacity", "Max Capacity (Seats)") }),
+        /* @__PURE__ */ jsx(
+          NumberInput,
+          {
+            placeholder: t("placeholder.50", "50"),
+            value: quickCapacity,
+            onValueChange: (val) => onQuickCapacityChange(val && val >= 1 ? val : 50)
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          gap: 2,
+          alignItems: "center",
+          style: { marginLeft: "auto", minHeight: 40 },
+          children: [
+            /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onCancel, children: t("common.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onSubmit, children: t("common.create", "Create Event") })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+};
+function shouldReplaceRepresentativeOccurrence(existing, candidate, todayKey) {
+  const existingIsFuture = existing.occurrenceDate >= todayKey;
+  const currentIsFuture = candidate.occurrenceDate >= todayKey;
+  if (!existingIsFuture && currentIsFuture) return true;
+  if (existingIsFuture && currentIsFuture) {
+    return candidate.occurrenceDate < existing.occurrenceDate;
+  }
+  if (!existingIsFuture && !currentIsFuture) {
+    return candidate.occurrenceDate > existing.occurrenceDate;
+  }
+  return false;
+}
+const CalendarPage = () => {
+  const { formatMessage } = useIntl();
+  const navigate = useNavigate();
+  const { get, post } = useFetchClient();
+  const isMountedRef = useRef(true);
+  useEffect(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const t = useCallback(
+    (id, defaultMessage) => formatMessage({ id: `${PLUGIN_ID}.${id}`, defaultMessage }),
+    [formatMessage]
+  );
+  const [settings, setSettings] = useState(null);
+  const [occurrences, setOccurrences] = useState([]);
+  const [bannerMessage, setBannerMessage] = useState(null);
+  const [showQuickCreate, setShowQuickCreate] = useState(false);
+  const [quickTitle, setQuickTitle] = useState("");
+  const [quickStart, setQuickStart] = useState("");
+  const [quickLocation, setQuickLocation] = useState("");
+  const [quickCategory] = useState("general");
+  const [quickRRule, setQuickRRule] = useState("");
+  const [quickRsvpEnabled, setQuickRsvpEnabled] = useState(true);
+  const [quickCapacity, setQuickCapacity] = useState(50);
+  const [registrations, setRegistrations] = useState(
+    []
+  );
+  const [rsvpSearch, setRsvpSearch] = useState("");
+  const [debouncedRsvpSearch, setDebouncedRsvpSearch] = useState("");
+  const [rsvpStatusFilter, setRsvpStatusFilter] = useState("all");
+  const [rsvpEventFilter, setRsvpEventFilter] = useState(() => {
+    if (typeof window === "undefined") return "";
+    return new URLSearchParams(window.location.search).get("eventDocumentId") || "";
+  });
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setDebouncedRsvpSearch(rsvpSearch);
+    }, 250);
+    return () => {
+      window.clearTimeout(timer);
+    };
+  }, [rsvpSearch]);
+  const todayKey = useMemo(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), []);
+  const fetchCalendarData = useCallback(async () => {
+    try {
+      const now = /* @__PURE__ */ new Date();
+      const fromIso = `${now.getFullYear() - 1}-01-01T00:00:00.000Z`;
+      const toIso = `${now.getFullYear() + 2}-12-31T23:59:59.000Z`;
+      const res = await get(
+        `/${PLUGIN_ID}/calendar?from=${encodeURIComponent(fromIso)}&to=${encodeURIComponent(toIso)}`
+      );
+      if (!isMountedRef.current) return;
+      const payload = res?.data?.data;
+      if (payload?.settings) {
+        setSettings(payload.settings);
+      }
+      if (Array.isArray(payload?.occurrences)) {
+        setOccurrences(payload.occurrences);
+      }
+    } catch {
+      try {
+        const res = await get(`/${PLUGIN_ID}/settings`);
+        if (!isMountedRef.current) return;
+        const payload = res?.data?.data;
+        if (payload) {
+          setSettings(payload);
+        }
+      } catch {
+      }
+    }
+  }, [get]);
+  const fetchRegistrations = useCallback(async () => {
+    try {
+      const params = new URLSearchParams();
+      if (debouncedRsvpSearch.trim()) {
+        params.set("search", debouncedRsvpSearch.trim());
+      }
+      if (rsvpStatusFilter !== "all") params.set("status", rsvpStatusFilter);
+      if (rsvpEventFilter.trim()) {
+        params.set("eventDocumentId", rsvpEventFilter.trim());
+      }
+      const res = await get(`/${PLUGIN_ID}/registrations?${params.toString()}`);
+      if (!isMountedRef.current) return;
+      const data = res?.data?.data;
+      if (Array.isArray(data)) {
+        setRegistrations(data);
+      }
+    } catch {
+      if (isMountedRef.current) {
+        setBannerMessage(
+          t("attendees.error.load", "Could not load registrations.")
+        );
+      }
+    }
+  }, [get, debouncedRsvpSearch, rsvpStatusFilter, rsvpEventFilter, t]);
+  useEffect(() => {
+    void fetchCalendarData();
+  }, [fetchCalendarData]);
+  useEffect(() => {
+    void fetchRegistrations();
+  }, [fetchRegistrations]);
+  const uniqueEvents = useMemo(() => {
+    const byDoc = /* @__PURE__ */ new Map();
+    for (const occ of occurrences) {
+      const key = `${occ.uid}:${occ.documentId}`;
+      const existing = byDoc.get(key);
+      if (!existing || shouldReplaceRepresentativeOccurrence(existing, occ, todayKey)) {
+        byDoc.set(key, occ);
+      }
+    }
+    return Array.from(byDoc.values()).sort(
+      (a, b) => a.occurrenceDate.localeCompare(b.occurrenceDate)
+    );
+  }, [occurrences, todayKey]);
+  const recurrencePresets = useMemo(
+    () => settings?.recurrencePresets && settings.recurrencePresets.length > 0 ? settings.recurrencePresets : DEFAULT_RECURRENCE_PRESETS,
+    [settings?.recurrencePresets]
+  );
+  const rsvpStats = useMemo(
+    () => computeDashboardRsvpStats(uniqueEvents, registrations),
+    [registrations, uniqueEvents]
+  );
+  const handleQuickCreateSubmit = useCallback(async () => {
+    if (!quickTitle.trim() || !quickStart) return;
+    try {
+      const startIso = quickStart.includes("T") ? new Date(quickStart).toISOString() : `${quickStart}T10:00:00.000Z`;
+      const endIso = new Date(
+        new Date(startIso).getTime() + 36e5
+      ).toISOString();
+      await post(`/${PLUGIN_ID}/calendar/quick-create`, {
+        title: quickTitle.trim(),
+        startDate: startIso,
+        endDate: endIso,
+        location: quickLocation.trim() || void 0,
+        category: quickCategory,
+        rrule: quickRRule || void 0,
+        rsvpEnabled: quickRsvpEnabled,
+        capacity: quickRsvpEnabled ? quickCapacity : void 0
+      });
+      if (!isMountedRef.current) return;
+      setShowQuickCreate(false);
+      setQuickTitle("");
+      setQuickLocation("");
+      setQuickRRule("");
+      setBannerMessage(t("calendar.created", "Event created and published."));
+      await Promise.all([fetchCalendarData(), fetchRegistrations()]);
+    } catch {
+      if (isMountedRef.current) {
+        setBannerMessage(t("calendar.error.create", "Could not create event."));
+      }
+    }
+  }, [
+    quickTitle,
+    quickStart,
+    quickLocation,
+    quickCategory,
+    quickRRule,
+    quickRsvpEnabled,
+    quickCapacity,
+    post,
+    t,
+    fetchCalendarData,
+    fetchRegistrations
+  ]);
+  const handleCheckIn = useCallback(
+    async (regDocId) => {
+      try {
+        await post(
+          `/${PLUGIN_ID}/registrations/${encodeURIComponent(regDocId)}/check-in`,
+          {}
+        );
+        if (!isMountedRef.current) return;
+        setBannerMessage(
+          t("attendees.checkedInSuccess", "Attendee checked in.")
+        );
+        await Promise.all([fetchCalendarData(), fetchRegistrations()]);
+      } catch {
+        if (isMountedRef.current) {
+          setBannerMessage(t("attendees.error.checkIn", "Check-in failed."));
+        }
+      }
+    },
+    [post, t, fetchCalendarData, fetchRegistrations]
+  );
+  const handleStatusChange = useCallback(
+    async (regDocId, status) => {
+      try {
+        const res = await post(
+          `/${PLUGIN_ID}/registrations/${encodeURIComponent(regDocId)}/status`,
+          { status }
+        );
+        if (!isMountedRef.current) return;
+        const promotedCount = res?.data?.data?.promotedCount ?? 0;
+        const baseMsg = t("attendees.statusUpdated", "Status updated.");
+        const promoSuffix = t(
+          "attendees.waitlistPromoted",
+          "attendee(s) automatically promoted from waitlist!"
+        );
+        setBannerMessage(
+          promotedCount > 0 ? `${baseMsg} ${promotedCount} ${promoSuffix}` : baseMsg
+        );
+        await Promise.all([fetchCalendarData(), fetchRegistrations()]);
+      } catch {
+        if (isMountedRef.current) {
+          setBannerMessage(
+            t("attendees.error.status", "Could not update status.")
+          );
+        }
+      }
+    },
+    [post, t, fetchCalendarData, fetchRegistrations]
+  );
+  return /* @__PURE__ */ jsx(Layouts.Root, { children: /* @__PURE__ */ jsx(Box, { padding: 6, background: "neutral100", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 5, children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        justifyContent: "space-between",
+        alignItems: "center",
+        wrap: "wrap",
+        gap: 3,
+        children: [
+          /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "alpha", fontWeight: "bold", children: t("calendar.title", "Events, RSVPs & Check-In") }),
+            /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "epsilon", textColor: "neutral600", children: t(
+              "calendar.subtitle",
+              "Manage event registrations, waitlist auto-promotion, and attendee check-ins. Schedule views are unified in Calendar."
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, wrap: "wrap", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "S",
+                onClick: () => navigate("/plugins/calendar?source=events"),
+                children: t("calendar.openUnifiedCalendar", "Open in Calendar")
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "default",
+                size: "S",
+                onClick: () => {
+                  setQuickStart(todayKey);
+                  setShowQuickCreate(true);
+                },
+                children: [
+                  "+ ",
+                  t("calendar.quickCreate", "New Event")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "S",
+                tag: "a",
+                href: "/api/events/feed.ics",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: t("calendar.downloadIcsFeed", "iCal Feed (.ics)")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "tertiary",
+                size: "S",
+                onClick: () => navigate(`/settings/${PLUGIN_ID}`),
+                children: t("calendar.settings", "Settings")
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(EventsKpiCards, { stats: rsvpStats, t }),
+    bannerMessage && /* @__PURE__ */ jsx(
+      Box,
+      {
+        padding: 3,
+        background: "primary100",
+        hasRadius: true,
+        style: { border: "1px solid #0284C7" },
+        children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "omega",
+              fontWeight: "bold",
+              textColor: "primary700",
+              children: bannerMessage
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "tertiary",
+              size: "S",
+              "aria-label": t("common.close", "Close"),
+              onClick: () => setBannerMessage(null),
+              children: "×"
+            }
+          )
+        ] })
+      }
+    ),
+    showQuickCreate && /* @__PURE__ */ jsx(
+      QuickCreateEventPanel,
+      {
+        t,
+        quickTitle,
+        onQuickTitleChange: setQuickTitle,
+        quickStart,
+        onQuickStartChange: setQuickStart,
+        quickLocation,
+        onQuickLocationChange: setQuickLocation,
+        quickRRule,
+        onQuickRRuleChange: setQuickRRule,
+        quickRsvpEnabled,
+        onQuickRsvpEnabledChange: setQuickRsvpEnabled,
+        quickCapacity,
+        onQuickCapacityChange: setQuickCapacity,
+        recurrencePresets,
+        onCancel: () => setShowQuickCreate(false),
+        onSubmit: handleQuickCreateSubmit
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EventsDirectoryPanel,
+      {
+        t,
+        events: uniqueEvents,
+        selectedEventDocId: rsvpEventFilter,
+        onSelectEventDocId: setRsvpEventFilter,
+        onEditInContentManager: (uid, docId, locale) => {
+          const query = locale ? `?plugins[i18n][locale]=${encodeURIComponent(locale)}` : "";
+          navigate(
+            `/content-manager/collection-types/${uid}/${docId}${query}`
+          );
+        },
+        onOpenInCalendar: (docId) => navigate(
+          `/plugins/calendar?source=events${docId ? `&documentId=${encodeURIComponent(docId)}` : ""}`
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AttendeesManagerPanel,
+      {
+        t,
+        registrations,
+        rsvpSearch,
+        onRsvpSearchChange: setRsvpSearch,
+        rsvpStatusFilter,
+        onRsvpStatusFilterChange: setRsvpStatusFilter,
+        rsvpEventFilter,
+        onClearRsvpEventFilter: () => setRsvpEventFilter(""),
+        onCheckIn: handleCheckIn,
+        onStatusChange: handleStatusChange
+      }
+    )
+  ] }) }) });
+};
+export {
+  CalendarPage,
+  CalendarPage as default
+};