@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/check-in/page.js

@@ -0,0 +1,252 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import {
+  ScanLine,
+  Camera,
+  QrCode,
+  CheckCircle2,
+  XCircle,
+  ChevronDown,
+  Calendar
+} from "lucide-react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import {
+  DEMO_TICKETED_EVENTS,
+  filterDemoAttendees
+} from "../bookings/attendees/demo-data";
+import { useTicketScan } from "@withpotter/hooks/use-ticket-scan";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { contentApi } from "@withpotter/lib/api/content";
+import { useScreenHeader } from "@withpotter/hooks/use-screen-header";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import { MetricRow, MetricTile } from "@withpotter/ui-kit/metric-row";
+import { QrScannerModal } from "@withpotter/pages-bookings/dashboard/(bookings)/bookings/attendees/_components/qr-scanner-modal";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input } from "@withpotter/ui-kit";
+function CheckInDashboardPage() {
+  const [selectedEventId, setSelectedEventId] = useState("");
+  const [showScanner, setShowScanner] = useState(false);
+  const [showEventDropdown, setShowEventDropdown] = useState(false);
+  const [recentScans, setRecentScans] = useState([]);
+  useScreenHeader({ title: "Check-in" });
+  const { data: eventsData } = useApiQuery(
+    ["ticketed-events"],
+    (slug) => contentApi.list(slug, "products", {
+      behaviors: ["ticketed"],
+      limit: 50
+    })
+  );
+  const demoActive = useDemoMode();
+  const events = demoActive ? DEMO_TICKETED_EVENTS : eventsData?.data || [];
+  const selectedEvent = useMemo(
+    () => events.find((e) => e.id === selectedEventId),
+    [events, selectedEventId]
+  );
+  const { data: bookingsData, refetch } = useApiQuery(
+    ["check-in-attendees", selectedEventId],
+    (slug) => bookingsApi.list(slug, {
+      contentId: selectedEventId || void 0,
+      type: "event",
+      limit: 200
+    })
+  );
+  useRegisterRefresh(refetch);
+  const demoAttendees = useMemo(
+    () => demoActive ? filterDemoAttendees({ contentId: selectedEventId }) : [],
+    [demoActive, selectedEventId]
+  );
+  const attendees = demoActive ? demoAttendees : bookingsData?.data || [];
+  const totalAttendees = demoActive ? demoAttendees.length : bookingsData?.total || 0;
+  const checkedInCount = attendees.filter(
+    (a) => a.status === "checked_in" || a.checkedInAt
+  ).length;
+  const checkInRate = totalAttendees > 0 ? Math.round(checkedInCount / totalAttendees * 100) : 0;
+  const {
+    scanInput,
+    setScanInput,
+    scanResult,
+    scan: handleQrScan,
+    submitTyped: handleScan,
+    pending: scanPending
+  } = useTicketScan({
+    invalidate: [["check-in-attendees"], ["attendees"]],
+    onScanned: (result) => {
+      if (result) {
+        setRecentScans((prev) => [
+          {
+            name: result.booking?.customerName || "Guest",
+            success: result.checkedIn,
+            time: /* @__PURE__ */ new Date()
+          },
+          ...prev.slice(0, 9)
+        ]);
+      }
+      refetch();
+    }
+  });
+  const handleEventSelect = (eventId) => {
+    setSelectedEventId(eventId);
+    setShowEventDropdown(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto space-y-4 lg:space-y-6", children: [
+    /* @__PURE__ */ jsx(
+      MobilePageHeader,
+      {
+        title: "Check-in",
+        action: {
+          label: "Scanner",
+          onClick: () => setShowScanner(true)
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "hidden lg:flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("h1", { className: "text-title font-semibold text-[var(--text-primary)]", children: "Check-in" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 shrink-0", children: /* @__PURE__ */ jsxs(Button, { className: "sm:px-4", onClick: () => setShowScanner(true), children: [
+        /* @__PURE__ */ jsx(Camera, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Open scanner" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx("div", { className: "bg-[var(--bg-subtle)] rounded-ios-lg p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 text-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-[var(--text-primary)]", children: totalAttendees }),
+        /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--text-muted)] mt-0.5", children: "Total" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "w-px bg-[var(--border-subtle)]" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 text-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-[var(--success)]", children: checkedInCount }),
+        /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--text-muted)] mt-0.5", children: "Checked in" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "w-px bg-[var(--border-subtle)]" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 text-center", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-xl font-bold text-brand-500", children: [
+          checkInRate,
+          "%"
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--text-muted)] mt-0.5", children: "Rate" })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsxs(MetricRow, { children: [
+      /* @__PURE__ */ jsx(MetricTile, { label: "Total attendees", value: totalAttendees }),
+      /* @__PURE__ */ jsx(MetricTile, { label: "Checked in", value: checkedInCount }),
+      /* @__PURE__ */ jsx(MetricTile, { label: "Check-in rate", value: `${checkInRate}%` })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "secondary",
+          className: "w-full justify-between",
+          onClick: () => setShowEventDropdown(!showEventDropdown),
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Calendar, { className: "size-4 text-[var(--text-muted)]" }),
+              selectedEvent ? selectedEvent.title : "All events"
+            ] }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 text-[var(--text-muted)]" })
+          ]
+        }
+      ),
+      showEventDropdown && /* @__PURE__ */ jsxs("div", { className: "absolute z-10 mt-1 w-full bg-[var(--bg-base)] border border-[var(--border-subtle)] rounded-md shadow-lg py-1 max-h-64 overflow-y-auto", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleEventSelect(""),
+            className: `w-full flex items-center gap-2 px-3 py-2 text-sm text-left hover:bg-[var(--interactive-hover)] ${!selectedEventId ? "bg-[var(--bg-subtle)] font-medium" : ""}`,
+            children: "All events"
+          }
+        ),
+        events.map((event) => {
+          const ticketed = event.behaviors?.ticketed;
+          const eventDate = ticketed?.eventDate ? new Date(ticketed.eventDate).toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric"
+          }) : null;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleEventSelect(event.id),
+              className: `w-full flex items-center justify-between px-3 py-2 text-sm text-left hover:bg-[var(--interactive-hover)] ${selectedEventId === event.id ? "bg-[var(--bg-subtle)] font-medium" : ""}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: event.title }),
+                eventDate && /* @__PURE__ */ jsx("span", { className: "text-[var(--text-tertiary)] text-xs flex-shrink-0 ml-2", children: eventDate })
+              ]
+            },
+            event.id
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ jsx(QrCode, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              value: scanInput,
+              onChange: (e) => setScanInput(e.target.value),
+              onKeyDown: (e) => e.key === "Enter" && handleScan(),
+              placeholder: "Enter or scan ticket code...",
+              className: "w-full pl-10 pr-4"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleScan,
+            disabled: !scanInput.trim() || scanPending,
+            children: "Check in"
+          }
+        )
+      ] }),
+      scanResult && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `mt-2 px-3 py-2 rounded-md text-sm flex items-center gap-2 ${scanResult.success ? "bg-[var(--success-bg)] text-[var(--success)]" : "bg-[var(--error-bg)] text-[var(--error)]"}`,
+          children: [
+            scanResult.success ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4 flex-shrink-0" }) : /* @__PURE__ */ jsx(XCircle, { className: "size-4 flex-shrink-0" }),
+            scanResult.message
+          ]
+        }
+      )
+    ] }),
+    recentScans.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "surface p-8 text-center", children: [
+      /* @__PURE__ */ jsx(ScanLine, { className: "size-8 text-[var(--text-muted)] mx-auto mb-2" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "No scans yet this session" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: "Scan a ticket QR code or enter a code above to check in attendees." })
+    ] }) : /* @__PURE__ */ jsx("div", { className: "surface divide-y divide-[var(--border-subtle)]", children: recentScans.map((scan, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex items-center gap-3 px-4 py-3",
+        children: [
+          scan.success ? /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4 text-[var(--success)] flex-shrink-0" }) : /* @__PURE__ */ jsx(XCircle, { className: "size-4 text-[var(--error)] flex-shrink-0" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: scan.name }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)] flex-shrink-0", children: scan.time.toLocaleTimeString("en-US", {
+            hour: "numeric",
+            minute: "2-digit"
+          }) })
+        ]
+      },
+      `${scan.time.getTime()}-${i}`
+    )) }),
+    /* @__PURE__ */ jsx(
+      QrScannerModal,
+      {
+        open: showScanner,
+        onClose: () => setShowScanner(false),
+        onScan: handleQrScan
+      }
+    )
+  ] });
+}
+export {
+  CheckInDashboardPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/check-in/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/check-in/page.tsx"],"sourcesContent":["'use client';\n\n/**\n * Check-In Dashboard — day-of operations surface for event organizers.\n *\n * Surfaces: live check-in counter, QR scanner, manual code entry,\n * recent scans feed, and event selector. This is an intent-specific\n * page registered by the event-tickets intent.\n */\n\nimport { useState, useMemo } from 'react';\nimport {\n  ScanLine,\n  Camera,\n  QrCode,\n  CheckCircle2,\n  XCircle,\n  ChevronDown,\n  Calendar,\n} from 'lucide-react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport {\n  DEMO_TICKETED_EVENTS,\n  filterDemoAttendees,\n} from '../bookings/attendees/demo-data';\nimport { useTicketScan } from '@withpotter/hooks/use-ticket-scan';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport { contentApi } from '@withpotter/lib/api/content';\nimport type { BookingListResponse, ContentListResponse } from '@withpotter/lib/api/types';\nimport { useScreenHeader } from '@withpotter/hooks/use-screen-header';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport { MetricRow, MetricTile } from '@withpotter/ui-kit/metric-row';\nimport { QrScannerModal } from '@withpotter/pages-bookings/dashboard/(bookings)/bookings/attendees/_components/qr-scanner-modal';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input } from '@withpotter/ui-kit';\n\nexport default function CheckInDashboardPage() {\n  const [selectedEventId, setSelectedEventId] = useState('');\n  const [showScanner, setShowScanner] = useState(false);\n  const [showEventDropdown, setShowEventDropdown] = useState(false);\n  const [recentScans, setRecentScans] = useState<\n    Array<{ name: string; success: boolean; time: Date }>\n  >([]);\n\n  useScreenHeader({ title: 'Check-in' });\n\n  // Fetch ticketed events for the selector\n  const { data: eventsData } = useApiQuery<ContentListResponse>(\n    ['ticketed-events'],\n    (slug) =>\n      contentApi.list(slug, 'products', {\n        behaviors: ['ticketed'],\n        limit: 50,\n      }),\n  );\n\n  // Same seed the Attendees screen uses. Two modules would let a demo show an\n  // event here that does not exist there, and a check-in total that disagrees\n  // with the list it was counted from.\n  const demoActive = useDemoMode();\n  const events = demoActive ? DEMO_TICKETED_EVENTS : eventsData?.data || [];\n\n  const selectedEvent = useMemo(\n    () => events.find((e) => e.id === selectedEventId),\n    [events, selectedEventId],\n  );\n\n  // Fetch attendees/bookings for the selected event to get check-in stats\n  const { data: bookingsData, refetch } = useApiQuery<BookingListResponse>(\n    ['check-in-attendees', selectedEventId],\n    (slug) =>\n      bookingsApi.list(slug, {\n        contentId: selectedEventId || undefined,\n        type: 'event',\n        limit: 200,\n      }),\n  );\n\n  useRegisterRefresh(refetch);\n\n  const demoAttendees = useMemo(\n    () =>\n      demoActive ? filterDemoAttendees({ contentId: selectedEventId }) : [],\n    [demoActive, selectedEventId],\n  );\n\n  const attendees = demoActive ? demoAttendees : bookingsData?.data || [];\n  const totalAttendees = demoActive\n    ? demoAttendees.length\n    : bookingsData?.total || 0;\n  const checkedInCount = attendees.filter(\n    (a) => a.status === 'checked_in' || a.checkedInAt,\n  ).length;\n  const checkInRate =\n    totalAttendees > 0\n      ? Math.round((checkedInCount / totalAttendees) * 100)\n      : 0;\n\n  // The door's own addition on top of the shared scan: a running feed of who\n  // just came through, so whoever is on the entrance can see the last ten\n  // without reading the roster.\n  const {\n    scanInput,\n    setScanInput,\n    scanResult,\n    scan: handleQrScan,\n    submitTyped: handleScan,\n    pending: scanPending,\n  } = useTicketScan({\n    invalidate: [['check-in-attendees'], ['attendees']],\n    onScanned: (result) => {\n      if (result) {\n        setRecentScans((prev) => [\n          {\n            name: result.booking?.customerName || 'Guest',\n            success: result.checkedIn,\n            time: new Date(),\n          },\n          ...prev.slice(0, 9),\n        ]);\n      }\n      refetch();\n    },\n  });\n\n  const handleEventSelect = (eventId: string) => {\n    setSelectedEventId(eventId);\n    setShowEventDropdown(false);\n  };\n\n  return (\n    <div className=\"max-w-7xl mx-auto space-y-4 lg:space-y-6\">\n      {/* Mobile header */}\n      <MobilePageHeader\n        title=\"Check-in\"\n        action={{\n          label: 'Scanner',\n          onClick: () => setShowScanner(true),\n        }}\n      />\n\n      {/* Desktop header */}\n      <div className=\"hidden lg:flex items-center justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <h1 className=\"text-title font-semibold text-[var(--text-primary)]\">\n            Check-in\n          </h1>\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <Button className=\"sm:px-4\" onClick={() => setShowScanner(true)}>\n            <Camera className=\"size-4\" />\n            <span className=\"hidden sm:inline\">Open scanner</span>\n          </Button>\n        </div>\n      </div>\n\n      {/* Mobile summary card */}\n      <div className=\"lg:hidden\">\n        <div className=\"bg-[var(--bg-subtle)] rounded-ios-lg p-4\">\n          <div className=\"flex gap-3\">\n            <div className=\"flex-1 text-center\">\n              <span className=\"text-xl font-bold text-[var(--text-primary)]\">\n                {totalAttendees}\n              </span>\n              <p className=\"text-2xs text-[var(--text-muted)] mt-0.5\">Total</p>\n            </div>\n            <div className=\"w-px bg-[var(--border-subtle)]\" />\n            <div className=\"flex-1 text-center\">\n              <span className=\"text-xl font-bold text-[var(--success)]\">\n                {checkedInCount}\n              </span>\n              <p className=\"text-2xs text-[var(--text-muted)] mt-0.5\">\n                Checked in\n              </p>\n            </div>\n            <div className=\"w-px bg-[var(--border-subtle)]\" />\n            <div className=\"flex-1 text-center\">\n              <span className=\"text-xl font-bold text-brand-500\">\n                {checkInRate}%\n              </span>\n              <p className=\"text-2xs text-[var(--text-muted)] mt-0.5\">Rate</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Desktop stats: the same joined strip Orders uses, not three cards. */}\n      <div className=\"hidden lg:block\">\n        <MetricRow>\n          <MetricTile label=\"Total attendees\" value={totalAttendees} />\n          <MetricTile label=\"Checked in\" value={checkedInCount} />\n          <MetricTile label=\"Check-in rate\" value={`${checkInRate}%`} />\n        </MetricRow>\n      </div>\n\n      {/* Event selector */}\n      <div className=\"relative\">\n        <Button\n          variant=\"secondary\"\n          className=\"w-full justify-between\"\n          onClick={() => setShowEventDropdown(!showEventDropdown)}\n        >\n          <span className=\"flex items-center gap-2\">\n            <Calendar className=\"size-4 text-[var(--text-muted)]\" />\n            {selectedEvent ? selectedEvent.title : 'All events'}\n          </span>\n          <ChevronDown className=\"size-4 text-[var(--text-muted)]\" />\n        </Button>\n        {showEventDropdown && (\n          <div className=\"absolute z-10 mt-1 w-full bg-[var(--bg-base)] border border-[var(--border-subtle)] rounded-md shadow-lg py-1 max-h-64 overflow-y-auto\">\n            <button\n              type=\"button\"\n              onClick={() => handleEventSelect('')}\n              className={`w-full flex items-center gap-2 px-3 py-2 text-sm text-left hover:bg-[var(--interactive-hover)] ${\n                !selectedEventId ? 'bg-[var(--bg-subtle)] font-medium' : ''\n              }`}\n            >\n              All events\n            </button>\n            {events.map((event) => {\n              const ticketed = (\n                event as {\n                  behaviors?: { ticketed?: { eventDate?: string } };\n                }\n              ).behaviors?.ticketed;\n              const eventDate = ticketed?.eventDate\n                ? new Date(ticketed.eventDate).toLocaleDateString('en-US', {\n                    month: 'short',\n                    day: 'numeric',\n                  })\n                : null;\n              return (\n                <button\n                  type=\"button\"\n                  key={event.id}\n                  onClick={() => handleEventSelect(event.id)}\n                  className={`w-full flex items-center justify-between px-3 py-2 text-sm text-left hover:bg-[var(--interactive-hover)] ${\n                    selectedEventId === event.id\n                      ? 'bg-[var(--bg-subtle)] font-medium'\n                      : ''\n                  }`}\n                >\n                  <span className=\"truncate\">{event.title}</span>\n                  {eventDate && (\n                    <span className=\"text-[var(--text-tertiary)] text-xs flex-shrink-0 ml-2\">\n                      {eventDate}\n                    </span>\n                  )}\n                </button>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Manual scan bar */}\n      <div>\n        <div className=\"flex gap-2\">\n          <div className=\"relative flex-1\">\n            <QrCode className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-[var(--text-muted)]\" />\n            <Input\n              type=\"text\"\n              value={scanInput}\n              onChange={(e) => setScanInput(e.target.value)}\n              onKeyDown={(e) => e.key === 'Enter' && handleScan()}\n              placeholder=\"Enter or scan ticket code...\"\n              className=\"w-full pl-10 pr-4\"\n            />\n          </div>\n          <Button\n            onClick={handleScan}\n            disabled={!scanInput.trim() || scanPending}\n          >\n            Check in\n          </Button>\n        </div>\n        {scanResult && (\n          <div\n            className={`mt-2 px-3 py-2 rounded-md text-sm flex items-center gap-2 ${\n              scanResult.success\n                ? 'bg-[var(--success-bg)] text-[var(--success)]'\n                : 'bg-[var(--error-bg)] text-[var(--error)]'\n            }`}\n          >\n            {scanResult.success ? (\n              <CheckCircle2 className=\"size-4 flex-shrink-0\" />\n            ) : (\n              <XCircle className=\"size-4 flex-shrink-0\" />\n            )}\n            {scanResult.message}\n          </div>\n        )}\n      </div>\n\n      {/* Recent scans feed */}\n      {recentScans.length === 0 ? (\n        <div className=\"surface p-8 text-center\">\n          <ScanLine className=\"size-8 text-[var(--text-muted)] mx-auto mb-2\" />\n          <p className=\"text-sm text-[var(--text-secondary)]\">\n            No scans yet this session\n          </p>\n          <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">\n            Scan a ticket QR code or enter a code above to check in attendees.\n          </p>\n        </div>\n      ) : (\n        <div className=\"surface divide-y divide-[var(--border-subtle)]\">\n          {recentScans.map((scan, i) => (\n            <div\n              key={`${scan.time.getTime()}-${i}`}\n              className=\"flex items-center gap-3 px-4 py-3\"\n            >\n              {scan.success ? (\n                <CheckCircle2 className=\"size-4 text-[var(--success)] flex-shrink-0\" />\n              ) : (\n                <XCircle className=\"size-4 text-[var(--error)] flex-shrink-0\" />\n              )}\n              <div className=\"flex-1 min-w-0\">\n                <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                  {scan.name}\n                </span>\n              </div>\n              <span className=\"text-xs text-[var(--text-tertiary)] flex-shrink-0\">\n                {scan.time.toLocaleTimeString('en-US', {\n                  hour: 'numeric',\n                  minute: '2-digit',\n                })}\n              </span>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* QR Scanner Modal */}\n      <QrScannerModal\n        open={showScanner}\n        onClose={() => setShowScanner(false)}\n        onScan={handleQrScan}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/events/[eventId]/_components/event-attendees.js

@@ -0,0 +1,108 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Users } from "lucide-react";
+import {
+  Button,
+  Card,
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  StateView
+} from "@withpotter/ui-kit";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { resolveTicketCode } from "@withpotter/lib/ticket-access";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+const PREVIEW = 5;
+function EventAttendees({
+  eventId,
+  doorListHref
+}) {
+  const [open, setOpen] = useState(false);
+  const { data, isLoading } = useApiQuery(
+    ["event-attendees", eventId],
+    (slug) => bookingsApi.list(slug, {
+      contentId: eventId,
+      type: "event",
+      page: 1,
+      limit: 100
+    })
+  );
+  const attendees = data?.data ?? [];
+  const total = data?.total ?? attendees.length;
+  const checkedIn = attendees.filter((a) => a.checkedInAt).length;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-start justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--text-secondary)]", children: "Who is coming" }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs tabular-nums text-[var(--text-tertiary)]", children: [
+            total,
+            " ",
+            total === 1 ? "ticket" : "tickets",
+            checkedIn > 0 && ` \xB7 ${checkedIn} in`
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx("a", { href: doorListHref, children: "Open door list" }) })
+      ] }),
+      isLoading && attendees.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Reading the list\u2026" }) : attendees.length === 0 ? /* @__PURE__ */ jsx(
+        StateView,
+        {
+          kind: "empty",
+          icon: Users,
+          title: "Nobody yet",
+          description: "Share the link or the code and they will appear here as they buy."
+        }
+      ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: attendees.slice(0, PREVIEW).map((a) => /* @__PURE__ */ jsx(AttendeeRow, { attendee: a }, a.id)) }),
+        total > PREVIEW && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            variant: "secondary",
+            className: "mt-3",
+            onClick: () => setOpen(true),
+            children: [
+              "View all ",
+              total
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-lg", children: [
+      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Who is coming" }) }),
+      /* @__PURE__ */ jsx("ul", { className: "max-h-[60vh] space-y-1 overflow-y-auto", children: attendees.map((a) => /* @__PURE__ */ jsx(AttendeeRow, { attendee: a }, a.id)) }),
+      total > attendees.length && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-[var(--text-tertiary)]", children: [
+        "Showing the first ",
+        attendees.length,
+        " of ",
+        total,
+        ". The full roster, with search and check-in, is on the attendees screen."
+      ] })
+    ] }) })
+  ] });
+}
+function AttendeeRow({ attendee }) {
+  const inAt = attendee.checkedInAt ? new Date(attendee.checkedInAt).toLocaleTimeString("en-GB", {
+    hour: "numeric",
+    minute: "2-digit"
+  }) : null;
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 rounded-lg px-2 py-2", children: [
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "block truncate text-sm text-[var(--text-primary)]", children: attendee.customerName || attendee.customerEmail || "Guest" }),
+      /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-[var(--text-tertiary)]", children: inAt ? [
+        `In at ${inAt}`,
+        attendee.checkedInVia ? `on ${attendee.checkedInVia}` : null,
+        attendee.checkedInSource === "dashboard" ? "from a desk" : null
+      ].filter(Boolean).join(" \xB7 ") : resolveTicketCode({ booking: attendee }) || "Not checked in" })
+    ] }),
+    /* @__PURE__ */ jsx(StatusBadge, { status: attendee.checkedInAt ? "checked_in" : "confirmed" })
+  ] });
+}
+export {
+  EventAttendees
+};
+//# sourceMappingURL=event-attendees.js.map

package/dist/dashboard/(bookings)/events/[eventId]/_components/event-attendees.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/events/%5BeventId%5D/_components/event-attendees.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Users } from 'lucide-react';\nimport {\n  Button,\n  Card,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  StateView,\n} from '@withpotter/ui-kit';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { resolveTicketCode } from '@withpotter/lib/ticket-access';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport type { BookingItem } from '@withpotter/lib/api/types';\n\n/** How many stand on the page before the rest go behind View all. */\nconst PREVIEW = 5;\n\n/**\n * WHO IS COMING, on the event they are coming to.\n *\n * John, 2026-09-03: *\"the individual event should have an attendees section,\n * not a button, then we can have view all there which opens up a modal.\"*\n *\n * A button is what you put on a page when the answer lives somewhere else, and\n * the answer to \"is this selling\" is the first thing anybody opens an event to\n * find out. Five rows and a count answer it without leaving; the modal is for\n * the other question — reading down two hundred names looking for one — which\n * is genuinely a different screen and genuinely deserves to interrupt.\n *\n * IT IS NOT A SECOND ROSTER. Same request the attendees page makes, scoped to\n * this event by `contentId`, because an attendee is a customer in relation to\n * one night rather than a record of its own — the reason the global Attendees\n * nav row went in the first place.\n *\n * WHO LET THEM IN RIDES THE ROW. `checkedInVia` is the till, `checkedInSource`\n * says whether a door or a desk did it, and both are on the roster read rather\n * than a request per attendee: the morning-after question is asked of the\n * whole list at once.\n */\nexport function EventAttendees({\n  eventId,\n  doorListHref,\n}: {\n  eventId: string;\n  doorListHref: string;\n}) {\n  const [open, setOpen] = useState(false);\n\n  const { data, isLoading } = useApiQuery(\n    ['event-attendees', eventId],\n    (slug) =>\n      bookingsApi.list(slug, {\n        contentId: eventId,\n        type: 'event',\n        page: 1,\n        limit: 100,\n      }),\n  );\n\n  const attendees = (data?.data ?? []) as BookingItem[];\n  const total = data?.total ?? attendees.length;\n  const checkedIn = attendees.filter((a) => a.checkedInAt).length;\n\n  return (\n    <>\n      <Card>\n        <div className=\"mb-4 flex items-start justify-between gap-4\">\n          <div className=\"min-w-0\">\n            <p className=\"text-sm font-medium text-[var(--text-secondary)]\">\n              Who is coming\n            </p>\n            {/* The two numbers a promoter is watching belong under the\n                section label, not between the label and its action. */}\n            <p className=\"mt-1 text-xs tabular-nums text-[var(--text-tertiary)]\">\n              {total} {total === 1 ? 'ticket' : 'tickets'}\n              {checkedIn > 0 && ` · ${checkedIn} in`}\n            </p>\n          </div>\n          <Button variant=\"secondary\" asChild>\n            <a href={doorListHref}>Open door list</a>\n          </Button>\n        </div>\n\n        {isLoading && attendees.length === 0 ? (\n          <p className=\"text-sm text-[var(--text-tertiary)]\">\n            Reading the list…\n          </p>\n        ) : attendees.length === 0 ? (\n          <StateView\n            kind=\"empty\"\n            icon={Users}\n            title=\"Nobody yet\"\n            description=\"Share the link or the code and they will appear here as they buy.\"\n          />\n        ) : (\n          <>\n            <ul className=\"space-y-1\">\n              {attendees.slice(0, PREVIEW).map((a) => (\n                <AttendeeRow key={a.id} attendee={a} />\n              ))}\n            </ul>\n\n            {total > PREVIEW && (\n              <Button\n                size=\"sm\"\n                variant=\"secondary\"\n                className=\"mt-3\"\n                onClick={() => setOpen(true)}\n              >\n                View all {total}\n              </Button>\n            )}\n          </>\n        )}\n      </Card>\n\n      {/* Kept mounted so the exit animation runs — a panel that vanishes on a\n          frame reads as a bug because it is one. */}\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent className=\"max-w-lg\">\n          <DialogHeader>\n            <DialogTitle>Who is coming</DialogTitle>\n          </DialogHeader>\n          <ul className=\"max-h-[60vh] space-y-1 overflow-y-auto\">\n            {attendees.map((a) => (\n              <AttendeeRow key={a.id} attendee={a} />\n            ))}\n          </ul>\n          {total > attendees.length && (\n            <p className=\"mt-3 text-sm text-[var(--text-tertiary)]\">\n              Showing the first {attendees.length} of {total}. The full roster,\n              with search and check-in, is on the attendees screen.\n            </p>\n          )}\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\nfunction AttendeeRow({ attendee }: { attendee: BookingItem }) {\n  const inAt = attendee.checkedInAt\n    ? new Date(attendee.checkedInAt).toLocaleTimeString('en-GB', {\n        hour: 'numeric',\n        minute: '2-digit',\n      })\n    : null;\n\n  return (\n    <li className=\"flex items-center gap-3 rounded-lg px-2 py-2\">\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"block truncate text-sm text-[var(--text-primary)]\">\n          {attendee.customerName || attendee.customerEmail || 'Guest'}\n        </span>\n        {/* WHO LET THEM IN, AND ON WHAT. The whole point of the audit: a name\n            and a tick says a ticket was used; this says who was on the door,\n            which machine they were holding, and when. Absent on a check-in\n            taken before the audit existed, which is why every part of the line\n            is conditional rather than a row of em dashes. */}\n        <span className=\"block truncate text-xs text-[var(--text-tertiary)]\">\n          {inAt\n            ? [\n                `In at ${inAt}`,\n                attendee.checkedInVia ? `on ${attendee.checkedInVia}` : null,\n                attendee.checkedInSource === 'dashboard' ? 'from a desk' : null,\n              ]\n                .filter(Boolean)\n                .join(' · ')\n            : resolveTicketCode({ booking: attendee }) || 'Not checked in'}\n        </span>\n      </span>\n      <StatusBadge status={attendee.checkedInAt ? 'checked_in' : 'confirmed'} />\n    </li>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/events/[eventId]/_components/event-share.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { QRCodeSVG } from "qrcode.react";
+import { Check, Copy, ExternalLink, Printer } from "lucide-react";
+import { Button, Card } from "@withpotter/ui-kit";
+function EventShare({
+  url,
+  title,
+  hashtag
+}) {
+  const [copied, setCopied] = useState(null);
+  const copy = async (value, what) => {
+    try {
+      await navigator.clipboard.writeText(value);
+      setCopied(what);
+      window.setTimeout(() => setCopied(null), 1600);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-3 text-sm font-medium text-[var(--text-secondary)]", children: "Share it" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "event-qr grid place-items-center rounded-[var(--radius-card)] bg-white p-3", children: /* @__PURE__ */ jsx(QRCodeSVG, { value: url, size: 148 }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-[var(--text-tertiary)]", children: "Scan for the details and to pay" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "primary",
+          className: "w-full",
+          icon: copied === "link" ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          onClick: () => void copy(url, "link"),
+          children: copied === "link" ? "Link copied" : "Copy link"
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "w-full", asChild: true, children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", rel: "noreferrer", children: [
+        /* @__PURE__ */ jsx(ExternalLink, {}),
+        "Open event page"
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "secondary",
+          className: "w-full",
+          icon: /* @__PURE__ */ jsx(Printer, {}),
+          onClick: () => window.print(),
+          children: "Print the code"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          className: "w-full",
+          icon: copied === "tag" ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Copy, {}),
+          onClick: () => void copy(hashtag, "tag"),
+          children: copied === "tag" ? "Hashtag copied" : hashtag
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "event-print-sheet hidden", children: [
+      /* @__PURE__ */ jsx(QRCodeSVG, { value: url, size: 280 }),
+      /* @__PURE__ */ jsx("p", { className: "text-title font-semibold", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: url })
+    ] })
+  ] });
+}
+export {
+  EventShare
+};
+//# sourceMappingURL=event-share.js.map

package/dist/dashboard/(bookings)/events/[eventId]/_components/event-share.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/events/%5BeventId%5D/_components/event-share.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { QRCodeSVG } from 'qrcode.react';\nimport { Check, Copy, ExternalLink, Printer } from 'lucide-react';\nimport { Button, Card } from '@withpotter/ui-kit';\n\n/**\n * THE WAYS AN EVENT LEAVES THIS SCREEN — John, 2026-09-03: *\"each event should\n * also have... copy link, event page, hashtag\"*, and *\"events should have a QR\n * code created too so people can print out and people can scan and pay for it,\n * like see details then pay.\"*\n *\n * All four are the same act — handing somebody the event — and they differ\n * only in what the person is holding. A link goes in a WhatsApp broadcast; the\n * page is what you check looks right before you send it; the hashtag is what\n * goes on the flyer; the QR is for the wall, the flyer and the door of the\n * shop, where there is nothing to click.\n *\n * THE QR IS THE SAME URL, which is the whole reason it works. It resolves to\n * the public event page, which already shows the night, the room, the tiers and\n * a way to pay — so \"scan, see details, then pay\" needs no new surface, only\n * the code. A QR pointing at a bespoke ticket-buying screen would be a second\n * storefront to keep in step with the first.\n *\n * PRINTING IS `window.print()` AND ONE CLASS, not a generated PDF. The thing\n * printed is a square and a line of text; a PDF pipeline for that is a\n * dependency, a font-embedding problem and a filename convention in exchange\n * for nothing a browser does not already do well. The rule lives in the app's\n * print stylesheet with the rest of them rather than in a styled-jsx block\n * nothing else in this codebase uses.\n *\n * The hashtag is DERIVED from the slug rather than stored. A merchant who\n * wants their own can type it into the description today, and inventing a\n * field for it means a second name to keep in step with the first — the wrong\n * trade until somebody asks for it twice.\n */\nexport function EventShare({\n  url,\n  title,\n  hashtag,\n}: {\n  url: string;\n  title: string;\n  hashtag: string;\n}) {\n  const [copied, setCopied] = useState<string | null>(null);\n\n  const copy = async (value: string, what: string) => {\n    try {\n      await navigator.clipboard.writeText(value);\n      setCopied(what);\n      window.setTimeout(() => setCopied(null), 1600);\n    } catch {\n      // A clipboard a browser refuses is not worth an error state: the link is\n      // on screen and selectable, which is the fallback either way.\n    }\n  };\n\n  return (\n    <Card>\n      <p className=\"mb-3 text-sm font-medium text-[var(--text-secondary)]\">\n        Share it\n      </p>\n\n      <div className=\"flex flex-col items-center gap-3\">\n        {/* `print:` is the whole print stylesheet: everything else on the page\n            is hidden by the utility below, so what comes out of the printer is\n            the code, the name and the address under it. */}\n        <div className=\"event-qr grid place-items-center rounded-[var(--radius-card)] bg-white p-3\">\n          <QRCodeSVG value={url} size={148} />\n        </div>\n        <p className=\"text-center text-sm text-[var(--text-tertiary)]\">\n          Scan for the details and to pay\n        </p>\n      </div>\n\n      <div className=\"mt-4 space-y-2\">\n        <Button\n          variant=\"primary\"\n          className=\"w-full\"\n          icon={copied === 'link' ? <Check /> : <Copy />}\n          onClick={() => void copy(url, 'link')}\n        >\n          {copied === 'link' ? 'Link copied' : 'Copy link'}\n        </Button>\n\n        <Button variant=\"secondary\" className=\"w-full\" asChild>\n          <a href={url} target=\"_blank\" rel=\"noreferrer\">\n            <ExternalLink />\n            Open event page\n          </a>\n        </Button>\n\n        <Button\n          variant=\"secondary\"\n          className=\"w-full\"\n          icon={<Printer />}\n          onClick={() => window.print()}\n        >\n          Print the code\n        </Button>\n\n        <Button\n          variant=\"ghost\"\n          className=\"w-full\"\n          icon={copied === 'tag' ? <Check /> : <Copy />}\n          onClick={() => void copy(hashtag, 'tag')}\n        >\n          {copied === 'tag' ? 'Hashtag copied' : hashtag}\n        </Button>\n      </div>\n\n      {/* Only this prints — see `.event-print-sheet` in globals. A roster, a\n          rail and a wall of buttons on an A4 sheet is what a merchant gets\n          when nobody thinks about the printer. */}\n      <div className=\"event-print-sheet hidden\">\n        <QRCodeSVG value={url} size={280} />\n        <p className=\"text-title font-semibold\">{title}</p>\n        <p className=\"text-sm\">{url}</p>\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";AA6DM,cAIA,YAJA;AA3DN,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,OAAO,MAAM,cAAc,eAAe;AACnD,SAAS,QAAQ,YAAY;AAgCtB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AAExD,QAAM,OAAO,OAAO,OAAe,SAAiB;AAClD,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK;AACzC,gBAAU,IAAI;AACd,aAAO,WAAW,MAAM,UAAU,IAAI,GAAG,IAAI;AAAA,IAC/C,QAAQ;AAAA,IAGR;AAAA,EACF;AAEA,SACE,qBAAC,QACC;AAAA,wBAAC,OAAE,WAAU,yDAAwD,sBAErE;AAAA,IAEA,qBAAC,SAAI,WAAU,oCAIb;AAAA,0BAAC,SAAI,WAAU,8EACb,8BAAC,aAAU,OAAO,KAAK,MAAM,KAAK,GACpC;AAAA,MACA,oBAAC,OAAE,WAAU,mDAAkD,6CAE/D;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,kBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAM,WAAW,SAAS,oBAAC,SAAM,IAAK,oBAAC,QAAK;AAAA,UAC5C,SAAS,MAAM,KAAK,KAAK,KAAK,MAAM;AAAA,UAEnC,qBAAW,SAAS,gBAAgB;AAAA;AAAA,MACvC;AAAA,MAEA,oBAAC,UAAO,SAAQ,aAAY,WAAU,UAAS,SAAO,MACpD,+BAAC,OAAE,MAAM,KAAK,QAAO,UAAS,KAAI,cAChC;AAAA,4BAAC,gBAAa;AAAA,QAAE;AAAA,SAElB,GACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAM,oBAAC,WAAQ;AAAA,UACf,SAAS,MAAM,OAAO,MAAM;AAAA,UAC7B;AAAA;AAAA,MAED;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAM,WAAW,QAAQ,oBAAC,SAAM,IAAK,oBAAC,QAAK;AAAA,UAC3C,SAAS,MAAM,KAAK,KAAK,SAAS,KAAK;AAAA,UAEtC,qBAAW,QAAQ,mBAAmB;AAAA;AAAA,MACzC;AAAA,OACF;AAAA,IAKA,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,aAAU,OAAO,KAAK,MAAM,KAAK;AAAA,MAClC,oBAAC,OAAE,WAAU,4BAA4B,iBAAM;AAAA,MAC/C,oBAAC,OAAE,WAAU,WAAW,eAAI;AAAA,OAC9B;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/events/[eventId]/layout.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { FixedIntentScope } from "@withpotter/components/intents/fixed-scope";
+function Layout({ children }) {
+  return /* @__PURE__ */ jsx(FixedIntentScope, { intent: "event-tickets", children });
+}
+export {
+  Layout as default
+};
+//# sourceMappingURL=layout.js.map

package/dist/dashboard/(bookings)/events/[eventId]/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/events/%5BeventId%5D/layout.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { FixedIntentScope } from '@withpotter/components/intents/fixed-scope';\n\n/** This screen belongs to one intent, so it speaks that intent's words. */\nexport default function Layout({ children }: { children: ReactNode }) {\n  return <FixedIntentScope intent=\"event-tickets\">{children}</FixedIntentScope>;\n}\n"],"mappings":";AAOS;AAJT,SAAS,wBAAwB;AAGlB,SAAR,OAAwB,EAAE,SAAS,GAA4B;AACpE,SAAO,oBAAC,oBAAiB,QAAO,iBAAiB,UAAS;AAC5D;","names":[]}