@withpotter/pages-bookings 0.13.0-next.101

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

@@ -0,0 +1,317 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FLAT_CONTROL, TOOLBAR_H } from "@withpotter/ui-kit/toolbar-parts";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { ListChecks } from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import { waitlistApi } from "@withpotter/lib/api/waitlist";
+import { ListPage } from "@withpotter/ui-kit/list-page";
+import { ListFrame } from "@withpotter/ui-kit/list-frame";
+import { ListStates } from "@withpotter/ui-kit/list-states";
+import { TableShell, Th } from "@withpotter/ui-kit/table-shell";
+import { StatusBadge } from "@withpotter/components/shared/status-badge";
+import { TableEmptyState } from "@withpotter/ui-kit/table-empty-state";
+import { Select } from "@withpotter/ui-kit";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import { OfferSpotModal } from "./_components/offer-spot-modal";
+import { OfferCountdown } from "@withpotter/components/features/offer-countdown";
+import { ErrorBanner } from "@withpotter/ui-kit/error-banner";
+import { Plus } from "lucide-react";
+import { DEMO_WAITLIST, DEMO_WAITLIST_STATS } from "./_components/demo-data";
+import { Button } from "@withpotter/ui-kit/button";
+const STATUS_LABEL = {
+  waiting: "Waiting",
+  notified: "Offer sent",
+  converted: "Booked",
+  expired: "Expired",
+  cancelled: "Removed",
+  declined: "Declined"
+};
+const TABS = [
+  { key: "all", label: "All" },
+  { key: "waiting", label: "Waiting", status: "waiting" },
+  { key: "notified", label: "Offer sent", status: "notified" },
+  { key: "converted", label: "Booked", status: "converted" }
+];
+function makeTabCount(stats) {
+  return (tab) => tab.status ? stats?.byStatus?.[tab.status] : stats?.total;
+}
+function fmtDate(d) {
+  return new Date(d).toLocaleDateString("en-US", {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+}
+function WaitlistPage() {
+  const { tenant } = useAuth();
+  const router = useRouter();
+  const [activeTab, setActiveTab] = useState("all");
+  const [busyId, setBusyId] = useState(null);
+  const [offerTarget, setOfferTarget] = useState(null);
+  const [offering, setOffering] = useState(false);
+  const [offerError, setOfferError] = useState(null);
+  const [actionError, setActionError] = useState(null);
+  const statusParam = TABS.find((t) => t.key === activeTab)?.status;
+  const {
+    data: listData,
+    isLoading,
+    error: queryError,
+    refetch
+  } = useApiQuery(
+    ["waitlist", activeTab],
+    (slug) => waitlistApi.list(slug, { status: statusParam, limit: 50 })
+  );
+  const { data: statsData } = useApiQuery(
+    ["waitlist-stats"],
+    (slug) => waitlistApi.stats(slug)
+  );
+  useRegisterRefresh(refetch);
+  const demoActive = useDemoMode();
+  const liveEntries = listData?.data ?? [];
+  const entries = demoActive ? statusParam ? DEMO_WAITLIST.filter((e) => e.status === statusParam) : DEMO_WAITLIST : liveEntries;
+  const stats = demoActive ? DEMO_WAITLIST_STATS : statsData;
+  const loading = demoActive ? false : isLoading;
+  const error = demoActive ? null : queryError?.message ?? null;
+  const runAction = async (id, fn) => {
+    const slug = tenant?.slug;
+    if (demoActive || !slug) return;
+    setBusyId(id);
+    setActionError(null);
+    try {
+      await fn(slug);
+      refetch();
+    } catch (err) {
+      setActionError(
+        err instanceof Error ? err.message : "That action did not go through."
+      );
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const acceptOffer = async (entry) => {
+    const slug = tenant?.slug;
+    if (demoActive || !slug) return;
+    setBusyId(entry.id);
+    setActionError(null);
+    try {
+      const { bookingId } = await waitlistApi.accept(slug, entry.id);
+      router.push(`/dashboard/bookings/${bookingId}`);
+    } catch (err) {
+      setActionError(
+        err instanceof Error ? err.message : "Could not accept that offer."
+      );
+      setBusyId(null);
+    }
+  };
+  const handleOffer = async (data) => {
+    if (!offerTarget || !tenant?.slug) return;
+    setOffering(true);
+    setOfferError(null);
+    try {
+      await waitlistApi.offer(tenant.slug, offerTarget.id, data);
+      refetch();
+      setOfferTarget(null);
+    } catch (err) {
+      setOfferError(
+        err instanceof Error ? err.message : "Could not send the offer."
+      );
+    } finally {
+      setOffering(false);
+    }
+  };
+  const tabCount = makeTabCount(stats);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ListPage,
+      {
+        largeTitle: true,
+        title: "Waitlist",
+        mobileHeader: /* @__PURE__ */ jsx(MobilePageHeader, { title: "Waitlist" }),
+        actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              size: "sm",
+              value: activeTab,
+              onChange: setActiveTab,
+              ariaLabel: "Filter the waitlist",
+              options: TABS.map((tab) => ({
+                value: tab.key,
+                label: tab.label,
+                count: tabCount(tab)
+              }))
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: `${TOOLBAR_H} ${FLAT_CONTROL}`,
+              icon: /* @__PURE__ */ jsx(Plus, {}),
+              onClick: () => router.push("/dashboard/waitlist/new"),
+              children: "Add to waitlist"
+            }
+          )
+        ] }),
+        children: [
+          /* @__PURE__ */ jsx(ErrorBanner, { className: "mb-3", children: actionError }),
+          /* @__PURE__ */ jsx(ListFrame, { children: /* @__PURE__ */ jsx(
+            ListStates,
+            {
+              framed: true,
+              loading: loading && entries.length === 0,
+              isEmpty: entries.length === 0,
+              error,
+              onRetry: () => refetch(),
+              unavailableText: "The waitlist isn\u2019t available here yet.",
+              empty: /* @__PURE__ */ jsx(
+                TableEmptyState,
+                {
+                  icon: ListChecks,
+                  title: "No one waiting",
+                  description: "When a slot is full, customers who want it will queue here."
+                }
+              ),
+              children: /* @__PURE__ */ jsx(
+                TableShell,
+                {
+                  bare: true,
+                  minWidth: 820,
+                  head: /* @__PURE__ */ jsxs("tr", { className: "h-[44px]", children: [
+                    /* @__PURE__ */ jsx(Th, { children: "Customer" }),
+                    /* @__PURE__ */ jsx(Th, { children: "Waiting for" }),
+                    /* @__PURE__ */ jsx(Th, { children: "Requested" }),
+                    /* @__PURE__ */ jsx(Th, { children: "Priority" }),
+                    /* @__PURE__ */ jsx(Th, { children: "Status" }),
+                    /* @__PURE__ */ jsx("th", { className: "w-px px-4" })
+                  ] }),
+                  children: entries.map((e) => {
+                    const label = STATUS_LABEL[e.status];
+                    const busy = busyId === e.id;
+                    return /* @__PURE__ */ jsxs(
+                      "tr",
+                      {
+                        className: "transition-colors hover:bg-[var(--interactive-hover)]",
+                        children: [
+                          /* @__PURE__ */ jsxs("td", { children: [
+                            /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-[var(--text-primary)]", children: e.customerName || e.customerEmail || "Guest" }),
+                            e.customerPhone && /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href: `tel:${e.customerPhone}`,
+                                className: "text-xs text-[var(--text-tertiary)] hover:text-[var(--text-primary)]",
+                                children: e.customerPhone
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx("td", { children: e.contentTitle ? /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-primary)]", children: e.contentTitle }) : (
+                            /* A queue with nothing named behind it is a real
+                               entry — a walk-in wanting a table, any table — so
+                               this says what the party is rather than nothing. */
+                            /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: e.partySize && e.partySize > 1 ? `Party of ${e.partySize}` : "\u2014" })
+                          ) }),
+                          /* @__PURE__ */ jsxs("td", { children: [
+                            /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--text-primary)]", children: fmtDate(e.requestedDate) }),
+                            e.requestedStartTime && /* @__PURE__ */ jsxs("div", { className: "text-xs text-[var(--text-tertiary)]", children: [
+                              e.requestedStartTime,
+                              e.requestedEndTime && ` \u2013 ${e.requestedEndTime}`
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsx("td", { children: e.priority !== "normal" ? /* @__PURE__ */ jsx(StatusBadge, { status: e.priority }) : /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-muted)]", children: "Normal" }) }),
+                          /* @__PURE__ */ jsxs("td", { children: [
+                            /* @__PURE__ */ jsx(StatusBadge, { neutral: true, status: e.status, label }),
+                            e.status === "notified" && e.offerExpiresAt ? /* @__PURE__ */ jsx(
+                              OfferCountdown,
+                              {
+                                expiresAt: e.offerExpiresAt,
+                                className: "mt-1 block"
+                              }
+                            ) : null
+                          ] }),
+                          /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+                            e.status === "waiting" && /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "secondary",
+                                onClick: () => setOfferTarget(e),
+                                disabled: busy,
+                                children: "Offer spot"
+                              }
+                            ),
+                            e.status === "notified" && /* @__PURE__ */ jsxs(Fragment, { children: [
+                              /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  size: "sm",
+                                  onClick: () => acceptOffer(e),
+                                  disabled: busy,
+                                  children: "Accept"
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  size: "sm",
+                                  variant: "secondary",
+                                  onClick: () => runAction(
+                                    e.id,
+                                    (slug) => waitlistApi.decline(slug, e.id)
+                                  ),
+                                  disabled: busy,
+                                  children: "Decline"
+                                }
+                              )
+                            ] }),
+                            (e.status === "waiting" || e.status === "notified") && /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => runAction(
+                                  e.id,
+                                  (slug) => waitlistApi.cancel(slug, e.id)
+                                ),
+                                disabled: busy,
+                                children: "Remove"
+                              }
+                            )
+                          ] }) })
+                        ]
+                      },
+                      e.id
+                    );
+                  })
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    offerTarget && /* @__PURE__ */ jsx(
+      OfferSpotModal,
+      {
+        customerName: offerTarget.customerName || offerTarget.customerEmail || "the guest",
+        initialDate: offerTarget.requestedDate,
+        initialStartTime: offerTarget.requestedStartTime,
+        initialEndTime: offerTarget.requestedEndTime,
+        offering,
+        error: offerError,
+        onOffer: handleOffer,
+        onClose: () => {
+          setOfferTarget(null);
+          setOfferError(null);
+        }
+      }
+    )
+  ] });
+}
+export {
+  WaitlistPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/dashboard/%28bookings%29/waitlist/page.tsx"],"sourcesContent":["'use client';\n\nimport { FLAT_CONTROL, TOOLBAR_H } from '@withpotter/ui-kit/toolbar-parts';\nimport { useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { ListChecks } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport type { WaitlistItem } from '@withpotter/lib/api/types';\nimport { waitlistApi } from '@withpotter/lib/api/waitlist';\nimport { ListPage } from '@withpotter/ui-kit/list-page';\nimport { ListFrame } from '@withpotter/ui-kit/list-frame';\nimport { ListStates } from '@withpotter/ui-kit/list-states';\nimport { TableShell, Th } from '@withpotter/ui-kit/table-shell';\nimport { StatusBadge } from '@withpotter/components/shared/status-badge';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport { Select } from '@withpotter/ui-kit';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport { OfferSpotModal } from './_components/offer-spot-modal';\nimport { OfferCountdown } from '@withpotter/components/features/offer-countdown';\nimport { ErrorBanner } from '@withpotter/ui-kit/error-banner';\nimport { Plus } from 'lucide-react';\nimport { DEMO_WAITLIST, DEMO_WAITLIST_STATS } from './_components/demo-data';\nimport { Button } from '@withpotter/ui-kit/button';\n\ntype StatusKey = WaitlistItem['status'];\n\n/**\n * What each status is called.\n *\n * Labels only. This carried a colour class per status too — Waiting amber,\n * Offer sent blue, Booked green — which is the label painted a second time, and\n * once `StatusBadge neutral` took over the rendering the classes stayed behind\n * as a map half of nothing read.\n */\nconst STATUS_LABEL: Record<StatusKey, string> = {\n  waiting: 'Waiting',\n  notified: 'Offer sent',\n  converted: 'Booked',\n  expired: 'Expired',\n  cancelled: 'Removed',\n  declined: 'Declined',\n};\n\nconst TABS: { key: string; label: string; status?: StatusKey }[] = [\n  { key: 'all', label: 'All' },\n  { key: 'waiting', label: 'Waiting', status: 'waiting' },\n  { key: 'notified', label: 'Offer sent', status: 'notified' },\n  { key: 'converted', label: 'Booked', status: 'converted' },\n];\n\n/** Tab → how many sit behind it, from the same stats the cards used to show. */\nfunction makeTabCount(\n  stats:\n    { total?: number; byStatus?: Record<string, number> } | null | undefined,\n) {\n  return (tab: { key: string; status?: StatusKey }) =>\n    tab.status ? stats?.byStatus?.[tab.status] : stats?.total;\n}\n\nfunction fmtDate(d: string) {\n  return new Date(d).toLocaleDateString('en-US', {\n    weekday: 'short',\n    month: 'short',\n    day: 'numeric',\n  });\n}\n\nexport default function WaitlistPage() {\n  const { tenant } = useAuth();\n  const router = useRouter();\n  const [activeTab, setActiveTab] = useState('all');\n  const [busyId, setBusyId] = useState<string | null>(null);\n  const [offerTarget, setOfferTarget] = useState<WaitlistItem | null>(null);\n  const [offering, setOffering] = useState(false);\n  const [offerError, setOfferError] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const statusParam = TABS.find((t) => t.key === activeTab)?.status;\n\n  const {\n    data: listData,\n    isLoading,\n    error: queryError,\n    refetch,\n  } = useApiQuery(['waitlist', activeTab], (slug) =>\n    waitlistApi.list(slug, { status: statusParam, limit: 50 }),\n  );\n  const { data: statsData } = useApiQuery(['waitlist-stats'], (slug) =>\n    waitlistApi.stats(slug),\n  );\n  useRegisterRefresh(refetch);\n\n  // Demo mode is an opt-in overlay for designing against seed data; the live\n  // endpoints above are real. Uses the shared hook rather than a local copy —\n  // the copy that used to live here carried the setState-in-effect bug the hook\n  // was written to fix.\n  const demoActive = useDemoMode();\n\n  const liveEntries = listData?.data ?? [];\n  const entries = demoActive\n    ? statusParam\n      ? DEMO_WAITLIST.filter((e) => e.status === statusParam)\n      : DEMO_WAITLIST\n    : liveEntries;\n  const stats = demoActive ? DEMO_WAITLIST_STATS : statsData;\n  const loading = demoActive ? false : isLoading;\n  const error = demoActive ? null : (queryError?.message ?? null);\n\n  const runAction = async (\n    id: string,\n    fn: (slug: string) => Promise<unknown>,\n  ) => {\n    const slug = tenant?.slug;\n    if (demoActive || !slug) return;\n    setBusyId(id);\n    setActionError(null);\n    try {\n      await fn(slug);\n      refetch();\n    } catch (err) {\n      // Not \"surfaced on the next refetch\", which was the claim here and was\n      // never true: a refetch of unchanged data looks exactly like a no-op, so\n      // a failed accept and a successful one were the same screen.\n      setActionError(\n        err instanceof Error ? err.message : 'That action did not go through.',\n      );\n    } finally {\n      setBusyId(null);\n    }\n  };\n\n  /**\n   * Accepting an offer creates a booking. Go to it.\n   *\n   * The endpoint has always returned the new booking's id and number and this\n   * screen threw the response away, so the one moment that turns a queue into\n   * money — a freed slot becoming a confirmed booking — produced no\n   * confirmation, no number and no way through to the record.\n   */\n  const acceptOffer = async (entry: WaitlistItem) => {\n    const slug = tenant?.slug;\n    if (demoActive || !slug) return;\n    setBusyId(entry.id);\n    setActionError(null);\n    try {\n      const { bookingId } = await waitlistApi.accept(slug, entry.id);\n      router.push(`/dashboard/bookings/${bookingId}`);\n    } catch (err) {\n      setActionError(\n        err instanceof Error ? err.message : 'Could not accept that offer.',\n      );\n      setBusyId(null);\n    }\n  };\n\n  const handleOffer = async (data: {\n    date: string;\n    startTime: string;\n    endTime: string;\n    expiresInHours?: number;\n  }) => {\n    if (!offerTarget || !tenant?.slug) return;\n    setOffering(true);\n    setOfferError(null);\n    try {\n      await waitlistApi.offer(tenant.slug, offerTarget.id, data);\n      refetch();\n      setOfferTarget(null);\n    } catch (err) {\n      setOfferError(\n        err instanceof Error ? err.message : 'Could not send the offer.',\n      );\n    } finally {\n      setOffering(false);\n    }\n  };\n\n  const tabCount = makeTabCount(stats);\n\n  return (\n    <>\n      <ListPage\n        largeTitle\n        title=\"Waitlist\"\n        mobileHeader={<MobilePageHeader title=\"Waitlist\" />}\n        // Status narrows the list, so it sits with the things that act on the\n        // list rather than as a strip above it. Same move as Ticket Orders:\n        // every list screen in the app narrows itself from the header row, and\n        // a row of pills over the table was this page's private answer to a\n        // question already answered everywhere else.\n        actions={\n          <>\n            <Select\n              size=\"sm\"\n              value={activeTab}\n              onChange={setActiveTab}\n              ariaLabel=\"Filter the waitlist\"\n              options={TABS.map((tab) => ({\n                value: tab.key,\n                label: tab.label,\n                count: tabCount(tab),\n              }))}\n            />\n            {/* The list could only be joined from the storefront, which is not\n                how anybody joins one: they ring up, or they are at the counter\n                being told tonight is full. */}\n            <Button\n              className={`${TOOLBAR_H} ${FLAT_CONTROL}`}\n              icon={<Plus />}\n              onClick={() => router.push('/dashboard/waitlist/new')}\n            >\n              Add to waitlist\n            </Button>\n          </>\n        }\n      >\n        {/* No stat grid: its four cards were Waiting, Offer sent, Booked and\n            Total — precisely the four tabs below them, which is where the\n            numbers now sit. */}\n        <ErrorBanner className=\"mb-3\">{actionError}</ErrorBanner>\n        <ListFrame>\n          <ListStates\n            framed\n            loading={loading && entries.length === 0}\n            isEmpty={entries.length === 0}\n            error={error}\n            onRetry={() => refetch()}\n            unavailableText=\"The waitlist isn’t available here yet.\"\n            empty={\n              <TableEmptyState\n                icon={ListChecks}\n                title=\"No one waiting\"\n                description=\"When a slot is full, customers who want it will queue here.\"\n              />\n            }\n          >\n            <TableShell\n              bare\n              minWidth={820}\n              head={\n                <tr className=\"h-[44px]\">\n                  <Th>Customer</Th>\n                  {/* WHAT they are waiting for. This screen is one queue for\n                      every kind of waiting a business does, and without this\n                      column a restaurant that also ticketed its Friday night\n                      saw \"table for four\" and \"waiting on a Saturday ticket\"\n                      as identical rows. The API held the answer and did not\n                      send it. */}\n                  <Th>Waiting for</Th>\n                  <Th>Requested</Th>\n                  <Th>Priority</Th>\n                  <Th>Status</Th>\n                  <th className=\"w-px px-4\"></th>\n                </tr>\n              }\n            >\n              {entries.map((e) => {\n                const label = STATUS_LABEL[e.status];\n                const busy = busyId === e.id;\n                return (\n                  <tr\n                    key={e.id}\n                    className=\"transition-colors hover:bg-[var(--interactive-hover)]\"\n                  >\n                    <td>\n                      <div className=\"text-sm font-medium text-[var(--text-primary)]\">\n                        {e.customerName || e.customerEmail || 'Guest'}\n                      </div>\n                      {/* Tappable. The reason this screen exists is that\n                          somebody rings the person when a slot frees. */}\n                      {e.customerPhone && (\n                        <a\n                          href={`tel:${e.customerPhone}`}\n                          className=\"text-xs text-[var(--text-tertiary)] hover:text-[var(--text-primary)]\"\n                        >\n                          {e.customerPhone}\n                        </a>\n                      )}\n                    </td>\n                    <td>\n                      {e.contentTitle ? (\n                        <span className=\"text-sm text-[var(--text-primary)]\">\n                          {e.contentTitle}\n                        </span>\n                      ) : (\n                        /* A queue with nothing named behind it is a real\n                           entry — a walk-in wanting a table, any table — so\n                           this says what the party is rather than nothing. */\n                        <span className=\"text-sm text-[var(--text-tertiary)]\">\n                          {e.partySize && e.partySize > 1\n                            ? `Party of ${e.partySize}`\n                            : '—'}\n                        </span>\n                      )}\n                    </td>\n                    <td>\n                      <div className=\"text-sm text-[var(--text-primary)]\">\n                        {fmtDate(e.requestedDate)}\n                      </div>\n                      {e.requestedStartTime && (\n                        <div className=\"text-xs text-[var(--text-tertiary)]\">\n                          {e.requestedStartTime}\n                          {e.requestedEndTime && ` – ${e.requestedEndTime}`}\n                        </div>\n                      )}\n                    </td>\n                    <td>\n                      {e.priority !== 'normal' ? (\n                        <StatusBadge status={e.priority} />\n                      ) : (\n                        <span className=\"text-xs text-[var(--text-muted)]\">\n                          Normal\n                        </span>\n                      )}\n                    </td>\n                    <td>\n                      {/* Neutral: waiting, offer sent and booked are stages,\n                          not alarms. Priority two columns over is the one that\n                          carries colour on this page. */}\n                      <StatusBadge neutral status={e.status} label={label} />\n                      {e.status === 'notified' && e.offerExpiresAt ? (\n                        <OfferCountdown\n                          expiresAt={e.offerExpiresAt}\n                          className=\"mt-1 block\"\n                        />\n                      ) : null}\n                    </td>\n                    <td>\n                      <div className=\"flex items-center justify-end gap-2\">\n                        {/* `sm`, because these are inline row controls — the\n                            one place the scale says is not md. */}\n                        {e.status === 'waiting' && (\n                          <Button\n                            size=\"sm\"\n                            variant=\"secondary\"\n                            onClick={() => setOfferTarget(e)}\n                            disabled={busy}\n                          >\n                            Offer spot\n                          </Button>\n                        )}\n                        {e.status === 'notified' && (\n                          <>\n                            <Button\n                              size=\"sm\"\n                              onClick={() => acceptOffer(e)}\n                              disabled={busy}\n                            >\n                              Accept\n                            </Button>\n                            <Button\n                              size=\"sm\"\n                              variant=\"secondary\"\n                              onClick={() =>\n                                runAction(e.id, (slug) =>\n                                  waitlistApi.decline(slug, e.id),\n                                )\n                              }\n                              disabled={busy}\n                            >\n                              Decline\n                            </Button>\n                          </>\n                        )}\n                        {(e.status === 'waiting' ||\n                          e.status === 'notified') && (\n                          <Button\n                            size=\"sm\"\n                            variant=\"ghost\"\n                            onClick={() =>\n                              runAction(e.id, (slug) =>\n                                waitlistApi.cancel(slug, e.id),\n                              )\n                            }\n                            disabled={busy}\n                          >\n                            Remove\n                          </Button>\n                        )}\n                      </div>\n                    </td>\n                  </tr>\n                );\n              })}\n            </TableShell>\n          </ListStates>\n        </ListFrame>\n      </ListPage>\n\n      {offerTarget && (\n        <OfferSpotModal\n          customerName={\n            offerTarget.customerName || offerTarget.customerEmail || 'the guest'\n          }\n          initialDate={offerTarget.requestedDate}\n          initialStartTime={offerTarget.requestedStartTime}\n          initialEndTime={offerTarget.requestedEndTime}\n          offering={offering}\n          error={offerError}\n          onOffer={handleOffer}\n          onClose={() => {\n            setOfferTarget(null);\n            setOfferError(null);\n          }}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@withpotter/pages-bookings",
+  "version": "0.13.0-next.101",
+  "description": "Box dashboard bookings routes: scheduling, calendar, attendees, check-in, resources.",
+  "license": "UNLICENSED",
+  "sideEffects": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./*": {
+      "import": [
+        "./dist/*.js",
+        "./dist/*/index.js"
+      ]
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup && node ../../scripts/postbuild-pkg.mjs",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "@withpotter/components": "^0.13.0-next.101",
+    "@withpotter/hooks": "^0.13.0-next.101",
+    "@withpotter/lib": "^0.13.0-next.101",
+    "@withpotter/ui-kit": "^0.13.0-next.101",
+    "@fullcalendar/core": "^6.1.20",
+    "@fullcalendar/daygrid": "^6.1.20",
+    "@fullcalendar/interaction": "^6.1.20",
+    "@fullcalendar/react": "^6.1.20",
+    "@fullcalendar/timegrid": "^6.1.20",
+    "html5-qrcode": "^2.3.8",
+    "lucide-react": "^0.562.0"
+  },
+  "peerDependencies": {
+    "next": ">=16.1.1 <17",
+    "react": "19.2.3",
+    "react-dom": "19.2.3"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "tsup": "^8.5.0",
+    "typescript": "^5"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "restricted"
+  }
+}