@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/_components/bookings-screen.js

@@ -0,0 +1,414 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useItemLinks } from "@withpotter/lib/use-item-links";
+import { FLAT_CONTROL, TOOLBAR_H } from "@withpotter/ui-kit/toolbar-parts";
+import { useCallback, useMemo, useState } from "react";
+import { useRouter, useSearchParams, usePathname } from "next/navigation";
+import { motion, useReducedMotion } from "motion/react";
+import { durations, springs } from "@withpotter/lib/motion";
+import {
+  Calendar,
+  CalendarDays,
+  CalendarClock,
+  Columns3,
+  Plus
+} from "lucide-react";
+import { Button } from "@withpotter/ui-kit/button";
+import { ListPage } from "@withpotter/ui-kit/list-page";
+import { useDemoMode } from "@withpotter/hooks/use-demo-mode";
+import { ListFrame } from "@withpotter/ui-kit/list-frame";
+import { CannotTakeBookings } from "./cannot-take-bookings";
+import { ListStates } from "@withpotter/ui-kit/list-states";
+import { TableEmptyState } from "@withpotter/ui-kit/table-empty-state";
+import { TablePagination } from "@withpotter/ui-kit/table-pagination";
+import { BookingsTable } from "./index";
+import { TodayBoard } from "./today-board";
+import { BookingsMobileControls } from "./bookings-mobile-controls";
+import { BookingsFilterBar } from "./bookings-filter-bar";
+import { ViewSwitch } from "@withpotter/ui-kit/view-switch";
+import { DayBoardView } from "@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/day-board-view";
+import { CalendarTail } from "@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/calendar-nav";
+import { useCalendarNav } from "@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/use-calendar-nav";
+import { DEMO_BOOKINGS, DEMO_STATS } from "./demo-data";
+import { useBookingsData } from "../_hooks";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { resolveBookingQueryStyle } from "@withpotter/lib/intents/booking-query-style";
+import { useEntityLabel } from "@withpotter/lib/intents/use-entity-label";
+import { MobilePageHeader } from "@withpotter/components/mobile/mobile-page-header";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import { AvailabilityScreen } from "@withpotter/pages-bookings/dashboard/(bookings)/availability/_components/availability-screen";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { tenantApi } from "@withpotter/lib/api/tenant";
+const VIEW_ORDER = ["today", "list", "calendar", "availability"];
+function asView(param) {
+  if (param === "overview") return "today";
+  if (param === "list") return "list";
+  return param === "calendar" || param === "today" || param === "availability" ? param : "today";
+}
+function BookingsScreen({
+  queryStyle
+}) {
+  const router = useRouter();
+  const links = useItemLinks();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const [view, setViewState] = useState(
+    () => asView(searchParams.get("view"))
+  );
+  const [travel, setTravel] = useState(0);
+  const urlView = asView(searchParams.get("view"));
+  const [seenUrlView, setSeenUrlView] = useState(urlView);
+  if (seenUrlView !== urlView) {
+    setSeenUrlView(urlView);
+    setViewState(urlView);
+  }
+  const setView = useCallback(
+    (next) => {
+      setTravel(VIEW_ORDER.indexOf(next) - VIEW_ORDER.indexOf(view));
+      setViewState(next);
+      const params = new URLSearchParams(searchParams.toString());
+      params.set("view", next);
+      const qs = params.toString();
+      window.history.replaceState(
+        null,
+        "",
+        qs ? `${pathname}?${qs}` : pathname
+      );
+    },
+    [pathname, searchParams, view]
+  );
+  const calendarNav = useCalendarNav();
+  const reduceMotion = useReducedMotion() ?? false;
+  const intentConfig = useIntentConfig();
+  const { data: readiness } = useApiQuery(
+    ["bookings-readiness"],
+    (slug) => tenantApi.readiness(slug)
+  );
+  const bookingQueryStyle = queryStyle ?? resolveBookingQueryStyle(intentConfig.active);
+  const {
+    bookings,
+    stats,
+    loading,
+    error,
+    activeTab,
+    searchQuery,
+    setSearchQuery,
+    statusFilter,
+    dateFrom,
+    setDateFrom,
+    dateTo,
+    setDateTo,
+    page,
+    setPage,
+    totalCount,
+    totalPages,
+    limit,
+    TABS,
+    modeFilter,
+    setModeFilter,
+    originFilter,
+    setOriginFilter,
+    actorFilter,
+    setActorFilter,
+    MODE_FILTERS,
+    ORIGIN_FILTERS,
+    ACTOR_FILTERS,
+    loadBookings,
+    handleTabChange,
+    formatCurrency,
+    formatDate,
+    formatTime
+  } = useBookingsData({ queryStyle: bookingQueryStyle });
+  useRegisterRefresh(loadBookings);
+  const isCalendar = view === "calendar";
+  const viewOptions = useMemo(
+    () => [
+      { value: "today", label: "Overview", icon: Columns3 },
+      { value: "calendar", label: "Calendar", icon: CalendarDays },
+      {
+        value: "availability",
+        label: "Availability",
+        icon: CalendarClock
+      }
+    ],
+    []
+  );
+  const modeOptions = useMemo(
+    () => MODE_FILTERS.map((f) => ({ value: f.key, label: f.label })),
+    [MODE_FILTERS]
+  );
+  const originOptions = useMemo(
+    () => ORIGIN_FILTERS.map((f) => ({ value: f.key, label: f.label })),
+    [ORIGIN_FILTERS]
+  );
+  const actorOptions = useMemo(
+    () => ACTOR_FILTERS.map((f) => ({ value: f.key, label: f.label })),
+    [ACTOR_FILTERS]
+  );
+  const bookingLabel = useEntityLabel("booking");
+  const bookingSingular = bookingLabel.singular;
+  const bookingPlural = bookingLabel.plural;
+  const pageTitle = bookingPlural;
+  const bookingTabs = useMemo(
+    () => TABS.map(
+      (tab) => tab.key === "all" ? { ...tab, label: `All ${bookingPlural}` } : tab
+    ),
+    [TABS, bookingPlural]
+  );
+  const demoActive = useDemoMode();
+  const displayBookings = demoActive ? DEMO_BOOKINGS : bookings;
+  const displayStats = demoActive ? DEMO_STATS : stats;
+  const displayLoading = demoActive ? false : loading;
+  const displayError = demoActive ? null : error;
+  const displayTotalCount = demoActive ? DEMO_BOOKINGS.length : totalCount;
+  const displayTotalPages = demoActive ? 1 : totalPages;
+  const setupBlockers = readiness?.blockers ?? [];
+  const needsSession = setupBlockers.some((b) => b.key === "bookable");
+  const needsAvailability = setupBlockers.some((b) => b.key === "schedulable");
+  const setupIncomplete = needsSession || needsAvailability;
+  const primaryAction = needsSession ? {
+    label: "Create session",
+    href: "/dashboard/catalog/new?intent=take-bookings"
+  } : needsAvailability ? {
+    label: "Set availability",
+    href: "/dashboard/bookings?view=availability"
+  } : {
+    label: `Add ${bookingSingular.toLowerCase()}`,
+    href: "/dashboard/bookings/new"
+  };
+  const tabCounts = useMemo(() => {
+    const by = displayStats?.byStatus;
+    if (!by) return {};
+    return {
+      confirmed: by.confirmed,
+      completed: by.completed,
+      cancelled: by.cancelled
+    };
+  }, [displayStats]);
+  const statusOptions = useMemo(
+    () => bookingTabs.map((tab) => ({
+      value: tab.key,
+      label: tab.label,
+      description: tab.description,
+      count: tabCounts[tab.key]
+    })),
+    [bookingTabs, tabCounts]
+  );
+  const activeFilterCount = (activeTab !== "all" ? 1 : 0) + (modeFilter !== "all" ? 1 : 0) + (originFilter !== "all" ? 1 : 0) + (actorFilter !== "all" ? 1 : 0) + (dateFrom || dateTo ? 1 : 0);
+  const clearAllFilters = () => {
+    handleTabChange("all");
+    setModeFilter("all");
+    setOriginFilter("all");
+    setActorFilter("all");
+    setDateFrom("");
+    setDateTo("");
+    setPage(1);
+  };
+  const hasActiveQuery = Boolean(
+    searchQuery || statusFilter || dateFrom || dateTo || modeFilter !== "all" || originFilter !== "all" || actorFilter !== "all"
+  );
+  if (view === "availability") {
+    return /* @__PURE__ */ jsxs(
+      ListPage,
+      {
+        largeTitle: true,
+        title: pageTitle,
+        mobileHeader: /* @__PURE__ */ jsx(MobilePageHeader, { title: pageTitle }),
+        actions: /* @__PURE__ */ jsx(
+          ViewSwitch,
+          {
+            className: `${TOOLBAR_H} ${FLAT_CONTROL}`,
+            options: viewOptions,
+            value: view,
+            onChange: setView,
+            "aria-label": "Appointments views",
+            compactLabels: true
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+            ViewSwitch,
+            {
+              options: viewOptions,
+              value: view,
+              onChange: setView,
+              "aria-label": "Appointments views",
+              className: "h-[calc(2.75rem-1px)] w-full justify-between"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(AvailabilityScreen, { embedded: true })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    ListPage,
+    {
+      largeTitle: true,
+      title: pageTitle,
+      mobileHeader: /* @__PURE__ */ jsx(
+        MobilePageHeader,
+        {
+          title: pageTitle,
+          action: setupIncomplete ? void 0 : {
+            label: primaryAction.label,
+            onClick: () => router.push(primaryAction.href)
+          }
+        }
+      ),
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ViewSwitch,
+          {
+            className: `${TOOLBAR_H} ${FLAT_CONTROL}`,
+            options: viewOptions,
+            value: view,
+            onChange: setView,
+            "aria-label": `Show ${bookingPlural.toLowerCase()} as a list or a calendar`,
+            size: "large",
+            compactLabels: true,
+            trailing: isCalendar ? /* @__PURE__ */ jsx(CalendarTail, { nav: calendarNav }) : void 0
+          }
+        ),
+        !setupIncomplete && /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "primary",
+            className: `${TOOLBAR_H} ${FLAT_CONTROL}`,
+            onClick: () => router.push(primaryAction.href),
+            icon: /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            iconReveal: true,
+            children: /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: primaryAction.label })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
+          ViewSwitch,
+          {
+            options: viewOptions,
+            value: view,
+            onChange: setView,
+            "aria-label": "Appointments views",
+            className: "h-11 w-full justify-between"
+          }
+        ) }),
+        view === "today" ? /* @__PURE__ */ jsx(CannotTakeBookings, {}) : null,
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "space-y-3 lg:space-y-4",
+            initial: reduceMotion ? false : { opacity: 0, x: travel >= 0 ? 24 : -24, scale: 0.99 },
+            animate: { opacity: 1, x: 0, scale: 1 },
+            transition: reduceMotion ? { duration: durations.fast } : { ...springs.gentle, opacity: { duration: durations.normal } },
+            children: view === "today" ? setupIncomplete ? null : /* @__PURE__ */ jsx(TodayBoard, { types: bookingQueryStyle?.bookingTypes }) : isCalendar ? /* @__PURE__ */ jsx(DayBoardView, { nav: calendarNav }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                BookingsMobileControls,
+                {
+                  bookingPlural,
+                  statusOptions,
+                  activeTab,
+                  onTabChange: handleTabChange,
+                  searchQuery,
+                  onSearchChange: setSearchQuery,
+                  modeFilter,
+                  setModeFilter,
+                  originFilter,
+                  setOriginFilter,
+                  actorFilter,
+                  setActorFilter,
+                  modeOptions,
+                  originOptions,
+                  actorOptions,
+                  setPage,
+                  activeFilterCount,
+                  onClearFilters: clearAllFilters
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ListFrame,
+                {
+                  toolbar: /* @__PURE__ */ jsx(
+                    BookingsFilterBar,
+                    {
+                      searchQuery,
+                      setSearchQuery,
+                      bookingPlural,
+                      activeFilterCount,
+                      clearAllFilters,
+                      activeTab,
+                      handleTabChange,
+                      statusOptions,
+                      modeFilter,
+                      setModeFilter,
+                      modeOptions,
+                      originFilter,
+                      setOriginFilter,
+                      originOptions,
+                      actorFilter,
+                      setActorFilter,
+                      actorOptions,
+                      dateFrom,
+                      dateTo,
+                      setDateFrom,
+                      setDateTo,
+                      setPage
+                    }
+                  ),
+                  children: /* @__PURE__ */ jsx(
+                    ListStates,
+                    {
+                      framed: true,
+                      loading: displayLoading && displayBookings.length === 0,
+                      isEmpty: displayBookings.length === 0,
+                      error: displayError,
+                      onRetry: () => loadBookings(),
+                      empty: /* @__PURE__ */ jsx(
+                        TableEmptyState,
+                        {
+                          icon: Calendar,
+                          title: `No ${bookingPlural.toLowerCase()} found`,
+                          description: hasActiveQuery ? "Try adjusting your search or filters" : `${bookingPlural} will appear here when customers make reservations`,
+                          action: hasActiveQuery ? void 0 : {
+                            label: "Create a session",
+                            href: "/dashboard/catalog/new?intent=take-bookings"
+                          }
+                        }
+                      ),
+                      children: /* @__PURE__ */ jsx(
+                        BookingsTable,
+                        {
+                          bookings: displayBookings,
+                          formatCurrency,
+                          formatDate,
+                          formatTime,
+                          onSelectRow: (b) => router.push(links.bookingDetail(b.id)),
+                          footer: /* @__PURE__ */ jsx(
+                            TablePagination,
+                            {
+                              page,
+                              totalPages: displayTotalPages,
+                              pageSize: limit,
+                              totalItems: displayTotalCount,
+                              entityName: "bookings",
+                              onPageChange: setPage
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ] })
+          },
+          view
+        )
+      ]
+    }
+  ) });
+}
+export {
+  BookingsScreen
+};
+//# sourceMappingURL=bookings-screen.js.map

package/dist/dashboard/(bookings)/bookings/_components/bookings-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/bookings-screen.tsx"],"sourcesContent":["'use client';\n\nimport { useItemLinks } from '@withpotter/lib/use-item-links';\nimport { FLAT_CONTROL, TOOLBAR_H } from '@withpotter/ui-kit/toolbar-parts';\nimport { useCallback, useMemo, useState } from 'react';\nimport { useRouter, useSearchParams, usePathname } from 'next/navigation';\nimport { motion, useReducedMotion } from 'motion/react';\nimport { durations, springs } from '@withpotter/lib/motion';\nimport {\n  Calendar,\n  CalendarDays,\n  CalendarClock,\n  Columns3,\n  Plus,\n} from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { ListPage } from '@withpotter/ui-kit/list-page';\nimport { useDemoMode } from '@withpotter/hooks/use-demo-mode';\nimport { ListFrame } from '@withpotter/ui-kit/list-frame';\nimport { CannotTakeBookings } from './cannot-take-bookings';\nimport { ListStates } from '@withpotter/ui-kit/list-states';\nimport { TableEmptyState } from '@withpotter/ui-kit/table-empty-state';\nimport { TablePagination } from '@withpotter/ui-kit/table-pagination';\nimport { BookingsTable } from './index';\nimport { TodayBoard } from './today-board';\nimport { BookingsMobileControls } from './bookings-mobile-controls';\nimport { BookingsFilterBar } from './bookings-filter-bar';\nimport { ViewSwitch } from '@withpotter/ui-kit/view-switch';\nimport { DayBoardView } from '@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/day-board-view';\nimport { CalendarTail } from '@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/calendar-nav';\nimport { useCalendarNav } from '@withpotter/pages-bookings/dashboard/(bookings)/calendar/_components/use-calendar-nav';\nimport { DEMO_BOOKINGS, DEMO_STATS } from './demo-data';\nimport { useBookingsData } from '../_hooks';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { resolveBookingQueryStyle } from '@withpotter/lib/intents/booking-query-style';\nimport type { BookingQueryStyle } from '@withpotter/lib/intents';\nimport { useEntityLabel } from '@withpotter/lib/intents/use-entity-label';\nimport { MobilePageHeader } from '@withpotter/components/mobile/mobile-page-header';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport { AvailabilityScreen } from '@withpotter/pages-bookings/dashboard/(bookings)/availability/_components/availability-screen';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { tenantApi } from '@withpotter/lib/api/tenant';\nimport type { StorefrontReadiness } from '@withpotter/lib/api/types';\n\ntype BookingView = 'today' | 'list' | 'calendar' | 'availability';\n\n/** Left to right, as the switch draws them; the overview leads. */\nconst VIEW_ORDER: BookingView[] = ['today', 'list', 'calendar', 'availability'];\n\n/* `overview` is the control's word, `today` the URL token the redirect and\n   the mobile route contract use. */\nfunction asView(param: string | null): BookingView {\n  if (param === 'overview') return 'today';\n  if (param === 'list') return 'list';\n  return param === 'calendar' || param === 'today' || param === 'availability'\n    ? param\n    : 'today';\n}\n\nexport function BookingsScreen({\n  queryStyle,\n}: {\n  /** The bookings to list, declared by the route. Absent on /dashboard/bookings. */\n  queryStyle?: BookingQueryStyle;\n}) {\n  const router = useRouter();\n  const links = useItemLinks();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  /**\n   * WHICH VIEW. It lives in the URL (/dashboard/calendar redirects here with\n   * ?view=calendar, and a shared link must open where it was shared), but is\n   * held as state: deriving it from `useSearchParams` made every press of the\n   * switch an App Router navigation with a visible wait. The URL is brought up\n   * to date with `history.replaceState`, and the effect adopts changes that\n   * come from outside (back, forward, a link landing here).\n   */\n  const [view, setViewState] = useState<BookingView>(() =>\n    asView(searchParams.get('view')),\n  );\n  /**\n   * Which way the switch was pressed, so the board TRAVELS that way.\n   *\n   * A crossfade with a four-pixel rise said only \"something changed\". These\n   * three views sit in a row and you pick one by pressing left or right along\n   * it, so the content arriving from the side you pressed is the same gesture\n   * continued: the thumb slides right, the calendar comes in from the right.\n   * Held as state rather than derived, because the direction is a property of\n   * the LAST press, not of the current view.\n   */\n  const [travel, setTravel] = useState(0);\n  /* Adopted DURING RENDER, React's own shape for \"a prop changed and this\n     state derives from it\" — not in an effect, which would paint the old view\n     for a frame first and is what `react-hooks/set-state-in-effect` is there to\n     stop. Same pattern `RollingNumber` uses. */\n  const urlView = asView(searchParams.get('view'));\n  const [seenUrlView, setSeenUrlView] = useState(urlView);\n  if (seenUrlView !== urlView) {\n    setSeenUrlView(urlView);\n    setViewState(urlView);\n  }\n\n  const setView = useCallback(\n    (next: BookingView) => {\n      setTravel(VIEW_ORDER.indexOf(next) - VIEW_ORDER.indexOf(view));\n      setViewState(next);\n      const params = new URLSearchParams(searchParams.toString());\n      params.set('view', next);\n      const qs = params.toString();\n      window.history.replaceState(\n        null,\n        '',\n        qs ? `${pathname}?${qs}` : pathname,\n      );\n    },\n    [pathname, searchParams, view],\n  );\n  /* The calendar's own controls sit on the page header row, so where the\n     calendar is pointed is held here rather than inside the board. */\n  const calendarNav = useCalendarNav();\n  const reduceMotion = useReducedMotion() ?? false;\n\n  const intentConfig = useIntentConfig();\n  const { data: readiness } = useApiQuery<StorefrontReadiness>(\n    ['bookings-readiness'],\n    (slug) => tenantApi.readiness(slug),\n  );\n  // Every archetype on screen, not `primary`. These are query FILTERS, so the\n  // wrong archetype does not mislabel the diary — it empties it.\n  const bookingQueryStyle =\n    queryStyle ?? resolveBookingQueryStyle(intentConfig.active);\n  const {\n    bookings,\n    stats,\n    loading,\n    error,\n    activeTab,\n    searchQuery,\n    setSearchQuery,\n    statusFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    page,\n    setPage,\n    totalCount,\n    totalPages,\n    limit,\n    TABS,\n    modeFilter,\n    setModeFilter,\n    originFilter,\n    setOriginFilter,\n    actorFilter,\n    setActorFilter,\n    MODE_FILTERS,\n    ORIGIN_FILTERS,\n    ACTOR_FILTERS,\n    loadBookings,\n    handleTabChange,\n    formatCurrency,\n    formatDate,\n    formatTime,\n  } = useBookingsData({ queryStyle: bookingQueryStyle });\n  useRegisterRefresh(loadBookings);\n\n  const isCalendar = view === 'calendar';\n\n  /**\n   * Three ways to read the same bookings, and the icon is the SHAPE of each.\n   *\n   * Today wore a `Calendar` beside Calendar's `CalendarDays` — two calendar\n   * glyphs in one three-option control, the only difference a row of dots. The\n   * desk board is lanes, the list is rows, the calendar is a grid; the labels\n   * carry the meaning and the marks now carry the shape.\n   */\n  const viewOptions = useMemo(\n    () => [\n      { value: 'today' as const, label: 'Overview', icon: Columns3 },\n      { value: 'calendar' as const, label: 'Calendar', icon: CalendarDays },\n      {\n        value: 'availability' as const,\n        label: 'Availability',\n        icon: CalendarClock,\n      },\n    ],\n    [],\n  );\n\n  const modeOptions = useMemo(\n    () => MODE_FILTERS.map((f) => ({ value: f.key, label: f.label })),\n    [MODE_FILTERS],\n  );\n  const originOptions = useMemo(\n    () => ORIGIN_FILTERS.map((f) => ({ value: f.key, label: f.label })),\n    [ORIGIN_FILTERS],\n  );\n  const actorOptions = useMemo(\n    () => ACTOR_FILTERS.map((f) => ({ value: f.key, label: f.label })),\n    [ACTOR_FILTERS],\n  );\n\n  // One resolver, so the merchant's own rename survives an active archetype.\n  // This used to branch: with an intent active it read the archetype noun and\n  // ignored `moduleLabels` entirely, so a club that renamed Bookings to\n  // \"Sessions\" got Sessions in the sidebar and \"Appointments\" on the page.\n  const bookingLabel = useEntityLabel('booking');\n  const bookingSingular = bookingLabel.singular;\n  const bookingPlural = bookingLabel.plural;\n  const pageTitle = bookingPlural;\n  const bookingTabs = useMemo(\n    () =>\n      TABS.map((tab) =>\n        tab.key === 'all' ? { ...tab, label: `All ${bookingPlural}` } : tab,\n      ),\n    [TABS, bookingPlural],\n  );\n\n  // The shared hook, not a seventh copy of the same twenty lines. It also\n  // fixes the setState-in-effect this local version carried.\n  const demoActive = useDemoMode();\n\n  const displayBookings = demoActive ? DEMO_BOOKINGS : bookings;\n  const displayStats = demoActive ? DEMO_STATS : stats;\n  const displayLoading = demoActive ? false : loading;\n  const displayError = demoActive ? null : error;\n  const displayTotalCount = demoActive ? DEMO_BOOKINGS.length : totalCount;\n  const displayTotalPages = demoActive ? 1 : totalPages;\n  const setupBlockers = readiness?.blockers ?? [];\n  const needsSession = setupBlockers.some((b) => b.key === 'bookable');\n  const needsAvailability = setupBlockers.some((b) => b.key === 'schedulable');\n  const setupIncomplete = needsSession || needsAvailability;\n  const primaryAction = needsSession\n    ? {\n        label: 'Create session',\n        href: '/dashboard/catalog/new?intent=take-bookings',\n      }\n    : needsAvailability\n      ? {\n          label: 'Set availability',\n          href: '/dashboard/bookings?view=availability',\n        }\n      : {\n          label: `Add ${bookingSingular.toLowerCase()}`,\n          href: '/dashboard/bookings/new',\n        };\n\n  /**\n   * Tab key → how many sit behind it. Derived from the same status counts the\n   * six stat cards used to show, so nothing was lost when they went. The\n   * payment tabs have no status count to draw on, which is why they carry none\n   * rather than a zero.\n   *\n   * `upcoming` and `past` carry none for the same reason: they are date\n   * filters, and the stats endpoint only counts by status. `upcoming` used to\n   * show pending + confirmed, which is what it used to select — now that it\n   * means \"from today onward\" the sum would be a number the list disagrees\n   * with, and a count that contradicts the rows under it is worse than no\n   * count.\n   */\n  const tabCounts = useMemo<Record<string, number | undefined>>(() => {\n    const by = displayStats?.byStatus;\n    if (!by) return {};\n    return {\n      confirmed: by.confirmed,\n      completed: by.completed,\n      cancelled: by.cancelled,\n    };\n  }, [displayStats]);\n\n  /**\n   * Status now lives in the Filters panel with everything else, rather than as\n   * a tab row above the table. Two filtering mechanisms side by side made the\n   * surface read as if they did different kinds of work; they did not. The\n   * counts survive by riding on the option labels, so the pipeline is still\n   * legible without a second control.\n   */\n  const statusOptions = useMemo(\n    () =>\n      bookingTabs.map((tab) => ({\n        value: tab.key,\n        label: tab.label,\n        description: tab.description,\n        count: tabCounts[tab.key],\n      })),\n    [bookingTabs, tabCounts],\n  );\n\n  // Secondary filters (mode/origin/actor/date) fold into a Filters panel, the\n  // customers pattern — the tabs stay as the primary axis on the row.\n  const activeFilterCount =\n    (activeTab !== 'all' ? 1 : 0) +\n    (modeFilter !== 'all' ? 1 : 0) +\n    (originFilter !== 'all' ? 1 : 0) +\n    (actorFilter !== 'all' ? 1 : 0) +\n    (dateFrom || dateTo ? 1 : 0);\n\n  const clearAllFilters = () => {\n    handleTabChange('all');\n    setModeFilter('all');\n    setOriginFilter('all');\n    setActorFilter('all');\n    setDateFrom('');\n    setDateTo('');\n    setPage(1);\n  };\n  const hasActiveQuery = Boolean(\n    searchQuery ||\n    statusFilter ||\n    dateFrom ||\n    dateTo ||\n    modeFilter !== 'all' ||\n    originFilter !== 'all' ||\n    actorFilter !== 'all',\n  );\n\n  if (view === 'availability') {\n    return (\n      <ListPage\n        largeTitle\n        title={pageTitle}\n        mobileHeader={<MobilePageHeader title={pageTitle} />}\n        actions={\n          <ViewSwitch\n            className={`${TOOLBAR_H} ${FLAT_CONTROL}`}\n            options={viewOptions}\n            value={view}\n            onChange={setView}\n            aria-label=\"Appointments views\"\n            compactLabels\n          />\n        }\n      >\n        <div className=\"lg:hidden\">\n          <ViewSwitch\n            options={viewOptions}\n            value={view}\n            onChange={setView}\n            aria-label=\"Appointments views\"\n            className=\"h-[calc(2.75rem-1px)] w-full justify-between\"\n          />\n        </div>\n        <AvailabilityScreen embedded />\n      </ListPage>\n    );\n  }\n\n  return (\n    <>\n      <ListPage\n        largeTitle\n        title={pageTitle}\n        mobileHeader={\n          <MobilePageHeader\n            title={pageTitle}\n            action={\n              setupIncomplete\n                ? undefined\n                : {\n                    label: primaryAction.label,\n                    onClick: () => router.push(primaryAction.href),\n                  }\n            }\n          />\n        }\n        // Everything you do TO the list on one row; the frame below is the list.\n        actions={\n          <>\n            {/* No Waitlist button here. It was the seventh control on this row\n                and pushed the page title down to \"App…\". The queue is a sub-nav\n                under this surface in the sidebar instead, which is where a\n                smaller surface attached to a bigger one belongs. */}\n            {/*\n             * ONE CONTROL, NOT THREE. The range and the date position are not\n             * peers of the three views — they are what the Calendar view is\n             * showing, and where — so both ride inside the switch's own track,\n             * behind a hairline, and open and close with the view that owns\n             * them. See `CalendarTail`.\n             */}\n            <ViewSwitch\n              className={`${TOOLBAR_H} ${FLAT_CONTROL}`}\n              options={viewOptions}\n              value={view}\n              onChange={setView}\n              aria-label={`Show ${bookingPlural.toLowerCase()} as a list or a calendar`}\n              size=\"large\"\n              compactLabels\n              trailing={\n                isCalendar ? <CalendarTail nav={calendarNav} /> : undefined\n              }\n            />\n            {/* One door. \"Quick walk-in\" and \"Add appointment\" opened the same\n                slide-over in two moods, which read as two things to learn and\n                was two places to fix anything. Walk-in is a choice on the\n                create screen now, and the desk board links straight to it with\n                that choice already made. */}\n            {!setupIncomplete && (\n              <Button\n                variant=\"primary\"\n                className={`${TOOLBAR_H} ${FLAT_CONTROL}`}\n                onClick={() => router.push(primaryAction.href)}\n                icon={<Plus className=\"size-4\" />}\n                iconReveal\n              >\n                <span className=\"hidden sm:inline\">{primaryAction.label}</span>\n              </Button>\n            )}\n          </>\n        }\n      >\n        <div className=\"lg:hidden\">\n          <ViewSwitch\n            options={viewOptions}\n            value={view}\n            onChange={setView}\n            aria-label=\"Appointments views\"\n            className=\"h-11 w-full justify-between\"\n          />\n        </div>\n        {/* The view choice belongs immediately below the page title. Setup\n            status then explains what the selected view needs before it can\n            show useful appointment data. */}\n        {view === 'today' ? <CannotTakeBookings /> : null}\n\n        {/*\n         * THE SWAP TRAVELS. Keyed on the view, so React mounts the new board\n         * and motion runs its entrance: in from the side the switch moved\n         * toward, on the house's gentle spring, with a hair of scale so the\n         * board reads as coming forward rather than sliding past.\n         *\n         * No exit animation. Waiting for the old view to leave before the new\n         * one starts is exactly the delay the switch was rewritten to remove,\n         * and a view you asked for should already be arriving. The old one is\n         * simply replaced under the new one's entrance.\n         */}\n        <motion.div\n          key={view}\n          className=\"space-y-3 lg:space-y-4\"\n          initial={\n            reduceMotion\n              ? false\n              : { opacity: 0, x: travel >= 0 ? 24 : -24, scale: 0.99 }\n          }\n          animate={{ opacity: 1, x: 0, scale: 1 }}\n          transition={\n            reduceMotion\n              ? { duration: durations.fast }\n              : { ...springs.gentle, opacity: { duration: durations.normal } }\n          }\n        >\n          {view === 'today' ? (\n            setupIncomplete ? null : (\n              <TodayBoard types={bookingQueryStyle?.bookingTypes} />\n            )\n          ) : isCalendar ? (\n            <DayBoardView nav={calendarNav} />\n          ) : (\n            <>\n              <BookingsMobileControls\n                bookingPlural={bookingPlural}\n                statusOptions={statusOptions}\n                activeTab={activeTab}\n                onTabChange={handleTabChange}\n                searchQuery={searchQuery}\n                onSearchChange={setSearchQuery}\n                modeFilter={modeFilter}\n                setModeFilter={setModeFilter}\n                originFilter={originFilter}\n                setOriginFilter={setOriginFilter}\n                actorFilter={actorFilter}\n                setActorFilter={setActorFilter}\n                modeOptions={modeOptions}\n                originOptions={originOptions}\n                actorOptions={actorOptions}\n                setPage={setPage}\n                activeFilterCount={activeFilterCount}\n                onClearFilters={clearAllFilters}\n              />\n              <ListFrame\n                /* One filter row, the app's own — after orders and customers,\n                 * the third and last of the hand-rolled ones. `FilterBar` owns\n                 * the search field, the toggle, the disclosure state and the\n                 * panel together; this page had all four as separate pieces,\n                 * with search and the button passed down to the table and the\n                 * panel placed from up here. */\n                toolbar={\n                  <BookingsFilterBar\n                    searchQuery={searchQuery}\n                    setSearchQuery={setSearchQuery}\n                    bookingPlural={bookingPlural}\n                    activeFilterCount={activeFilterCount}\n                    clearAllFilters={clearAllFilters}\n                    activeTab={activeTab}\n                    handleTabChange={handleTabChange}\n                    statusOptions={statusOptions}\n                    modeFilter={modeFilter}\n                    setModeFilter={setModeFilter}\n                    modeOptions={modeOptions}\n                    originFilter={originFilter}\n                    setOriginFilter={setOriginFilter}\n                    originOptions={originOptions}\n                    actorFilter={actorFilter}\n                    setActorFilter={setActorFilter}\n                    actorOptions={actorOptions}\n                    dateFrom={dateFrom}\n                    dateTo={dateTo}\n                    setDateFrom={setDateFrom}\n                    setDateTo={setDateTo}\n                    setPage={setPage}\n                  />\n                }\n              >\n                <ListStates\n                  framed\n                  loading={displayLoading && displayBookings.length === 0}\n                  isEmpty={displayBookings.length === 0}\n                  error={displayError}\n                  onRetry={() => loadBookings()}\n                  empty={\n                    <TableEmptyState\n                      icon={Calendar}\n                      title={`No ${bookingPlural.toLowerCase()} found`}\n                      description={\n                        hasActiveQuery\n                          ? 'Try adjusting your search or filters'\n                          : `${bookingPlural} will appear here when customers make reservations`\n                      }\n                      /* On a first run the header's act is the useless one:\n                         nobody can be booked in until there is something to\n                         book. A filtered empty gets nothing, because arriving\n                         at an empty search is not wanting to build a session. */\n                      action={\n                        hasActiveQuery\n                          ? undefined\n                          : {\n                              label: 'Create a session',\n                              href: '/dashboard/catalog/new?intent=take-bookings',\n                            }\n                      }\n                    />\n                  }\n                >\n                  <BookingsTable\n                    bookings={displayBookings}\n                    formatCurrency={formatCurrency}\n                    formatDate={formatDate}\n                    formatTime={formatTime}\n                    onSelectRow={(b) => router.push(links.bookingDetail(b.id))}\n                    footer={\n                      <TablePagination\n                        page={page}\n                        totalPages={displayTotalPages}\n                        pageSize={limit}\n                        totalItems={displayTotalCount}\n                        entityName=\"bookings\"\n                        onPageChange={setPage}\n                      />\n                    }\n                  />\n                </ListStates>\n              </ListFrame>\n            </>\n          )}\n        </motion.div>\n      </ListPage>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}