@burdenoff/microfe-eventfullymanaged 2026.703.1 → 2026.704.1

package/dist/eventfullymanaged/pages/modules/OperationsHubPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsHubPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/OperationsHubPage.tsx"],"sourcesContent":["import { LayoutDashboard, Megaphone, Workflow } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport {\n  useExhibitorsQuery,\n  useLeadsQuery,\n  useCheckInRecordsQuery,\n  useNetworkingProfilesQuery,\n  usePromoCodesQuery,\n  useTicketTypesQuery,\n  useAnalyticsSnapshotsQuery,\n  useAnnouncementsQuery,\n  useAutomationRulesQuery,\n  useCommunicationCampaignsQuery,\n  useDashboardSummaryQuery,\n  useEventSessionsQuery,\n  useRegistrationsQuery,\n  useSponsorsQuery,\n  useVenuesQuery,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SectionKey =\n  | 'announcements'\n  | 'campaigns'\n  | 'templates'\n  | 'rules'\n  | 'snapshots'\n  | 'registrations'\n  | 'ticketTypes'\n  | 'promoCodes'\n  | 'sponsors'\n  | 'exhibitors'\n  | 'leads'\n  | 'venues'\n  | 'sessions'\n  | 'checkInRecords'\n  | 'networkingProfiles';\n\ninterface OperationsHubPageProps {\n  title: string;\n  description: string;\n  sectionKeys: SectionKey[];\n}\n\ntype NamedEntity = {\n  id: string;\n  name?: string | null;\n  title?: string | null;\n  status?: string | null;\n};\n\ntype RegistrationEntity = {\n  id: string;\n  attendeeId?: string | null;\n  status?: string | null;\n  totalAmount?: string | null;\n  currency?: string | null;\n};\n\ntype SponsorEntity = {\n  id: string;\n  name: string;\n  level: string;\n};\n\ntype VenueEntity = {\n  id: string;\n  name: string;\n  city?: string | null;\n  status: string;\n};\n\ntype SessionEntity = {\n  id: string;\n  title?: string | null;\n  sessionType?: string | null;\n  status?: string | null;\n};\n\ntype ExhibitorEntity = {\n  id: string;\n  name: string;\n  boothCode?: string | null;\n  category?: string | null;\n  status: string;\n};\n\ntype LeadEntity = {\n  id: string;\n  attendeeName: string;\n  attendeeEmail: string;\n  status: string;\n  score?: number | null;\n};\n\nexport default function OperationsHubPage({ title, description, sectionKeys }: OperationsHubPageProps) {\n  const { navigate } = useEventfullyManaged();\n  const summaryQuery = useDashboardSummaryQuery();\n  const announcementsQuery = useAnnouncementsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const snapshotsQuery = useAnalyticsSnapshotsQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n  const ticketTypesQuery = useTicketTypesQuery({ limit: 100, offset: 0 });\n  const promoCodesQuery = usePromoCodesQuery({ limit: 100, offset: 0 });\n  const sponsorsQuery = useSponsorsQuery({ limit: 100, offset: 0 });\n  const exhibitorsQuery = useExhibitorsQuery({ limit: 100, offset: 0 });\n  const leadsQuery = useLeadsQuery({ limit: 100, offset: 0 });\n  const venuesQuery = useVenuesQuery({ limit: 100, offset: 0 });\n  const sessionsQuery = useEventSessionsQuery({ limit: 100, offset: 0 });\n  const checkInRecordsQuery = useCheckInRecordsQuery({ limit: 100, offset: 0 });\n  const networkingProfilesQuery = useNetworkingProfilesQuery({ limit: 100, offset: 0 });\n\n  const summary = summaryQuery.data?.dashboardSummary;\n\n  const registrations = useMemo(\n    () => (registrationsQuery.data?.registrations.items ?? []) as RegistrationEntity[],\n    [registrationsQuery.data]\n  );\n\n  const trackedRevenue = useMemo(\n    () =>\n      registrations.reduce((total, registration) => {\n        const value = Number(registration.totalAmount ?? 0);\n        return Number.isFinite(value) ? total + value : total;\n      }, 0),\n    [registrations]\n  );\n\n  const cards = [\n    { label: 'Events', value: summary?.totalEvents ?? 0 },\n    { label: 'Active', value: summary?.activeEvents ?? 0 },\n    { label: 'Registrations', value: summary?.totalRegistrations ?? 0 },\n    { label: 'Attendees', value: summary?.totalAttendees ?? 0 },\n    { label: 'Venues', value: summary?.totalVenues ?? 0 },\n    { label: 'Sponsors', value: summary?.totalSponsors ?? 0 },\n    { label: 'Tracked Revenue', value: trackedRevenue.toFixed(2) },\n  ];\n\n  const renderSection = (sectionKey: SectionKey) => {\n    if (sectionKey === 'announcements') {\n      const rows = (announcementsQuery.data?.announcements.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={announcementsQuery.loading ? 'Loading announcements...' : `Announcements (${rows.length})`}\n          emptyLabel=\"No announcements recorded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Announcement ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'campaigns') {\n      const rows = (campaignsQuery.data?.communicationCampaigns.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={campaignsQuery.loading ? 'Loading campaigns...' : `Campaigns (${rows.length})`}\n          emptyLabel=\"No communication campaigns available.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Campaign ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'templates') {\n      const rows = (templatesQuery.data?.workflowTemplates.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={templatesQuery.loading ? 'Loading templates...' : `Workflow Templates (${rows.length})`}\n          emptyLabel=\"No workflow templates configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Template ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'rules') {\n      const rows = (rulesQuery.data?.automationRules.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={rulesQuery.loading ? 'Loading rules...' : `Automation Rules (${rows.length})`}\n          emptyLabel=\"No automation rules configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Rule ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'snapshots') {\n      const rows = (snapshotsQuery.data?.analyticsSnapshots.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={snapshotsQuery.loading ? 'Loading analytics snapshots...' : `Snapshots (${rows.length})`}\n          emptyLabel=\"No analytics snapshots generated.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Snapshot ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'registrations') {\n      return (\n        <EntityListSection\n          heading={registrationsQuery.loading ? 'Loading registrations...' : `Registrations (${registrations.length})`}\n          emptyLabel=\"No registrations available.\"\n          rows={registrations.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Registration ${row.id}`,\n            subtitle: row.totalAmount ? `${row.totalAmount} ${row.currency ?? ''}`.trim() : undefined,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'ticketTypes') {\n      const rows = ticketTypesQuery.data?.ticketTypes.items ?? [];\n      return (\n        <EntityListSection\n          heading={ticketTypesQuery.loading ? 'Loading ticket types...' : `Ticket Types (${rows.length})`}\n          emptyLabel=\"No ticket types configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: `${row.price} ${row.currency} • Sold ${row.soldCount}`,\n            status: row.isActive ? 'active' : 'inactive',\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'promoCodes') {\n      const rows = promoCodesQuery.data?.promoCodes.items ?? [];\n      return (\n        <EntityListSection\n          heading={promoCodesQuery.loading ? 'Loading promo codes...' : `Promo Codes (${rows.length})`}\n          emptyLabel=\"No promo codes configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.code,\n            subtitle: `${row.discountType} ${row.discountValue}`,\n            status: row.isActive ? 'active' : 'inactive',\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'sponsors') {\n      const rows = (sponsorsQuery.data?.sponsors.items ?? []) as SponsorEntity[];\n      return (\n        <EntityListSection\n          heading={sponsorsQuery.loading ? 'Loading sponsors...' : `Sponsors (${rows.length})`}\n          emptyLabel=\"No sponsors onboarded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: row.level,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'exhibitors') {\n      const rows = (exhibitorsQuery.data?.exhibitors.items ?? []) as ExhibitorEntity[];\n      return (\n        <EntityListSection\n          heading={exhibitorsQuery.loading ? 'Loading exhibitors...' : `Exhibitors (${rows.length})`}\n          emptyLabel=\"No exhibitors onboarded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: [row.boothCode, row.category].filter(Boolean).join(' • '),\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'leads') {\n      const rows = (leadsQuery.data?.leads.items ?? []) as LeadEntity[];\n      return (\n        <EntityListSection\n          heading={leadsQuery.loading ? 'Loading leads...' : `Leads (${rows.length})`}\n          emptyLabel=\"No leads captured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeName,\n            subtitle: [row.attendeeEmail, row.score != null ? `Score ${row.score}` : undefined]\n              .filter(Boolean)\n              .join(' • '),\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'venues') {\n      const rows = (venuesQuery.data?.venues.items ?? []) as VenueEntity[];\n      return (\n        <EntityListSection\n          heading={venuesQuery.loading ? 'Loading venues...' : `Venues (${rows.length})`}\n          emptyLabel=\"No venues configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: row.city ?? undefined,\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'checkInRecords') {\n      const rows = checkInRecordsQuery.data?.checkInRecords.items ?? [];\n      return (\n        <EntityListSection\n          heading={checkInRecordsQuery.loading ? 'Loading check-in records...' : `Check-In Records (${rows.length})`}\n          emptyLabel=\"No check-in records found.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Record ${row.id}`,\n            subtitle: `${row.method} • ${row.direction}`,\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'networkingProfiles') {\n      const rows = networkingProfilesQuery.data?.networkingProfiles.items ?? [];\n      return (\n        <EntityListSection\n          heading={networkingProfilesQuery.loading ? 'Loading networking profiles...' : `Profiles (${rows.length})`}\n          emptyLabel=\"No networking profiles available.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Profile ${row.id}`,\n            subtitle: [row.role, row.industry].filter(Boolean).join(' • '),\n            status: row.visibility,\n          }))}\n        />\n      );\n    }\n\n    const rows = (sessionsQuery.data?.eventSessions.items ?? []) as SessionEntity[];\n    return (\n      <EntityListSection\n        heading={sessionsQuery.loading ? 'Loading sessions...' : `Sessions (${rows.length})`}\n        emptyLabel=\"No sessions scheduled.\"\n        rows={rows.map((row) => ({\n          id: row.id,\n          title: row.title ?? `Session ${row.id}`,\n          subtitle: row.sessionType ?? undefined,\n          status: row.status ?? undefined,\n        }))}\n      />\n    );\n  };\n\n  const primarySections = sectionKeys.slice(0, 3);\n  const secondarySections = sectionKeys.slice(3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        A focused operations hub that pulls together the live records most relevant to {title}. Instead of jumping\n        between modules, you get the key metrics plus the specific lists you need for this area in one place — handy\n        for a quick health check or a stand-up update.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{title}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n      </EmphasisPanel>\n\n      <section>\n        <h2 className=\"text-lg font-semibold text-text-primary\">Operational Metrics</h2>\n        <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n          {cards.map((card) => (\n            <GlassCard key={card.label} treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">{card.label}</p>\n              <p className=\"mt-1 text-xl font-semibold tabular-nums text-text-primary\">{card.value}</p>\n            </GlassCard>\n          ))}\n        </div>\n      </section>\n\n      {primarySections.map((sectionKey) => (\n        <div key={sectionKey}>{renderSection(sectionKey)}</div>\n      ))}\n\n      {secondarySections.length > 0 ? (\n        <ShowMore collapsedHeight={160} label=\"Show all sections\">\n          <div className=\"space-y-6\">\n            {secondarySections.map((sectionKey) => (\n              <div key={sectionKey}>{renderSection(sectionKey)}</div>\n            ))}\n          </div>\n        </ShowMore>\n      ) : null}\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-operations-hub\"\n        title=\"Where to go from here\"\n        steps={[\n          {\n            id: 'overview',\n            label: 'Back to the dashboard',\n            description: 'See the big picture across every part of your events.',\n            icon: <LayoutDashboard className=\"h-4 w-4\" />,\n            onClick: () => navigate('/'),\n          },\n          {\n            id: 'automate',\n            label: 'Automate routine work',\n            description: 'Set up workflow templates and rules to save time.',\n            icon: <Workflow className=\"h-4 w-4\" />,\n            onClick: () => navigate('/workflows'),\n          },\n          {\n            id: 'communicate',\n            label: 'Reach your audience',\n            description: 'Send announcements and run campaigns.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OperationsHubPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/OperationsHubPage.tsx"],"sourcesContent":["import { LayoutDashboard, Megaphone, Workflow } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose, ShowMore } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport {\n  useExhibitorsQuery,\n  useLeadsQuery,\n  useCheckInRecordsQuery,\n  useNetworkingProfilesQuery,\n  usePromoCodesQuery,\n  useTicketTypesQuery,\n  useAnalyticsSnapshotsQuery,\n  useAnnouncementsQuery,\n  useAutomationRulesQuery,\n  useCommunicationCampaignsQuery,\n  useDashboardSummaryQuery,\n  useEventSessionsQuery,\n  useRegistrationsQuery,\n  useSponsorsQuery,\n  useVenuesQuery,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SectionKey =\n  | 'announcements'\n  | 'campaigns'\n  | 'templates'\n  | 'rules'\n  | 'snapshots'\n  | 'registrations'\n  | 'ticketTypes'\n  | 'promoCodes'\n  | 'sponsors'\n  | 'exhibitors'\n  | 'leads'\n  | 'venues'\n  | 'sessions'\n  | 'checkInRecords'\n  | 'networkingProfiles';\n\ninterface OperationsHubPageProps {\n  title: string;\n  description: string;\n  sectionKeys: SectionKey[];\n}\n\ntype NamedEntity = {\n  id: string;\n  name?: string | null;\n  title?: string | null;\n  status?: string | null;\n};\n\ntype RegistrationEntity = {\n  id: string;\n  attendeeId?: string | null;\n  status?: string | null;\n  totalAmount?: string | null;\n  currency?: string | null;\n};\n\ntype SponsorEntity = {\n  id: string;\n  name: string;\n  level: string;\n};\n\ntype VenueEntity = {\n  id: string;\n  name: string;\n  city?: string | null;\n  status: string;\n};\n\ntype SessionEntity = {\n  id: string;\n  title?: string | null;\n  sessionType?: string | null;\n  status?: string | null;\n};\n\ntype ExhibitorEntity = {\n  id: string;\n  name: string;\n  boothCode?: string | null;\n  category?: string | null;\n  status: string;\n};\n\ntype LeadEntity = {\n  id: string;\n  attendeeName: string;\n  attendeeEmail: string;\n  status: string;\n  score?: number | null;\n};\n\nexport default function OperationsHubPage({ title, description, sectionKeys }: OperationsHubPageProps) {\n  const { navigate } = useEventfullyManaged();\n  const summaryQuery = useDashboardSummaryQuery();\n  const announcementsQuery = useAnnouncementsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const snapshotsQuery = useAnalyticsSnapshotsQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n  const ticketTypesQuery = useTicketTypesQuery({ limit: 100, offset: 0 });\n  const promoCodesQuery = usePromoCodesQuery({ limit: 100, offset: 0 });\n  const sponsorsQuery = useSponsorsQuery({ limit: 100, offset: 0 });\n  const exhibitorsQuery = useExhibitorsQuery({ limit: 100, offset: 0 });\n  const leadsQuery = useLeadsQuery({ limit: 100, offset: 0 });\n  const venuesQuery = useVenuesQuery({ limit: 100, offset: 0 });\n  const sessionsQuery = useEventSessionsQuery({ limit: 100, offset: 0 });\n  const checkInRecordsQuery = useCheckInRecordsQuery({ limit: 100, offset: 0 });\n  const networkingProfilesQuery = useNetworkingProfilesQuery({ limit: 100, offset: 0 });\n\n  const summary = summaryQuery.data?.dashboardSummary;\n\n  const registrations = useMemo(\n    () => (registrationsQuery.data?.registrations.items ?? []) as RegistrationEntity[],\n    [registrationsQuery.data]\n  );\n\n  const trackedRevenue = useMemo(\n    () =>\n      registrations.reduce((total, registration) => {\n        const value = Number(registration.totalAmount ?? 0);\n        return Number.isFinite(value) ? total + value : total;\n      }, 0),\n    [registrations]\n  );\n\n  const cards = [\n    { label: 'Events', value: summary?.totalEvents ?? 0 },\n    { label: 'Active', value: summary?.activeEvents ?? 0 },\n    { label: 'Registrations', value: summary?.totalRegistrations ?? 0 },\n    { label: 'Attendees', value: summary?.totalAttendees ?? 0 },\n    { label: 'Venues', value: summary?.totalVenues ?? 0 },\n    { label: 'Sponsors', value: summary?.totalSponsors ?? 0 },\n    { label: 'Tracked Revenue', value: trackedRevenue.toFixed(2) },\n  ];\n\n  const renderSection = (sectionKey: SectionKey) => {\n    if (sectionKey === 'announcements') {\n      const rows = (announcementsQuery.data?.announcements.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={announcementsQuery.loading ? 'Loading announcements...' : `Announcements (${rows.length})`}\n          emptyLabel=\"No announcements recorded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Announcement ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'campaigns') {\n      const rows = (campaignsQuery.data?.communicationCampaigns.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={campaignsQuery.loading ? 'Loading campaigns...' : `Campaigns (${rows.length})`}\n          emptyLabel=\"No communication campaigns available.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Campaign ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'templates') {\n      const rows = (templatesQuery.data?.workflowTemplates.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={templatesQuery.loading ? 'Loading templates...' : `Workflow Templates (${rows.length})`}\n          emptyLabel=\"No workflow templates configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Template ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'rules') {\n      const rows = (rulesQuery.data?.automationRules.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={rulesQuery.loading ? 'Loading rules...' : `Automation Rules (${rows.length})`}\n          emptyLabel=\"No automation rules configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Rule ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'snapshots') {\n      const rows = (snapshotsQuery.data?.analyticsSnapshots.items ?? []) as NamedEntity[];\n      return (\n        <EntityListSection\n          heading={snapshotsQuery.loading ? 'Loading analytics snapshots...' : `Snapshots (${rows.length})`}\n          emptyLabel=\"No analytics snapshots generated.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.title ?? row.name ?? `Snapshot ${row.id}`,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'registrations') {\n      return (\n        <EntityListSection\n          heading={registrationsQuery.loading ? 'Loading registrations...' : `Registrations (${registrations.length})`}\n          emptyLabel=\"No registrations available.\"\n          rows={registrations.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Registration ${row.id}`,\n            subtitle: row.totalAmount ? `${row.totalAmount} ${row.currency ?? ''}`.trim() : undefined,\n            status: row.status ?? undefined,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'ticketTypes') {\n      const rows = ticketTypesQuery.data?.ticketTypes.items ?? [];\n      return (\n        <EntityListSection\n          heading={ticketTypesQuery.loading ? 'Loading ticket types...' : `Ticket Types (${rows.length})`}\n          emptyLabel=\"No ticket types configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: `${row.price} ${row.currency} • Sold ${row.soldCount}`,\n            status: row.isActive ? 'active' : 'inactive',\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'promoCodes') {\n      const rows = promoCodesQuery.data?.promoCodes.items ?? [];\n      return (\n        <EntityListSection\n          heading={promoCodesQuery.loading ? 'Loading promo codes...' : `Promo Codes (${rows.length})`}\n          emptyLabel=\"No promo codes configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.code,\n            subtitle: `${row.discountType} ${row.discountValue}`,\n            status: row.isActive ? 'active' : 'inactive',\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'sponsors') {\n      const rows = (sponsorsQuery.data?.sponsors.items ?? []) as SponsorEntity[];\n      return (\n        <EntityListSection\n          heading={sponsorsQuery.loading ? 'Loading sponsors...' : `Sponsors (${rows.length})`}\n          emptyLabel=\"No sponsors onboarded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: row.level,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'exhibitors') {\n      const rows = (exhibitorsQuery.data?.exhibitors.items ?? []) as ExhibitorEntity[];\n      return (\n        <EntityListSection\n          heading={exhibitorsQuery.loading ? 'Loading exhibitors...' : `Exhibitors (${rows.length})`}\n          emptyLabel=\"No exhibitors onboarded.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: [row.boothCode, row.category].filter(Boolean).join(' • '),\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'leads') {\n      const rows = (leadsQuery.data?.leads.items ?? []) as LeadEntity[];\n      return (\n        <EntityListSection\n          heading={leadsQuery.loading ? 'Loading leads...' : `Leads (${rows.length})`}\n          emptyLabel=\"No leads captured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeName,\n            subtitle: [row.attendeeEmail, row.score != null ? `Score ${row.score}` : undefined]\n              .filter(Boolean)\n              .join(' • '),\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'venues') {\n      const rows = (venuesQuery.data?.venues.items ?? []) as VenueEntity[];\n      return (\n        <EntityListSection\n          heading={venuesQuery.loading ? 'Loading venues...' : `Venues (${rows.length})`}\n          emptyLabel=\"No venues configured.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.name,\n            subtitle: row.city ?? undefined,\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'checkInRecords') {\n      const rows = checkInRecordsQuery.data?.checkInRecords.items ?? [];\n      return (\n        <EntityListSection\n          heading={checkInRecordsQuery.loading ? 'Loading check-in records...' : `Check-In Records (${rows.length})`}\n          emptyLabel=\"No check-in records found.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Record ${row.id}`,\n            subtitle: `${row.method} • ${row.direction}`,\n            status: row.status,\n          }))}\n        />\n      );\n    }\n\n    if (sectionKey === 'networkingProfiles') {\n      const rows = networkingProfilesQuery.data?.networkingProfiles.items ?? [];\n      return (\n        <EntityListSection\n          heading={networkingProfilesQuery.loading ? 'Loading networking profiles...' : `Profiles (${rows.length})`}\n          emptyLabel=\"No networking profiles available.\"\n          rows={rows.map((row) => ({\n            id: row.id,\n            title: row.attendeeId ? `Attendee ${row.attendeeId}` : `Profile ${row.id}`,\n            subtitle: [row.role, row.industry].filter(Boolean).join(' • '),\n            status: row.visibility,\n          }))}\n        />\n      );\n    }\n\n    const rows = (sessionsQuery.data?.eventSessions.items ?? []) as SessionEntity[];\n    return (\n      <EntityListSection\n        heading={sessionsQuery.loading ? 'Loading sessions...' : `Sessions (${rows.length})`}\n        emptyLabel=\"No sessions scheduled.\"\n        rows={rows.map((row) => ({\n          id: row.id,\n          title: row.title ?? `Session ${row.id}`,\n          subtitle: row.sessionType ?? undefined,\n          status: row.status ?? undefined,\n        }))}\n      />\n    );\n  };\n\n  const primarySections = sectionKeys.slice(0, 3);\n  const secondarySections = sectionKeys.slice(3);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        A focused operations hub that pulls together the live records most relevant to {title}. Instead of jumping\n        between modules, you get the key metrics plus the specific lists you need for this area in one place — handy for\n        a quick health check or a stand-up update.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{title}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>\n      </EmphasisPanel>\n\n      <section>\n        <h2 className=\"text-lg font-semibold text-text-primary\">Operational Metrics</h2>\n        <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-4\">\n          {cards.map((card) => (\n            <GlassCard key={card.label} treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">{card.label}</p>\n              <p className=\"mt-1 text-xl font-semibold tabular-nums text-text-primary\">{card.value}</p>\n            </GlassCard>\n          ))}\n        </div>\n      </section>\n\n      {primarySections.map((sectionKey) => (\n        <div key={sectionKey}>{renderSection(sectionKey)}</div>\n      ))}\n\n      {secondarySections.length > 0 ? (\n        <ShowMore collapsedHeight={160} label=\"Show all sections\">\n          <div className=\"space-y-6\">\n            {secondarySections.map((sectionKey) => (\n              <div key={sectionKey}>{renderSection(sectionKey)}</div>\n            ))}\n          </div>\n        </ShowMore>\n      ) : null}\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-operations-hub\"\n        title=\"Where to go from here\"\n        steps={[\n          {\n            id: 'overview',\n            label: 'Back to the dashboard',\n            description: 'See the big picture across every part of your events.',\n            icon: <LayoutDashboard className=\"h-4 w-4\" />,\n            onClick: () => navigate('/'),\n          },\n          {\n            id: 'automate',\n            label: 'Automate routine work',\n            description: 'Set up workflow templates and rules to save time.',\n            icon: <Workflow className=\"h-4 w-4\" />,\n            onClick: () => navigate('/workflows'),\n          },\n          {\n            id: 'communicate',\n            label: 'Reach your audience',\n            description: 'Send announcements and run campaigns.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/RegistrationPage.js

@@ -1,95 +1,307 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useAttendeesQuery as t, usePromoCodesQuery as n, useRegistrationsQuery as r } from "../../api/eventApi.js";
-import { EntityListSection as i } from "./EntityListSection.js";
-import { useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Megaphone as c, Tag as l, Users as u } from "lucide-react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useAttendeesQuery as n, useDeletePromoCodeMutation as r, usePromoCodesQuery as i, useRegistrationsQuery as a, useUpdateRegistrationMutation as o } from "../../api/eventApi.js";
+import { ActionMenu as s } from "../../components/ActionMenu.js";
+import { Pagination as c, usePagination as l } from "../../components/Pagination.js";
+import { mutationSucceeded as u } from "../../lib/mutationResult.js";
+import { useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Megaphone as m, Tag as h, TicketPlus as g, UserPlus as _, Users as v } from "lucide-react";
+import { Badge as y, Button as b, EmphasisPanel as x, GlassCard as S, GradientText as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/RegistrationPage.tsx
-function g() {
-	let { t: g } = d(), _ = (e, t) => {
-		let n = g(e);
-		return n === e ? t : n;
-	}, { navigate: v } = e(), y = r({
-		limit: 100,
-		offset: 0
-	}), b = t({
-		limit: 100,
-		offset: 0
-	}), x = n({
-		limit: 100,
-		offset: 0
-	}), S = a(() => y.data?.registrations.items ?? [], [y.data]), C = a(() => b.data?.attendees.items ?? [], [b.data]), w = a(() => x.data?.promoCodes.items ?? [], [x.data]);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
+var D = [
+	"PENDING",
+	"CONFIRMED",
+	"WAITLISTED",
+	"CANCELLED",
+	"CHECKED_IN"
+];
+function O(e) {
+	switch ((e ?? "").toUpperCase()) {
+		case "CONFIRMED":
+		case "CHECKED_IN": return "default";
+		case "CANCELLED": return "destructive";
+		case "WAITLISTED": return "outline";
+		default: return "secondary";
+	}
+}
+function k() {
+	let e = l({ pageSize: 10 }), { data: n, loading: r } = a({
+		limit: e.limit,
+		offset: e.offset
+	}), [i] = o(), m = d(() => n?.registrations.items ?? [], [n]), h = n?.registrations.total ?? 0, g = async (e, n) => {
+		let r = await i({ variables: {
+			id: e.id,
+			input: {
+				eventId: e.eventId,
+				attendeeId: e.attendeeId ?? null,
+				ticketTypeId: e.ticketTypeId ?? null,
+				quantity: e.quantity,
+				currency: e.currency,
+				totalAmount: e.totalAmount ?? null,
+				status: n
+			}
+		} });
+		u(r, r.data?.updateRegistration?.id, "Could not update registration") && t.success("Registration updated", `Status set to ${n}`);
+	};
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
 		children: [
-			/* @__PURE__ */ o(h, { children: _("eventfullymanaged.registration.purpose", "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Use this page to monitor sign-up volume, look up an attendee, and check that your discount codes are working.") }),
-			/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: /* @__PURE__ */ o(p, { children: _("eventfullymanaged.registration.title", "Registration") })
-			}), /* @__PURE__ */ o("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: _("eventfullymanaged.registration.description", "Track registrations and attendee profiles via backend GraphQL APIs.")
-			})] }),
-			/* @__PURE__ */ o(i, {
-				heading: y.loading ? _("eventfullymanaged.registration.registrations.loading", "Loading registrations...") : `${_("eventfullymanaged.registration.registrations.heading", "Registrations")} (${S.length})`,
-				emptyLabel: _("eventfullymanaged.registration.registrations.empty", "No registrations found."),
-				rows: S.map((e) => ({
-					id: e.id,
-					title: e.attendeeId ? `${_("eventfullymanaged.registration.registrations.attendeePrefix", "Attendee")} ${e.attendeeId}` : `${_("eventfullymanaged.registration.registrations.itemPrefix", "Registration")} ${e.id}`,
-					subtitle: [e.quantity ? `${_("eventfullymanaged.registration.registrations.quantityPrefix", "Qty")} ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
-					status: e.status
-				}))
+			/* @__PURE__ */ f("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: r ? "Loading registrations…" : `Registrations (${h})`
 			}),
-			/* @__PURE__ */ o(i, {
-				heading: b.loading ? _("eventfullymanaged.registration.attendees.loading", "Loading attendees...") : `${_("eventfullymanaged.registration.attendees.heading", "Attendees")} (${C.length})`,
-				emptyLabel: _("eventfullymanaged.registration.attendees.empty", "No attendees found."),
-				emptyIllustration: "empty-people",
-				rows: C.map((e) => ({
-					id: e.id,
-					title: e.fullName ?? e.id,
-					subtitle: [
-						e.email,
-						e.company,
-						e.role
-					].filter(Boolean).join(" • ")
-				}))
+			m.length === 0 && !r ? /* @__PURE__ */ f(w, {
+				illustration: "empty-data",
+				title: "No registrations yet.",
+				description: "Register your first attendee to start tracking sign-ups.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: m.map((e) => {
+					let t = D.filter((t) => t !== (e.status ?? "").toUpperCase()).map((t, n) => ({
+						key: t,
+						label: `Set ${t.replace("_", " ").toLowerCase()}`,
+						onSelect: () => void g(e, t),
+						separatorBefore: n === 0
+					}));
+					return /* @__PURE__ */ p("li", {
+						className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+						children: [/* @__PURE__ */ p("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ f("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: e.attendeeId ? `Attendee ${e.attendeeId}` : `Registration ${e.id}`
+							}), /* @__PURE__ */ f("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: [`Qty ${e.quantity}`, e.totalAmount ? `${e.totalAmount} ${e.currency}` : void 0].filter(Boolean).join(" • ")
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [/* @__PURE__ */ f(y, {
+								variant: O(e.status),
+								children: e.status ?? "UNKNOWN"
+							}), /* @__PURE__ */ f(s, {
+								ariaLabel: "Registration actions",
+								extraItems: t
+							})]
+						})]
+					}, e.id);
+				})
 			}),
-			/* @__PURE__ */ o(i, {
-				heading: x.loading ? _("eventfullymanaged.registration.promoCodes.loading", "Loading promo codes...") : `${_("eventfullymanaged.registration.promoCodes.heading", "Promo Codes")} (${w.length})`,
-				emptyLabel: _("eventfullymanaged.registration.promoCodes.empty", "No promo codes configured."),
-				rows: w.map((e) => ({
-					id: e.id,
-					title: e.code,
-					subtitle: `${e.discountType} ${e.discountValue}`,
-					status: e.isActive ? "active" : "inactive"
-				}))
+			/* @__PURE__ */ f(c, {
+				offset: e.offset,
+				limit: e.limit,
+				loadedCount: m.length,
+				total: h,
+				onPrev: e.prevPage,
+				onNext: e.nextPage,
+				itemLabel: "registrations",
+				loading: r
+			})
+		]
+	});
+}
+function A() {
+	let { navigate: t } = e(), r = l({ pageSize: 10 }), { data: i, loading: a } = n({
+		limit: r.limit,
+		offset: r.offset
+	}), o = d(() => i?.attendees.items ?? [], [i]), u = i?.attendees.total ?? 0;
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: a ? "Loading attendees…" : `Attendees (${u})`
+				}), /* @__PURE__ */ p(b, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => t("/registration/attendees/create"),
+					children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), "Add attendee"]
+				})]
+			}),
+			o.length === 0 && !a ? /* @__PURE__ */ f(w, {
+				illustration: "empty-people",
+				title: "No attendees yet.",
+				description: "Add attendees or register one to build your guest list.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: o.map((e) => /* @__PURE__ */ p("li", {
+					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+					children: [/* @__PURE__ */ p("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ f("p", {
+							className: "truncate text-sm font-medium text-text-primary",
+							children: e.fullName
+						}), /* @__PURE__ */ f("p", {
+							className: "truncate text-xs text-text-secondary",
+							children: [
+								e.email,
+								e.company,
+								e.role
+							].filter(Boolean).join(" • ")
+						})]
+					}), /* @__PURE__ */ f(s, {
+						ariaLabel: `Actions for ${e.fullName}`,
+						onView: () => t(`/attendees/${e.id}/profile`),
+						onEdit: () => t(`/registration/attendees/${e.id}/edit`)
+					})]
+				}, e.id))
 			}),
-			/* @__PURE__ */ o(m, {
+			/* @__PURE__ */ f(c, {
+				offset: r.offset,
+				limit: r.limit,
+				loadedCount: o.length,
+				total: u,
+				onPrev: r.prevPage,
+				onNext: r.nextPage,
+				itemLabel: "attendees",
+				loading: a
+			})
+		]
+	});
+}
+function j() {
+	let { navigate: n } = e(), a = l({ pageSize: 10 }), { data: o, loading: u } = i({
+		limit: a.limit,
+		offset: a.offset
+	}), [m] = r(), h = d(() => o?.promoCodes.items ?? [], [o]), _ = o?.promoCodes.total ?? 0, v = async (e) => {
+		let n = await m({ variables: { id: e.id } });
+		if (n.error) throw t.error("Could not delete promo code", n.error.message), n.error;
+		t.success("Promo code deleted", e.code);
+	};
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: u ? "Loading promo codes…" : `Promo Codes (${_})`
+				}), /* @__PURE__ */ p(b, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => n("/registration/promo-codes/create"),
+					children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), "New promo code"]
+				})]
+			}),
+			h.length === 0 && !u ? /* @__PURE__ */ f(w, {
+				illustration: "empty-data",
+				title: "No promo codes yet.",
+				description: "Create a code to offer discounts and drive registrations.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: h.map((e) => /* @__PURE__ */ p("li", {
+					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+					children: [/* @__PURE__ */ p("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ f("p", {
+							className: "truncate text-sm font-medium text-text-primary",
+							children: e.code
+						}), /* @__PURE__ */ p("p", {
+							className: "truncate text-xs text-text-secondary",
+							children: [e.discountType === "PERCENT" ? `${e.discountValue}% off` : `${e.discountValue} off`, e.maxUses == null ? ` • ${e.usedCount} used` : ` • ${e.usedCount}/${e.maxUses} used`]
+						})]
+					}), /* @__PURE__ */ p("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ f(y, {
+							variant: e.isActive ? "default" : "secondary",
+							children: e.isActive ? "Active" : "Inactive"
+						}), /* @__PURE__ */ f(s, {
+							ariaLabel: `Actions for ${e.code}`,
+							onEdit: () => n(`/registration/promo-codes/${e.id}/edit`),
+							onDelete: () => v(e),
+							entityName: e.code
+						})]
+					})]
+				}, e.id))
+			}),
+			/* @__PURE__ */ f(c, {
+				offset: a.offset,
+				limit: a.limit,
+				loadedCount: h.length,
+				total: _,
+				onPrev: a.prevPage,
+				onNext: a.nextPage,
+				itemLabel: "promo codes",
+				loading: u
+			})
+		]
+	});
+}
+function M() {
+	let { navigate: t } = e();
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f(E, { children: "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a registration's status, and manage discount codes — all backed by live GraphQL APIs." }),
+			/* @__PURE__ */ f(x, { children: /* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ f(C, { children: "Registration" })
+				}), /* @__PURE__ */ f("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Track registrations, attendees, and promo codes with backend persistence."
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							onClick: () => t("/registration/register"),
+							children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), "Register attendee"]
+						}),
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							variant: "outline",
+							onClick: () => t("/registration/attendees/create"),
+							children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), "Add attendee"]
+						}),
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							variant: "outline",
+							onClick: () => t("/registration/promo-codes/create"),
+							children: [/* @__PURE__ */ f(h, { className: "h-4 w-4" }), "New promo code"]
+						})
+					]
+				})]
+			}) }),
+			/* @__PURE__ */ f(k, {}),
+			/* @__PURE__ */ f(A, {}),
+			/* @__PURE__ */ f(j, {}),
+			/* @__PURE__ */ f(T, {
 				storageKey: "eventfullymanaged-registration",
-				title: _("eventfullymanaged.registration.nextSteps.title", "Grow your registrations"),
+				title: "Grow your registrations",
 				steps: [
 					{
 						id: "view-networking",
-						label: _("eventfullymanaged.registration.nextSteps.networking", "Set up attendee networking"),
-						description: _("eventfullymanaged.registration.nextSteps.networkingDesc", "Turn registered attendees into connections with matchmaking."),
-						icon: /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
-						onClick: () => v("/networking")
+						label: "Set up attendee networking",
+						description: "Turn registered attendees into connections with matchmaking.",
+						icon: /* @__PURE__ */ f(v, { className: "h-4 w-4" }),
+						onClick: () => t("/networking")
 					},
 					{
 						id: "promote",
-						label: _("eventfullymanaged.registration.nextSteps.promote", "Promote with a campaign"),
-						description: _("eventfullymanaged.registration.nextSteps.promoteDesc", "Send reminders and offers to drive more sign-ups."),
-						icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
-						onClick: () => v("/communication")
+						label: "Promote with a campaign",
+						description: "Send reminders and offers to drive more sign-ups.",
+						icon: /* @__PURE__ */ f(m, { className: "h-4 w-4" }),
+						onClick: () => t("/communication")
 					},
 					{
 						id: "analyze",
-						label: _("eventfullymanaged.registration.nextSteps.analyze", "Snapshot your numbers"),
-						description: _("eventfullymanaged.registration.nextSteps.analyzeDesc", "Capture an analytics snapshot to track registration trends."),
-						icon: /* @__PURE__ */ o(l, { className: "h-4 w-4" }),
-						onClick: () => v("/analytics")
+						label: "Snapshot your numbers",
+						description: "Capture an analytics snapshot to track registration trends.",
+						icon: /* @__PURE__ */ f(h, { className: "h-4 w-4" }),
+						onClick: () => t("/analytics")
 					}
 				]
 			})
@@ -97,6 +309,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { M as default };
 
 //# sourceMappingURL=RegistrationPage.js.map

package/dist/eventfullymanaged/pages/modules/RegistrationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/RegistrationPage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Megaphone, Tag, Users } from 'lucide-react';\nimport { EmphasisPanel, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useAttendeesQuery, usePromoCodesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\nexport default function RegistrationPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const promoCodesQuery = usePromoCodesQuery({ limit: 100, offset: 0 });\n\n  const registrations = useMemo(\n    () => (registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[],\n    [registrationsQuery.data]\n  );\n  const attendees = useMemo(() => (attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[], [attendeesQuery.data]);\n  const promoCodes = useMemo(() => promoCodesQuery.data?.promoCodes.items ?? [], [promoCodesQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.registration.purpose',\n          'This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Use this page to monitor sign-up volume, look up an attendee, and check that your discount codes are working.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{t('eventfullymanaged.registration.title', 'Registration')}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t(\n            'eventfullymanaged.registration.description',\n            'Track registrations and attendee profiles via backend GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading\n            ? t('eventfullymanaged.registration.registrations.loading', 'Loading registrations...')\n            : `${t('eventfullymanaged.registration.registrations.heading', 'Registrations')} (${registrations.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.registrations.empty', 'No registrations found.')}\n        rows={registrations.map((row) => ({\n          id: row.id,\n          title: row.attendeeId\n            ? `${t('eventfullymanaged.registration.registrations.attendeePrefix', 'Attendee')} ${row.attendeeId}`\n            : `${t('eventfullymanaged.registration.registrations.itemPrefix', 'Registration')} ${row.id}`,\n          subtitle: [\n            row.quantity\n              ? `${t('eventfullymanaged.registration.registrations.quantityPrefix', 'Qty')} ${row.quantity}`\n              : undefined,\n            row.totalAmount ? `${row.totalAmount} ${row.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: row.status,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          attendeesQuery.loading\n            ? t('eventfullymanaged.registration.attendees.loading', 'Loading attendees...')\n            : `${t('eventfullymanaged.registration.attendees.heading', 'Attendees')} (${attendees.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.attendees.empty', 'No attendees found.')}\n        emptyIllustration=\"empty-people\"\n        rows={attendees.map((row) => ({\n          id: row.id,\n          title: row.fullName ?? row.id,\n          subtitle: [row.email, row.company, row.role].filter(Boolean).join(' • '),\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          promoCodesQuery.loading\n            ? t('eventfullymanaged.registration.promoCodes.loading', 'Loading promo codes...')\n            : `${t('eventfullymanaged.registration.promoCodes.heading', 'Promo Codes')} (${promoCodes.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.promoCodes.empty', 'No promo codes configured.')}\n        rows={promoCodes.map((row) => ({\n          id: row.id,\n          title: row.code,\n          subtitle: `${row.discountType} ${row.discountValue}`,\n          status: row.isActive ? 'active' : 'inactive',\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-registration\"\n        title={t('eventfullymanaged.registration.nextSteps.title', 'Grow your registrations')}\n        steps={[\n          {\n            id: 'view-networking',\n            label: t('eventfullymanaged.registration.nextSteps.networking', 'Set up attendee networking'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.networkingDesc',\n              'Turn registered attendees into connections with matchmaking.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'promote',\n            label: t('eventfullymanaged.registration.nextSteps.promote', 'Promote with a campaign'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.promoteDesc',\n              'Send reminders and offers to drive more sign-ups.'\n            ),\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'analyze',\n            label: t('eventfullymanaged.registration.nextSteps.analyze', 'Snapshot your numbers'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.analyzeDesc',\n              'Capture an analytics snapshot to track registration trends.'\n            ),\n            icon: <Tag className=\"h-4 w-4\" />,\n            onClick: () => navigate('/analytics'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA0BA,SAAwB,IAAmB;CACzC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,gBAAa,GAAsB,EACrC,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAiB,EAAkB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC7D,IAAkB,EAAmB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAE/D,IAAgB,QACb,EAAmB,MAAM,cAAc,SAAS,EAAE,EACzD,CAAC,EAAmB,KAAK,CAC1B,EACK,IAAY,QAAe,EAAe,MAAM,UAAU,SAAS,EAAE,EAAoB,CAAC,EAAe,KAAK,CAAC,EAC/G,IAAa,QAAc,EAAgB,MAAM,WAAW,SAAS,EAAE,EAAE,CAAC,EAAgB,KAAK,CAAC;AAEtG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UACG,EACC,0CACA,sRACD,EACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,wCAAwC,eAAe,EAAgB,CAAA;IACrF,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,8CACA,sEACD;IACC,CAAA,CACU,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SACE,EAAmB,UACf,EAAE,wDAAwD,2BAA2B,GACrF,GAAG,EAAE,wDAAwD,gBAAgB,CAAC,IAAI,EAAc,OAAO;IAE7G,YAAY,EAAE,sDAAsD,0BAA0B;IAC9F,MAAM,EAAc,KAAK,OAAS;KAChC,IAAI,EAAI;KACR,OAAO,EAAI,aACP,GAAG,EAAE,+DAA+D,WAAW,CAAC,GAAG,EAAI,eACvF,GAAG,EAAE,2DAA2D,eAAe,CAAC,GAAG,EAAI;KAC3F,UAAU,CACR,EAAI,WACA,GAAG,EAAE,+DAA+D,MAAM,CAAC,GAAG,EAAI,aAClF,KAAA,GACJ,EAAI,cAAc,GAAG,EAAI,YAAY,GAAG,EAAI,YAAY,OAAO,KAAA,EAChE,CACE,OAAO,QAAQ,CACf,KAAK,MAAM;KACd,QAAQ,EAAI;KACb,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SACE,EAAe,UACX,EAAE,oDAAoD,uBAAuB,GAC7E,GAAG,EAAE,oDAAoD,YAAY,CAAC,IAAI,EAAU,OAAO;IAEjG,YAAY,EAAE,kDAAkD,sBAAsB;IACtF,mBAAkB;IAClB,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OAAO,EAAI,YAAY,EAAI;KAC3B,UAAU;MAAC,EAAI;MAAO,EAAI;MAAS,EAAI;MAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,MAAM;KACzE,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SACE,EAAgB,UACZ,EAAE,qDAAqD,yBAAyB,GAChF,GAAG,EAAE,qDAAqD,cAAc,CAAC,IAAI,EAAW,OAAO;IAErG,YAAY,EAAE,mDAAmD,6BAA6B;IAC9F,MAAM,EAAW,KAAK,OAAS;KAC7B,IAAI,EAAI;KACR,OAAO,EAAI;KACX,UAAU,GAAG,EAAI,aAAa,GAAG,EAAI;KACrC,QAAQ,EAAI,WAAW,WAAW;KACnC,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,YAAW;IACX,OAAO,EAAE,kDAAkD,0BAA0B;IACrF,OAAO;KACL;MACE,IAAI;MACJ,OAAO,EAAE,uDAAuD,6BAA6B;MAC7F,aAAa,EACX,2DACA,+DACD;MACD,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,cAAc;MACvC;KACD;MACE,IAAI;MACJ,OAAO,EAAE,oDAAoD,0BAA0B;MACvF,aAAa,EACX,wDACA,oDACD;MACD,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACD;MACE,IAAI;MACJ,OAAO,EAAE,oDAAoD,wBAAwB;MACrF,aAAa,EACX,wDACA,8DACD;MACD,MAAM,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;MACjC,eAAe,EAAS,aAAa;MACtC;KACF;IACD,CAAA;GACE"}
+{"version":3,"file":"RegistrationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/RegistrationPage.tsx"],"sourcesContent":["import { Megaphone, Tag, TicketPlus, UserPlus, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport {\n  useAttendeesQuery,\n  useDeletePromoCodeMutation,\n  usePromoCodesQuery,\n  useRegistrationsQuery,\n  useUpdateRegistrationMutation,\n  type AttendeeGql,\n  type PromoCodeGql,\n  type RegistrationGql,\n} from '../../api/eventApi';\nimport { ActionMenu, type ActionMenuItem } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\nconst REGISTRATION_STATUSES = ['PENDING', 'CONFIRMED', 'WAITLISTED', 'CANCELLED', 'CHECKED_IN'] as const;\n\nfunction statusVariant(status?: string | null): 'default' | 'secondary' | 'destructive' | 'outline' {\n  switch ((status ?? '').toUpperCase()) {\n    case 'CONFIRMED':\n    case 'CHECKED_IN':\n      return 'default';\n    case 'CANCELLED':\n      return 'destructive';\n    case 'WAITLISTED':\n      return 'outline';\n    default:\n      return 'secondary';\n  }\n}\n\nfunction RegistrationsSection() {\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = useRegistrationsQuery({ limit: pagination.limit, offset: pagination.offset });\n  const [updateRegistration] = useUpdateRegistrationMutation();\n\n  const items = useMemo<RegistrationGql[]>(() => data?.registrations.items ?? [], [data]);\n  const total = data?.registrations.total ?? 0;\n\n  const changeStatus = async (row: RegistrationGql, status: string) => {\n    const response = await updateRegistration({\n      variables: {\n        id: row.id,\n        input: {\n          eventId: row.eventId,\n          attendeeId: row.attendeeId ?? null,\n          ticketTypeId: row.ticketTypeId ?? null,\n          quantity: row.quantity,\n          currency: row.currency,\n          totalAmount: row.totalAmount ?? null,\n          status,\n        },\n      },\n    });\n    if (!mutationSucceeded(response, response.data?.updateRegistration?.id, 'Could not update registration')) {\n      return;\n    }\n    notify.success('Registration updated', `Status set to ${status}`);\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">\n        {loading ? 'Loading registrations…' : `Registrations (${total})`}\n      </h2>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No registrations yet.\"\n          description=\"Register your first attendee to start tracking sign-ups.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => {\n            const statusItems: ActionMenuItem[] = REGISTRATION_STATUSES.filter(\n              (candidate) => candidate !== (row.status ?? '').toUpperCase()\n            ).map((candidate, index) => ({\n              key: candidate,\n              label: `Set ${candidate.replace('_', ' ').toLowerCase()}`,\n              onSelect: () => void changeStatus(row, candidate),\n              separatorBefore: index === 0,\n            }));\n            return (\n              <li\n                key={row.id}\n                className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {row.attendeeId ? `Attendee ${row.attendeeId}` : `Registration ${row.id}`}\n                  </p>\n                  <p className=\"truncate text-xs text-text-secondary\">\n                    {[\n                      `Qty ${row.quantity}`,\n                      row.totalAmount ? `${row.totalAmount} ${row.currency}` : undefined,\n                    ]\n                      .filter(Boolean)\n                      .join(' • ')}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-2\">\n                  <Badge variant={statusVariant(row.status)}>{row.status ?? 'UNKNOWN'}</Badge>\n                  <ActionMenu ariaLabel=\"Registration actions\" extraItems={statusItems} />\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"registrations\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nfunction AttendeesSection() {\n  const { navigate } = useEventfullyManaged();\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = useAttendeesQuery({ limit: pagination.limit, offset: pagination.offset });\n\n  const items = useMemo<AttendeeGql[]>(() => data?.attendees.items ?? [], [data]);\n  const total = data?.attendees.total ?? 0;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {loading ? 'Loading attendees…' : `Attendees (${total})`}\n        </h2>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => navigate('/registration/attendees/create')}>\n          <UserPlus className=\"h-4 w-4\" />\n          Add attendee\n        </Button>\n      </div>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No attendees yet.\"\n          description=\"Add attendees or register one to build your guest list.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => (\n            <li\n              key={row.id}\n              className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{row.fullName}</p>\n                <p className=\"truncate text-xs text-text-secondary\">\n                  {[row.email, row.company, row.role].filter(Boolean).join(' • ')}\n                </p>\n              </div>\n              <ActionMenu\n                ariaLabel={`Actions for ${row.fullName}`}\n                onView={() => navigate(`/attendees/${row.id}/profile`)}\n                onEdit={() => navigate(`/registration/attendees/${row.id}/edit`)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"attendees\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nfunction PromoCodesSection() {\n  const { navigate } = useEventfullyManaged();\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = usePromoCodesQuery({ limit: pagination.limit, offset: pagination.offset });\n  const [deletePromoCode] = useDeletePromoCodeMutation();\n\n  const items = useMemo<PromoCodeGql[]>(() => data?.promoCodes.items ?? [], [data]);\n  const total = data?.promoCodes.total ?? 0;\n\n  const onDelete = async (row: PromoCodeGql) => {\n    const response = await deletePromoCode({ variables: { id: row.id } });\n    if (response.error) {\n      notify.error('Could not delete promo code', response.error.message);\n      throw response.error;\n    }\n    notify.success('Promo code deleted', row.code);\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {loading ? 'Loading promo codes…' : `Promo Codes (${total})`}\n        </h2>\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"outline\"\n          onClick={() => navigate('/registration/promo-codes/create')}\n        >\n          <TicketPlus className=\"h-4 w-4\" />\n          New promo code\n        </Button>\n      </div>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No promo codes yet.\"\n          description=\"Create a code to offer discounts and drive registrations.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => (\n            <li\n              key={row.id}\n              className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{row.code}</p>\n                <p className=\"truncate text-xs text-text-secondary\">\n                  {row.discountType === 'PERCENT' ? `${row.discountValue}% off` : `${row.discountValue} off`}\n                  {row.maxUses != null ? ` • ${row.usedCount}/${row.maxUses} used` : ` • ${row.usedCount} used`}\n                </p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <Badge variant={row.isActive ? 'default' : 'secondary'}>{row.isActive ? 'Active' : 'Inactive'}</Badge>\n                <ActionMenu\n                  ariaLabel={`Actions for ${row.code}`}\n                  onEdit={() => navigate(`/registration/promo-codes/${row.id}/edit`)}\n                  onDelete={() => onDelete(row)}\n                  entityName={row.code}\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"promo codes\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nexport default function RegistrationPage() {\n  const { navigate } = useEventfullyManaged();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people\n        behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a\n        registration&apos;s status, and manage discount codes — all backed by live GraphQL APIs.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              <GradientText>Registration</GradientText>\n            </h1>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Track registrations, attendees, and promo codes with backend persistence.\n            </p>\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            <Button type=\"button\" onClick={() => navigate('/registration/register')}>\n              <TicketPlus className=\"h-4 w-4\" />\n              Register attendee\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('/registration/attendees/create')}>\n              <UserPlus className=\"h-4 w-4\" />\n              Add attendee\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('/registration/promo-codes/create')}>\n              <Tag className=\"h-4 w-4\" />\n              New promo code\n            </Button>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <RegistrationsSection />\n      <AttendeesSection />\n      <PromoCodesSection />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-registration\"\n        title=\"Grow your registrations\"\n        steps={[\n          {\n            id: 'view-networking',\n            label: 'Set up attendee networking',\n            description: 'Turn registered attendees into connections with matchmaking.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'promote',\n            label: 'Promote with a campaign',\n            description: 'Send reminders and offers to drive more sign-ups.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'analyze',\n            label: 'Snapshot your numbers',\n            description: 'Capture an analytics snapshot to track registration trends.',\n            icon: <Tag className=\"h-4 w-4\" />,\n            onClick: () => navigate('/analytics'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}