@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/attendees/page.js

@@ -0,0 +1,341 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FLAT_CONTROL, TOOLBAR_H } from "@withpotter/ui-kit/toolbar-parts";
+import { LIST_PAGE_SIZE } from "@withpotter/lib/list-page-size";
+import { useState, useCallback, useMemo } from "react";
+import { useSearchParams } from "next/navigation";
+import Link from "next/link";
+import { CheckCircle2, Clock, QrCode, Camera, Ticket } from "lucide-react";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import { useTicketScan } from "@withpotter/hooks/use-ticket-scan";
+import { DEMO_TICKETED_EVENTS, filterDemoAttendees } from "./demo-data";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { contentApi } from "@withpotter/lib/api/content";
+import { useScreenHeader } from "@withpotter/hooks/use-screen-header";
+import { useDestinationLabel } from "@withpotter/lib/intents/use-destination-label";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import {
+  useBookingStatusConfig
+} from "../_components/booking-constants";
+import { TablePagination } from "@withpotter/ui-kit/table-pagination";
+import { TableShell, Th, TableRow } from "@withpotter/ui-kit/table-shell";
+import { ListFrame } from "@withpotter/ui-kit/list-frame";
+import { ListStates } from "@withpotter/ui-kit/list-states";
+import { StateView } from "@withpotter/ui-kit/state-view";
+import { FilterBar } from "@withpotter/ui-kit/filter-bar";
+import { FilterField } from "@withpotter/ui-kit/filter-menu";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { IdentityCell } from "@withpotter/ui-kit/table-cells";
+import { ListPage } from "@withpotter/ui-kit/list-page";
+import { QrScannerModal } from "./_components/qr-scanner-modal";
+import { AttendeeCards } from "./_components/attendee-cards";
+import { OverflowMenu, OverflowItem } from "@withpotter/ui-kit/overflow-menu";
+import { Button } from "@withpotter/ui-kit/button";
+import { Input, Select } from "@withpotter/ui-kit";
+function AttendeesPage() {
+  const statuses = useBookingStatusConfig();
+  const searchParams = useSearchParams();
+  const { tenant } = useAuth();
+  const tenantSlug = tenant?.slug;
+  const initialContentId = searchParams.get("contentId") || "";
+  const [selectedEventId, setSelectedEventId] = useState(initialContentId);
+  const [search, setSearch] = useState("");
+  const [page, setPage] = useState(1);
+  const [showScanner, setShowScanner] = useState(false);
+  const { toast } = useToast();
+  const screenTitle = useDestinationLabel("attendees") ?? "Attendees";
+  useScreenHeader({ title: screenTitle });
+  const limit = LIST_PAGE_SIZE;
+  const { data: eventsData } = useApiQuery(
+    ["ticketed-events"],
+    (slug) => contentApi.list(slug, "products", {
+      behaviors: ["ticketed"],
+      limit: 50
+    })
+  );
+  const demoActive = useDemoMode();
+  const events = useMemo(
+    () => demoActive ? DEMO_TICKETED_EVENTS : eventsData?.data ?? [],
+    [demoActive, eventsData?.data]
+  );
+  const { data, isLoading, error, refetch } = useApiQuery(
+    ["attendees", selectedEventId, search, page],
+    (slug) => bookingsApi.list(slug, {
+      contentId: selectedEventId || void 0,
+      type: "event",
+      search: search || void 0,
+      page,
+      limit
+    })
+  );
+  useRegisterRefresh(refetch);
+  const {
+    scanInput,
+    setScanInput,
+    scanResult,
+    scan,
+    submitTyped,
+    pending: scanPending
+  } = useTicketScan({ onScanned: () => refetch() });
+  const demoAttendees = useMemo(
+    () => demoActive ? filterDemoAttendees({ contentId: selectedEventId, search }) : [],
+    [demoActive, selectedEventId, search]
+  );
+  const attendees = demoActive ? demoAttendees : data?.data || [];
+  const total = demoActive ? demoAttendees.length : data?.total || 0;
+  const totalPages = Math.ceil(total / limit);
+  const checkedInCount = attendees.filter(
+    (a) => a.status === "checked_in" || a.checkedInAt
+  ).length;
+  const handleExportCsv = useCallback(async () => {
+    if (!tenantSlug) return;
+    try {
+      const csv = await bookingsApi.exportCsv(tenantSlug, {
+        contentId: selectedEventId || void 0,
+        type: "event"
+      });
+      const blob = new Blob([csv], { type: "text/csv" });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = "attendees.csv";
+      a.click();
+      URL.revokeObjectURL(url);
+    } catch {
+      toast({
+        title: "Export failed",
+        description: "Could not generate the CSV. Please try again.",
+        variant: "destructive"
+      });
+    }
+  }, [tenantSlug, selectedEventId, toast]);
+  const handleScan = submitTyped;
+  const handleQrScan = scan;
+  return (
+    /* The shared list frame. This drew its own column, its own vertical
+       rhythm and its own <h1> reading a literal "Attendees" — while two lines
+       up the same file resolved that noun properly for the mobile chrome. No
+       title is passed: ListPage takes it from the row that opened the screen,
+       so a merchant who renames Attendees sees it renamed here too. */
+    /* @__PURE__ */ jsxs(
+      ListPage,
+      {
+        largeTitle: true,
+        mobileHeader: /* @__PURE__ */ jsx(
+          MobilePageHeader,
+          {
+            title: screenTitle,
+            action: {
+              label: "Scan QR",
+              onClick: () => setShowScanner(true)
+            }
+          }
+        ),
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(OverflowMenu, { toolbar: true, children: /* @__PURE__ */ jsx(OverflowItem, { onClick: handleExportCsv, children: "Export CSV" }) }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              className: `${TOOLBAR_H} ${FLAT_CONTROL} sm:px-4`,
+              onClick: () => setShowScanner(true),
+              children: [
+                /* @__PURE__ */ jsx(Camera, { className: "size-4" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Scan QR" })
+              ]
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center 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 a ticket code to check someone in",
+                  className: "w-full pl-10 pr-4"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: handleScan,
+                disabled: !scanInput.trim() || scanPending,
+                children: "Check in"
+              }
+            )
+          ] }),
+          scanResult && /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `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(Clock, { className: "size-4 flex-shrink-0" }),
+                scanResult.message
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ListFrame,
+            {
+              toolbar: /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                FilterBar,
+                {
+                  toolbar: true,
+                  search,
+                  onSearchChange: (v) => {
+                    setSearch(v);
+                    setPage(1);
+                  },
+                  placeholder: "Search name, email or booking number",
+                  activeCount: selectedEventId ? 1 : 0,
+                  trailing: total > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-[var(--text-tertiary)]", children: [
+                    checkedInCount,
+                    " of ",
+                    total,
+                    " checked in"
+                  ] }) : void 0,
+                  children: /* @__PURE__ */ jsx(FilterField, { label: "Event", children: /* @__PURE__ */ jsx(
+                    Select,
+                    {
+                      value: selectedEventId,
+                      onChange: (value) => {
+                        setSelectedEventId(value);
+                        setPage(1);
+                      },
+                      ariaLabel: "Filter by event",
+                      options: [
+                        { value: "", label: "All events" },
+                        ...events.map((event) => ({
+                          value: event.id,
+                          label: event.title
+                        }))
+                      ]
+                    }
+                  ) })
+                }
+              ) }),
+              footer: totalPages > 1 ? /* @__PURE__ */ jsx(
+                TablePagination,
+                {
+                  page,
+                  totalPages,
+                  pageSize: limit,
+                  totalItems: total,
+                  entityName: "attendees",
+                  onPageChange: setPage
+                }
+              ) : void 0,
+              children: /* @__PURE__ */ jsxs(
+                ListStates,
+                {
+                  framed: true,
+                  loading: !demoActive && isLoading,
+                  isEmpty: attendees.length === 0,
+                  error: !demoActive && error ? "Could not load attendees. The server may be temporarily unavailable." : null,
+                  onRetry: () => refetch(),
+                  empty: /* @__PURE__ */ jsx(
+                    StateView,
+                    {
+                      kind: "empty",
+                      icon: Ticket,
+                      title: selectedEventId ? "No attendees for this event" : "No attendees yet",
+                      description: "They appear here as customers buy tickets."
+                    }
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx(
+                      TableShell,
+                      {
+                        bare: true,
+                        minWidth: 760,
+                        head: /* @__PURE__ */ jsxs("tr", { children: [
+                          /* @__PURE__ */ jsx(Th, { children: "Name" }),
+                          !selectedEventId && /* @__PURE__ */ jsx(Th, { children: "Event" }),
+                          /* @__PURE__ */ jsx(Th, { children: "Tier" }),
+                          /* @__PURE__ */ jsx(Th, { align: "right", children: "Qty" }),
+                          /* @__PURE__ */ jsx(Th, { children: "Status" }),
+                          /* @__PURE__ */ jsx(Th, { children: "Check-in" }),
+                          /* @__PURE__ */ jsx(Th, { children: "Booking #" })
+                        ] }),
+                        children: attendees.map((attendee) => {
+                          const statusConfig = statuses(attendee.type)[attendee.status] || statuses(attendee.type).pending;
+                          const tierName = attendee.data?.tierName || "";
+                          const isCheckedIn = attendee.status === "checked_in" || !!attendee.checkedInAt;
+                          const eventName = attendee.content?.title || "";
+                          return /* @__PURE__ */ jsxs(TableRow, { children: [
+                            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                              IdentityCell,
+                              {
+                                name: attendee.customerName || "Guest",
+                                secondary: attendee.customerEmail,
+                                avatarSeed: attendee.customerName || attendee.customerEmail || "Guest"
+                              }
+                            ) }),
+                            !selectedEventId && /* @__PURE__ */ jsx("td", { className: "text-[var(--text-secondary)]", children: eventName || "\u2014" }),
+                            /* @__PURE__ */ jsx("td", { className: "text-[var(--text-secondary)]", children: tierName || "\u2014" }),
+                            /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums text-[var(--text-secondary)]", children: attendee.quantity || 1 }),
+                            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(
+                              StatusBadge,
+                              {
+                                status: attendee.status,
+                                label: statusConfig.label
+                              }
+                            ) }),
+                            /* @__PURE__ */ jsx("td", { children: isCheckedIn ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-[var(--success)]", children: [
+                              /* @__PURE__ */ jsx(CheckCircle2, {}),
+                              attendee.checkedInAt ? new Date(attendee.checkedInAt).toLocaleTimeString(
+                                "en-US",
+                                { hour: "numeric", minute: "2-digit" }
+                              ) : "Yes"
+                            ] }) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-[var(--text-muted)]", children: [
+                              /* @__PURE__ */ jsx(Clock, {}),
+                              "Not yet"
+                            ] }) }),
+                            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs(
+                              Link,
+                              {
+                                href: attendee.orderId ? `/dashboard/orders/${attendee.orderId}` : `/dashboard/bookings/${attendee.id}`,
+                                className: "font-medium text-brand-500 hover:underline",
+                                children: [
+                                  "#",
+                                  attendee.bookingNumber
+                                ]
+                              }
+                            ) })
+                          ] }, attendee.id);
+                        })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(AttendeeCards, { attendees, statuses })
+                  ]
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            QrScannerModal,
+            {
+              open: showScanner,
+              onClose: () => setShowScanner(false),
+              onScan: handleQrScan
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+export {
+  AttendeesPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/bookings/attendees/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/attendees/page.tsx"],"sourcesContent":["'use client';\n\nimport { FLAT_CONTROL, TOOLBAR_H } from '@withpotter/ui-kit/toolbar-parts';\nimport { LIST_PAGE_SIZE } from '@withpotter/lib/list-page-size';\nimport { useState, useCallback, useMemo } from 'react';\nimport { useSearchParams } from 'next/navigation';\nimport Link from 'next/link';\nimport { CheckCircle2, Clock, QrCode, Camera, Ticket } from 'lucide-react';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport { useTicketScan } from '@withpotter/hooks/use-ticket-scan';\nimport { DEMO_TICKETED_EVENTS, filterDemoAttendees } from './demo-data';\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 { useDestinationLabel } from '@withpotter/lib/intents/use-destination-label';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport {\n  useBookingStatusConfig,\n  type BookingStatus,\n} from '../_components/booking-constants';\nimport { TablePagination } from '@withpotter/ui-kit/table-pagination';\nimport { TableShell, Th, TableRow } from '@withpotter/ui-kit/table-shell';\nimport { ListFrame } from '@withpotter/ui-kit/list-frame';\nimport { ListStates } from '@withpotter/ui-kit/list-states';\nimport { StateView } from '@withpotter/ui-kit/state-view';\nimport { FilterBar } from '@withpotter/ui-kit/filter-bar';\nimport { FilterField } from '@withpotter/ui-kit/filter-menu';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { IdentityCell } from '@withpotter/ui-kit/table-cells';\nimport { ListPage } from '@withpotter/ui-kit/list-page';\nimport { QrScannerModal } from './_components/qr-scanner-modal';\nimport { AttendeeCards } from './_components/attendee-cards';\nimport { OverflowMenu, OverflowItem } from '@withpotter/ui-kit/overflow-menu';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, Select } from '@withpotter/ui-kit';\n\nexport default function AttendeesPage() {\n  const statuses = useBookingStatusConfig();\n  const searchParams = useSearchParams();\n  const { tenant } = useAuth();\n  const tenantSlug = tenant?.slug;\n  const initialContentId = searchParams.get('contentId') || '';\n\n  const [selectedEventId, setSelectedEventId] = useState(initialContentId);\n  const [search, setSearch] = useState('');\n  const [page, setPage] = useState(1);\n  const [showScanner, setShowScanner] = useState(false);\n  const { toast } = useToast();\n\n  // One name for the screen, from the row that opened it.\n  const screenTitle = useDestinationLabel('attendees') ?? 'Attendees';\n  useScreenHeader({ title: screenTitle });\n\n  const limit = LIST_PAGE_SIZE;\n\n  // Fetch ticketed events for the filter dropdown\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  const demoActive = useDemoMode();\n  // Memoised because `eventsData?.data || []` is a fresh array on every render,\n  // which would give the lookup below a new dependency each time.\n  const events = useMemo(\n    () => (demoActive ? DEMO_TICKETED_EVENTS : (eventsData?.data ?? [])),\n    [demoActive, eventsData?.data],\n  );\n\n  // Fetch attendees\n  const { data, isLoading, error, refetch } = useApiQuery<BookingListResponse>(\n    ['attendees', selectedEventId, search, page],\n    (slug) =>\n      bookingsApi.list(slug, {\n        contentId: selectedEventId || undefined,\n        type: 'event',\n        search: search || undefined,\n        page,\n        limit,\n      }),\n  );\n\n  useRegisterRefresh(refetch);\n\n  const {\n    scanInput,\n    setScanInput,\n    scanResult,\n    scan,\n    submitTyped,\n    pending: scanPending,\n  } = useTicketScan({ onScanned: () => refetch() });\n\n  // Seeded rows honour the event selector and the search box, so both controls\n  // still narrow the list rather than sitting there doing nothing.\n  const demoAttendees = useMemo(\n    () =>\n      demoActive\n        ? filterDemoAttendees({ contentId: selectedEventId, search })\n        : [],\n    [demoActive, selectedEventId, search],\n  );\n\n  const attendees = demoActive ? demoAttendees : data?.data || [];\n  const total = demoActive ? demoAttendees.length : data?.total || 0;\n  const totalPages = Math.ceil(total / limit);\n\n  const checkedInCount = attendees.filter(\n    (a) => a.status === 'checked_in' || a.checkedInAt,\n  ).length;\n\n  const handleExportCsv = useCallback(async () => {\n    if (!tenantSlug) return;\n    try {\n      const csv = await bookingsApi.exportCsv(tenantSlug, {\n        contentId: selectedEventId || undefined,\n        type: 'event',\n      });\n      const blob = new Blob([csv as unknown as string], { type: 'text/csv' });\n      const url = URL.createObjectURL(blob);\n      const a = document.createElement('a');\n      a.href = url;\n      a.download = 'attendees.csv';\n      a.click();\n      URL.revokeObjectURL(url);\n    } catch {\n      toast({\n        title: 'Export failed',\n        description: 'Could not generate the CSV. Please try again.',\n        variant: 'destructive',\n      });\n    }\n  }, [tenantSlug, selectedEventId, toast]);\n\n  const handleScan = submitTyped;\n  const handleQrScan = scan;\n\n  return (\n    /* The shared list frame. This drew its own column, its own vertical\n       rhythm and its own <h1> reading a literal \"Attendees\" — while two lines\n       up the same file resolved that noun properly for the mobile chrome. No\n       title is passed: ListPage takes it from the row that opened the screen,\n       so a merchant who renames Attendees sees it renamed here too. */\n    <ListPage\n      largeTitle\n      mobileHeader={\n        <MobilePageHeader\n          title={screenTitle}\n          action={{\n            label: 'Scan QR',\n            onClick: () => setShowScanner(true),\n          }}\n        />\n      }\n      actions={\n        <>\n          {/* Export in the overflow, so the header keeps its width for Scan\n              QR — the thing someone standing at a door actually needs. */}\n          <OverflowMenu toolbar>\n            <OverflowItem onClick={handleExportCsv}>Export CSV</OverflowItem>\n          </OverflowMenu>\n          <Button\n            className={`${TOOLBAR_H} ${FLAT_CONTROL} sm:px-4`}\n            onClick={() => setShowScanner(true)}\n          >\n            <Camera className=\"size-4\" />\n            <span className=\"hidden sm:inline\">Scan QR</span>\n          </Button>\n        </>\n      }\n    >\n      {/* The door tool, first and on its own.\n          A code typed at the desk is an ACTION — it checks somebody in — not a\n          way of narrowing the list, so it stays out of the filter row. It used\n          to sit between the event Select and a search field, three full-width\n          bars stacked down the page, which read as a form to fill in before\n          the screen would work. */}\n      <div className=\"flex items-center 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 a ticket code to check someone in\"\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={`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            <Clock className=\"size-4 flex-shrink-0\" />\n          )}\n          {scanResult.message}\n        </div>\n      )}\n\n      {/* One card: the controls that drive the list, the list, and its\n          pagination — attached to each other rather than floating as three\n          strips on the page wash. */}\n      <ListFrame\n        toolbar={\n          <div className=\"w-full\">\n            <FilterBar\n              toolbar\n              search={search}\n              onSearchChange={(v) => {\n                setSearch(v);\n                setPage(1);\n              }}\n              placeholder=\"Search name, email or booking number\"\n              activeCount={selectedEventId ? 1 : 0}\n              /* The whole of the old four-tile band, in the words a person at\n                 a door would use. Total, Checked in and Pending were three\n                 ways of saying two numbers, and Check-In Rate was 0/0 painted\n                 as \"0%\" on every event that had not started. */\n              trailing={\n                total > 0 ? (\n                  <span className=\"text-xs tabular-nums text-[var(--text-tertiary)]\">\n                    {checkedInCount} of {total} checked in\n                  </span>\n                ) : undefined\n              }\n            >\n              <FilterField label=\"Event\">\n                <Select\n                  value={selectedEventId}\n                  onChange={(value) => {\n                    setSelectedEventId(value);\n                    setPage(1);\n                  }}\n                  ariaLabel=\"Filter by event\"\n                  options={[\n                    { value: '', label: 'All events' },\n                    ...events.map((event) => ({\n                      value: event.id,\n                      label: event.title,\n                    })),\n                  ]}\n                />\n              </FilterField>\n            </FilterBar>\n          </div>\n        }\n        footer={\n          totalPages > 1 ? (\n            <TablePagination\n              page={page}\n              totalPages={totalPages}\n              pageSize={limit}\n              totalItems={total}\n              entityName=\"attendees\"\n              onPageChange={setPage}\n            />\n          ) : undefined\n        }\n      >\n        {/* Demo neither loads nor fails. With the API unreachable both are\n            true, and the skeleton or the error would cover a full door list. */}\n        <ListStates\n          framed\n          loading={!demoActive && isLoading}\n          isEmpty={attendees.length === 0}\n          error={\n            !demoActive && error\n              ? 'Could not load attendees. The server may be temporarily unavailable.'\n              : null\n          }\n          onRetry={() => refetch()}\n          empty={\n            <StateView\n              kind=\"empty\"\n              icon={Ticket}\n              title={\n                selectedEventId\n                  ? 'No attendees for this event'\n                  : 'No attendees yet'\n              }\n              description=\"They appear here as customers buy tickets.\"\n            />\n          }\n        >\n          {/* Desktop table */}\n          <div className=\"hidden lg:block\">\n            <TableShell\n              bare\n              minWidth={760}\n              head={\n                <tr>\n                  <Th>Name</Th>\n                  {!selectedEventId && <Th>Event</Th>}\n                  <Th>Tier</Th>\n                  <Th align=\"right\">Qty</Th>\n                  <Th>Status</Th>\n                  <Th>Check-in</Th>\n                  <Th>Booking #</Th>\n                </tr>\n              }\n            >\n              {attendees.map((attendee) => {\n                const statusConfig =\n                  statuses(attendee.type)[attendee.status as BookingStatus] ||\n                  statuses(attendee.type).pending;\n                const tierName = (attendee.data?.tierName as string) || '';\n                const isCheckedIn =\n                  attendee.status === 'checked_in' || !!attendee.checkedInAt;\n                const eventName = attendee.content?.title || '';\n\n                return (\n                  <TableRow key={attendee.id}>\n                    {/* Name and Email were two columns of the same person,\n                        which is what the identity cell is. It also gets the\n                        attendee a face — every other list in the app shows one\n                        beside a customer's name. */}\n                    <td>\n                      <IdentityCell\n                        name={attendee.customerName || 'Guest'}\n                        secondary={attendee.customerEmail}\n                        avatarSeed={\n                          attendee.customerName ||\n                          attendee.customerEmail ||\n                          'Guest'\n                        }\n                      />\n                    </td>\n                    {!selectedEventId && (\n                      <td className=\"text-[var(--text-secondary)]\">\n                        {eventName || '\\u2014'}\n                      </td>\n                    )}\n                    <td className=\"text-[var(--text-secondary)]\">\n                      {tierName || '\\u2014'}\n                    </td>\n                    <td className=\"text-right tabular-nums text-[var(--text-secondary)]\">\n                      {attendee.quantity || 1}\n                    </td>\n                    <td>\n                      {/* The app's pill, not a third private copy of one. The\n                          archetype config still chooses the WORD — an events\n                          merchant's \"Checked In\" is not a gym's \"Entered\" — and\n                          StatusBadge decides only how it is painted. */}\n                      <StatusBadge\n                        status={attendee.status}\n                        label={statusConfig.label}\n                      />\n                    </td>\n                    <td>\n                      {isCheckedIn ? (\n                        <span className=\"inline-flex items-center gap-1 text-xs text-[var(--success)]\">\n                          <CheckCircle2 />\n                          {attendee.checkedInAt\n                            ? new Date(attendee.checkedInAt).toLocaleTimeString(\n                                'en-US',\n                                { hour: 'numeric', minute: '2-digit' },\n                              )\n                            : 'Yes'}\n                        </span>\n                      ) : (\n                        <span className=\"inline-flex items-center gap-1 text-xs text-[var(--text-muted)]\">\n                          <Clock />\n                          Not yet\n                        </span>\n                      )}\n                    </td>\n                    <td>\n                      <Link\n                        href={\n                          attendee.orderId\n                            ? `/dashboard/orders/${attendee.orderId}`\n                            : `/dashboard/bookings/${attendee.id}`\n                        }\n                        className=\"font-medium text-brand-500 hover:underline\"\n                      >\n                        #{attendee.bookingNumber}\n                      </Link>\n                    </td>\n                  </TableRow>\n                );\n              })}\n            </TableShell>\n          </div>\n\n          <AttendeeCards attendees={attendees} statuses={statuses} />\n        </ListStates>\n      </ListFrame>\n\n      {/* QR Scanner Modal */}\n      <QrScannerModal\n        open={showScanner}\n        onClose={() => setShowScanner(false)}\n        onScan={handleQrScan}\n      />\n    </ListPage>\n  );\n}\n"],"mappings":";AA2JQ,SASA,UATA,KAeE,YAfF;AAzJR,SAAS,cAAc,iBAAiB;AACxC,SAAS,sBAAsB;AAC/B,SAAS,UAAU,aAAa,eAAe;AAC/C,SAAS,uBAAuB;AAChC,OAAO,UAAU;AACjB,SAAS,cAAc,OAAO,QAAQ,QAAQ,cAAc;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,2BAA2B;AAC1D,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,SAAS,uBAAuB;AAChC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,uBAAuB;AAChC,SAAS,YAAY,IAAI,gBAAgB;AACzC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B,SAAS,cAAc,oBAAoB;AAC3C,SAAS,cAAc;AACvB,SAAS,OAAO,cAAc;AAEf,SAAR,gBAAiC;AACtC,QAAM,WAAW,uBAAuB;AACxC,QAAM,eAAe,gBAAgB;AACrC,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,aAAa,QAAQ;AAC3B,QAAM,mBAAmB,aAAa,IAAI,WAAW,KAAK;AAE1D,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,gBAAgB;AACvE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AACvC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,EAAE,MAAM,IAAI,SAAS;AAG3B,QAAM,cAAc,oBAAoB,WAAW,KAAK;AACxD,kBAAgB,EAAE,OAAO,YAAY,CAAC;AAEtC,QAAM,QAAQ;AAGd,QAAM,EAAE,MAAM,WAAW,IAAI;AAAA,IAC3B,CAAC,iBAAiB;AAAA,IAClB,CAAC,SACC,WAAW,KAAK,MAAM,YAAY;AAAA,MAChC,WAAW,CAAC,UAAU;AAAA,MACtB,OAAO;AAAA,IACT,CAAC;AAAA,EACL;AAEA,QAAM,aAAa,YAAY;AAG/B,QAAM,SAAS;AAAA,IACb,MAAO,aAAa,uBAAwB,YAAY,QAAQ,CAAC;AAAA,IACjE,CAAC,YAAY,YAAY,IAAI;AAAA,EAC/B;AAGA,QAAM,EAAE,MAAM,WAAW,OAAO,QAAQ,IAAI;AAAA,IAC1C,CAAC,aAAa,iBAAiB,QAAQ,IAAI;AAAA,IAC3C,CAAC,SACC,YAAY,KAAK,MAAM;AAAA,MACrB,WAAW,mBAAmB;AAAA,MAC9B,MAAM;AAAA,MACN,QAAQ,UAAU;AAAA,MAClB;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACL;AAEA,qBAAmB,OAAO;AAE1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,IAAI,cAAc,EAAE,WAAW,MAAM,QAAQ,EAAE,CAAC;AAIhD,QAAM,gBAAgB;AAAA,IACpB,MACE,aACI,oBAAoB,EAAE,WAAW,iBAAiB,OAAO,CAAC,IAC1D,CAAC;AAAA,IACP,CAAC,YAAY,iBAAiB,MAAM;AAAA,EACtC;AAEA,QAAM,YAAY,aAAa,gBAAgB,MAAM,QAAQ,CAAC;AAC9D,QAAM,QAAQ,aAAa,cAAc,SAAS,MAAM,SAAS;AACjE,QAAM,aAAa,KAAK,KAAK,QAAQ,KAAK;AAE1C,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,MAAM,EAAE,WAAW,gBAAgB,EAAE;AAAA,EACxC,EAAE;AAEF,QAAM,kBAAkB,YAAY,YAAY;AAC9C,QAAI,CAAC,WAAY;AACjB,QAAI;AACF,YAAM,MAAM,MAAM,YAAY,UAAU,YAAY;AAAA,QAClD,WAAW,mBAAmB;AAAA,QAC9B,MAAM;AAAA,MACR,CAAC;AACD,YAAM,OAAO,IAAI,KAAK,CAAC,GAAwB,GAAG,EAAE,MAAM,WAAW,CAAC;AACtE,YAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,YAAM,IAAI,SAAS,cAAc,GAAG;AACpC,QAAE,OAAO;AACT,QAAE,WAAW;AACb,QAAE,MAAM;AACR,UAAI,gBAAgB,GAAG;AAAA,IACzB,QAAQ;AACN,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,YAAY,iBAAiB,KAAK,CAAC;AAEvC,QAAM,aAAa;AACnB,QAAM,eAAe;AAErB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME;AAAA,MAAC;AAAA;AAAA,QACC,YAAU;AAAA,QACV,cACE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,cACN,OAAO;AAAA,cACP,SAAS,MAAM,eAAe,IAAI;AAAA,YACpC;AAAA;AAAA,QACF;AAAA,QAEF,SACE,iCAGE;AAAA,8BAAC,gBAAa,SAAO,MACnB,8BAAC,gBAAa,SAAS,iBAAiB,wBAAU,GACpD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,GAAG,SAAS,IAAI,YAAY;AAAA,cACvC,SAAS,MAAM,eAAe,IAAI;AAAA,cAElC;AAAA,oCAAC,UAAO,WAAU,UAAS;AAAA,gBAC3B,oBAAC,UAAK,WAAU,oBAAmB,qBAAO;AAAA;AAAA;AAAA,UAC5C;AAAA,WACF;AAAA,QASF;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,iCAAC,SAAI,WAAU,mBACb;AAAA,kCAAC,UAAO,WAAU,4EAA2E;AAAA,cAC7F;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAO;AAAA,kBACP,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,kBAC5C,WAAW,CAAC,MAAM,EAAE,QAAQ,WAAW,WAAW;AAAA,kBAClD,aAAY;AAAA,kBACZ,WAAU;AAAA;AAAA,cACZ;AAAA,eACF;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAS;AAAA,gBACT,UAAU,CAAC,UAAU,KAAK,KAAK;AAAA,gBAChC;AAAA;AAAA,YAED;AAAA,aACF;AAAA,UACC,cACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,wDACT,WAAW,UACP,iDACA,0CACN;AAAA,cAEC;AAAA,2BAAW,UACV,oBAAC,gBAAa,WAAU,wBAAuB,IAE/C,oBAAC,SAAM,WAAU,wBAAuB;AAAA,gBAEzC,WAAW;AAAA;AAAA;AAAA,UACd;AAAA,UAMF;AAAA,YAAC;AAAA;AAAA,cACC,SACE,oBAAC,SAAI,WAAU,UACb;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAO;AAAA,kBACP;AAAA,kBACA,gBAAgB,CAAC,MAAM;AACrB,8BAAU,CAAC;AACX,4BAAQ,CAAC;AAAA,kBACX;AAAA,kBACA,aAAY;AAAA,kBACZ,aAAa,kBAAkB,IAAI;AAAA,kBAKnC,UACE,QAAQ,IACN,qBAAC,UAAK,WAAU,oDACb;AAAA;AAAA,oBAAe;AAAA,oBAAK;AAAA,oBAAM;AAAA,qBAC7B,IACE;AAAA,kBAGN,8BAAC,eAAY,OAAM,SACjB;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO;AAAA,sBACP,UAAU,CAAC,UAAU;AACnB,2CAAmB,KAAK;AACxB,gCAAQ,CAAC;AAAA,sBACX;AAAA,sBACA,WAAU;AAAA,sBACV,SAAS;AAAA,wBACP,EAAE,OAAO,IAAI,OAAO,aAAa;AAAA,wBACjC,GAAG,OAAO,IAAI,CAAC,WAAW;AAAA,0BACxB,OAAO,MAAM;AAAA,0BACb,OAAO,MAAM;AAAA,wBACf,EAAE;AAAA,sBACJ;AAAA;AAAA,kBACF,GACF;AAAA;AAAA,cACF,GACF;AAAA,cAEF,QACE,aAAa,IACX;AAAA,gBAAC;AAAA;AAAA,kBACC;AAAA,kBACA;AAAA,kBACA,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,YAAW;AAAA,kBACX,cAAc;AAAA;AAAA,cAChB,IACE;AAAA,cAKN;AAAA,gBAAC;AAAA;AAAA,kBACC,QAAM;AAAA,kBACN,SAAS,CAAC,cAAc;AAAA,kBACxB,SAAS,UAAU,WAAW;AAAA,kBAC9B,OACE,CAAC,cAAc,QACX,yEACA;AAAA,kBAEN,SAAS,MAAM,QAAQ;AAAA,kBACvB,OACE;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,MAAM;AAAA,sBACN,OACE,kBACI,gCACA;AAAA,sBAEN,aAAY;AAAA;AAAA,kBACd;AAAA,kBAIF;AAAA,wCAAC,SAAI,WAAU,mBACb;AAAA,sBAAC;AAAA;AAAA,wBACC,MAAI;AAAA,wBACJ,UAAU;AAAA,wBACV,MACE,qBAAC,QACC;AAAA,8CAAC,MAAG,kBAAI;AAAA,0BACP,CAAC,mBAAmB,oBAAC,MAAG,mBAAK;AAAA,0BAC9B,oBAAC,MAAG,kBAAI;AAAA,0BACR,oBAAC,MAAG,OAAM,SAAQ,iBAAG;AAAA,0BACrB,oBAAC,MAAG,oBAAM;AAAA,0BACV,oBAAC,MAAG,sBAAQ;AAAA,0BACZ,oBAAC,MAAG,uBAAS;AAAA,2BACf;AAAA,wBAGD,oBAAU,IAAI,CAAC,aAAa;AAC3B,gCAAM,eACJ,SAAS,SAAS,IAAI,EAAE,SAAS,MAAuB,KACxD,SAAS,SAAS,IAAI,EAAE;AAC1B,gCAAM,WAAY,SAAS,MAAM,YAAuB;AACxD,gCAAM,cACJ,SAAS,WAAW,gBAAgB,CAAC,CAAC,SAAS;AACjD,gCAAM,YAAY,SAAS,SAAS,SAAS;AAE7C,iCACE,qBAAC,YAKC;AAAA,gDAAC,QACC;AAAA,8BAAC;AAAA;AAAA,gCACC,MAAM,SAAS,gBAAgB;AAAA,gCAC/B,WAAW,SAAS;AAAA,gCACpB,YACE,SAAS,gBACT,SAAS,iBACT;AAAA;AAAA,4BAEJ,GACF;AAAA,4BACC,CAAC,mBACA,oBAAC,QAAG,WAAU,gCACX,uBAAa,UAChB;AAAA,4BAEF,oBAAC,QAAG,WAAU,gCACX,sBAAY,UACf;AAAA,4BACA,oBAAC,QAAG,WAAU,wDACX,mBAAS,YAAY,GACxB;AAAA,4BACA,oBAAC,QAKC;AAAA,8BAAC;AAAA;AAAA,gCACC,QAAQ,SAAS;AAAA,gCACjB,OAAO,aAAa;AAAA;AAAA,4BACtB,GACF;AAAA,4BACA,oBAAC,QACE,wBACC,qBAAC,UAAK,WAAU,gEACd;AAAA,kDAAC,gBAAa;AAAA,8BACb,SAAS,cACN,IAAI,KAAK,SAAS,WAAW,EAAE;AAAA,gCAC7B;AAAA,gCACA,EAAE,MAAM,WAAW,QAAQ,UAAU;AAAA,8BACvC,IACA;AAAA,+BACN,IAEA,qBAAC,UAAK,WAAU,mEACd;AAAA,kDAAC,SAAM;AAAA,8BAAE;AAAA,+BAEX,GAEJ;AAAA,4BACA,oBAAC,QACC;AAAA,8BAAC;AAAA;AAAA,gCACC,MACE,SAAS,UACL,qBAAqB,SAAS,OAAO,KACrC,uBAAuB,SAAS,EAAE;AAAA,gCAExC,WAAU;AAAA,gCACX;AAAA;AAAA,kCACG,SAAS;AAAA;AAAA;AAAA,4BACb,GACF;AAAA,+BAlEa,SAAS,EAmExB;AAAA,wBAEJ,CAAC;AAAA;AAAA,oBACH,GACF;AAAA,oBAEA,oBAAC,iBAAc,WAAsB,UAAoB;AAAA;AAAA;AAAA,cAC3D;AAAA;AAAA,UACF;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,SAAS,MAAM,eAAe,KAAK;AAAA,cACnC,QAAQ;AAAA;AAAA,UACV;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/bookings/new/page.js

@@ -0,0 +1,129 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { CalendarClock } from "lucide-react";
+import { DetailPage } from "@withpotter/ui-kit/detail-page";
+import { Button } from "@withpotter/ui-kit/button";
+import { BookingEditor } from "@withpotter/components/features/booking-editor";
+import { useEntityLabel } from "@withpotter/lib/intents/use-entity-label";
+import { useResourceLabel } from "@withpotter/lib/intents/use-resource-label";
+import { resolveBookingQueryStyle } from "@withpotter/lib/intents/booking-query-style";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+function NewBookingPage() {
+  const router = useRouter();
+  const [saving, setSaving] = useState(false);
+  const [createdBookingId, setCreatedBookingId] = useState(null);
+  const searchParams = useSearchParams();
+  const bookingLabel = useEntityLabel("booking");
+  const resourceLabel = useResourceLabel();
+  const intentConfig = useIntentConfig();
+  const queryStyle = resolveBookingQueryStyle(intentConfig.active);
+  useEffect(() => {
+    if (!createdBookingId) return;
+    const timeout = window.setTimeout(
+      () => router.push(`/dashboard/bookings/${createdBookingId}`),
+      800
+    );
+    return () => window.clearTimeout(timeout);
+  }, [createdBookingId, router]);
+  const prefill = {
+    date: searchParams.get("date") ?? void 0,
+    startTime: searchParams.get("start") ?? void 0,
+    endTime: searchParams.get("end") ?? void 0,
+    resourceId: searchParams.get("resource") ?? void 0,
+    contentId: searchParams.get("service") ?? void 0,
+    /**
+     * Who it is for, carried over from a booking being repeated.
+     *
+     * Rebooking is the single biggest retention lever a business that sells
+     * time has, and re-typing a name and a number at the desk while the
+     * customer stands there is how it stops happening.
+     */
+    customerName: searchParams.get("name") ?? void 0,
+    customerEmail: searchParams.get("email") ?? void 0,
+    customerPhone: searchParams.get("phone") ?? void 0
+  };
+  return /* @__PURE__ */ jsx(
+    DetailPage,
+    {
+      breadcrumbs: [
+        {
+          label: bookingLabel.plural,
+          href: "/dashboard/bookings",
+          icon: /* @__PURE__ */ jsx(CalendarClock, {})
+        },
+        { label: `New ${bookingLabel.singular.toLowerCase()}` }
+      ],
+      maxWidth: "max-w-6xl",
+      mobileActions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "md",
+            type: "button",
+            form: "booking-editor",
+            onClick: () => router.push("/dashboard/bookings"),
+            disabled: saving,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: createdBookingId ? "success" : "primary",
+            size: "md",
+            type: "submit",
+            form: "booking-editor",
+            loading: saving,
+            disabled: Boolean(createdBookingId),
+            children: saving ? "Creating\u2026" : createdBookingId ? "Created" : "Create"
+          }
+        )
+      ] }),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            type: "button",
+            onClick: () => router.push("/dashboard/bookings"),
+            disabled: saving,
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: createdBookingId ? "success" : "primary",
+            type: "submit",
+            form: "booking-editor",
+            loading: saving,
+            disabled: Boolean(createdBookingId),
+            children: saving ? "Creating\u2026" : createdBookingId ? "Created" : "Create booking"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        BookingEditor,
+        {
+          entityLabel: resourceLabel.singular,
+          bookingLabel: bookingLabel.singular,
+          prefill,
+          initialMode: searchParams.get("walkin") === "1" ? "walk_in_staff_created" : queryStyle?.defaultBookingMode,
+          initialType: queryStyle?.defaultBookingType,
+          allowedTypes: queryStyle?.bookingTypes.length ? queryStyle.bookingTypes : void 0,
+          allowedModes: queryStyle?.bookingModes.length ? queryStyle.bookingModes : void 0,
+          onSaved: (booking) => setCreatedBookingId(booking.id),
+          onClose: () => router.push("/dashboard/bookings"),
+          onSavingChange: setSaving
+        }
+      )
+    }
+  );
+}
+export {
+  NewBookingPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/bookings/new/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/new/page.tsx"],"sourcesContent":["'use client';\n\nimport { useRouter, useSearchParams } from 'next/navigation';\nimport { useEffect, useState } from 'react';\nimport { CalendarClock } from 'lucide-react';\nimport { DetailPage } from '@withpotter/ui-kit/detail-page';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { BookingEditor } from '@withpotter/components/features/booking-editor';\nimport { useEntityLabel } from '@withpotter/lib/intents/use-entity-label';\nimport { useResourceLabel } from '@withpotter/lib/intents/use-resource-label';\nimport { resolveBookingQueryStyle } from '@withpotter/lib/intents/booking-query-style';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\n\n/**\n * Creating a booking, as a screen rather than a panel.\n *\n * Two buttons used to open one slide-over in two moods — \"Add appointment\" and\n * \"Quick walk-in\" — which is two doors to one room, and an edge panel besides:\n * this app's rule is that a create screen is a detail screen, keeping the\n * sidebar and wearing breadcrumbs like CustomerEditor and ProductEditor do.\n *\n * Prefill arrives in the URL so the calendar can still hand over the gap that\n * was clicked without opening a different form to do it.\n */\nexport default function NewBookingPage() {\n  const router = useRouter();\n  const [saving, setSaving] = useState(false);\n  const [createdBookingId, setCreatedBookingId] = useState<string | null>(null);\n  const searchParams = useSearchParams();\n  const bookingLabel = useEntityLabel('booking');\n  const resourceLabel = useResourceLabel();\n  const intentConfig = useIntentConfig();\n  // Across every archetype that books here, so the create form offers what the\n  // business does rather than what `primary` last happened to be.\n  const queryStyle = resolveBookingQueryStyle(intentConfig.active);\n\n  useEffect(() => {\n    if (!createdBookingId) return;\n    const timeout = window.setTimeout(\n      () => router.push(`/dashboard/bookings/${createdBookingId}`),\n      800,\n    );\n    return () => window.clearTimeout(timeout);\n  }, [createdBookingId, router]);\n\n  const prefill = {\n    date: searchParams.get('date') ?? undefined,\n    startTime: searchParams.get('start') ?? undefined,\n    endTime: searchParams.get('end') ?? undefined,\n    resourceId: searchParams.get('resource') ?? undefined,\n    contentId: searchParams.get('service') ?? undefined,\n    /**\n     * Who it is for, carried over from a booking being repeated.\n     *\n     * Rebooking is the single biggest retention lever a business that sells\n     * time has, and re-typing a name and a number at the desk while the\n     * customer stands there is how it stops happening.\n     */\n    customerName: searchParams.get('name') ?? undefined,\n    customerEmail: searchParams.get('email') ?? undefined,\n    customerPhone: searchParams.get('phone') ?? undefined,\n  };\n\n  return (\n    <DetailPage\n      /* Two crumbs, the first iconed, like every other create screen in the\n         app — Segments, Products, Orders. */\n      breadcrumbs={[\n        {\n          label: bookingLabel.plural,\n          href: '/dashboard/bookings',\n          icon: <CalendarClock />,\n        },\n        { label: `New ${bookingLabel.singular.toLowerCase()}` },\n      ]}\n      maxWidth=\"max-w-6xl\"\n      mobileActions={\n        <div className=\"flex items-center gap-1\">\n          <Button\n            variant=\"secondary\"\n            size=\"md\"\n            type=\"button\"\n            form=\"booking-editor\"\n            onClick={() => router.push('/dashboard/bookings')}\n            disabled={saving}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={createdBookingId ? 'success' : 'primary'}\n            size=\"md\"\n            type=\"submit\"\n            form=\"booking-editor\"\n            loading={saving}\n            disabled={Boolean(createdBookingId)}\n          >\n            {saving ? 'Creating…' : createdBookingId ? 'Created' : 'Create'}\n          </Button>\n        </div>\n      }\n      actions={\n        <>\n          <Button\n            variant=\"secondary\"\n            type=\"button\"\n            onClick={() => router.push('/dashboard/bookings')}\n            disabled={saving}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant={createdBookingId ? 'success' : 'primary'}\n            type=\"submit\"\n            form=\"booking-editor\"\n            loading={saving}\n            disabled={Boolean(createdBookingId)}\n          >\n            {saving\n              ? 'Creating…'\n              : createdBookingId\n                ? 'Created'\n                : 'Create booking'}\n          </Button>\n        </>\n      }\n    >\n      <BookingEditor\n        entityLabel={resourceLabel.singular}\n        bookingLabel={bookingLabel.singular}\n        prefill={prefill}\n        initialMode={\n          searchParams.get('walkin') === '1'\n            ? 'walk_in_staff_created'\n            : queryStyle?.defaultBookingMode\n        }\n        initialType={queryStyle?.defaultBookingType}\n        allowedTypes={\n          queryStyle?.bookingTypes.length ? queryStyle.bookingTypes : undefined\n        }\n        allowedModes={\n          queryStyle?.bookingModes.length ? queryStyle.bookingModes : undefined\n        }\n        onSaved={(booking) => setCreatedBookingId(booking.id)}\n        onClose={() => router.push('/dashboard/bookings')}\n        onSavingChange={setSaving}\n      />\n    </DetailPage>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/bookings/page.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { BookingsScreen } from "./_components/bookings-screen";
+function BookingsPage() {
+  return /* @__PURE__ */ jsx(BookingsScreen, {});
+}
+export {
+  BookingsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/bookings/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/bookings/page.tsx"],"sourcesContent":["'use client';\n\nimport { BookingsScreen } from './_components/bookings-screen';\n\nexport default function BookingsPage() {\n  return <BookingsScreen />;\n}\n"],"mappings":";AAKS;AAHT,SAAS,sBAAsB;AAEhB,SAAR,eAAgC;AACrC,SAAO,oBAAC,kBAAe;AACzB;","names":[]}

package/dist/dashboard/(bookings)/bookings/sessions/new/_components/save-buttons.js

@@ -0,0 +1,36 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit/button";
+function SaveButtons({
+  saving,
+  onSave,
+  size,
+  buttonClassName
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        size,
+        className: buttonClassName,
+        onClick: () => onSave(true),
+        disabled: saving,
+        children: saving ? "Saving\u2026" : "Save draft"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size,
+        className: buttonClassName,
+        onClick: () => onSave(false),
+        disabled: saving,
+        children: saving ? "Publishing\u2026" : "Publish"
+      }
+    )
+  ] });
+}
+export {
+  SaveButtons
+};
+//# sourceMappingURL=save-buttons.js.map

package/dist/dashboard/(bookings)/bookings/sessions/new/_components/save-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/dashboard/%28bookings%29/bookings/sessions/new/_components/save-buttons.tsx"],"sourcesContent":["import { Button } from '@withpotter/ui-kit/button';\n\n/**\n * Save draft and Publish, once. The header, the phone header and the floating\n * bar each drew this pair by hand, so a change to either had three places to\n * miss.\n */\nexport function SaveButtons({\n  saving,\n  onSave,\n  size,\n  buttonClassName,\n}: {\n  saving: boolean;\n  onSave: (asDraft: boolean) => void;\n  size?: 'sm';\n  buttonClassName?: string;\n}) {\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        size={size}\n        className={buttonClassName}\n        onClick={() => onSave(true)}\n        disabled={saving}\n      >\n        {saving ? 'Saving…' : 'Save draft'}\n      </Button>\n      <Button\n        size={size}\n        className={buttonClassName}\n        onClick={() => onSave(false)}\n        disabled={saving}\n      >\n        {saving ? 'Publishing…' : 'Publish'}\n      </Button>\n    </>\n  );\n}\n"],"mappings":"AAmBI,mBACE,KADF;AAnBJ,SAAS,cAAc;AAOhB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR;AAAA,QACA,WAAW;AAAA,QACX,SAAS,MAAM,OAAO,IAAI;AAAA,QAC1B,UAAU;AAAA,QAET,mBAAS,iBAAY;AAAA;AAAA,IACxB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,QACX,SAAS,MAAM,OAAO,KAAK;AAAA,QAC3B,UAAU;AAAA,QAET,mBAAS,qBAAgB;AAAA;AAAA,IAC5B;AAAA,KACF;AAEJ;","names":[]}