@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/[bookingId]/page.js

@@ -0,0 +1,356 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { use, useState } from "react";
+import { RecordTrace } from "@withpotter/components/connect/record-trace";
+import { DetailPage } from "@withpotter/ui-kit/detail-page";
+import { DetailStates } from "@withpotter/ui-kit/detail-states";
+import { useDetailHeader } from "@withpotter/hooks/use-detail-header";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+import { useModuleLabel } from "@withpotter/lib/use-module-label";
+import { useRouter } from "next/navigation";
+import { useBookingDetailData } from "./_hooks";
+import { Button } from "@withpotter/ui-kit/button";
+import { Banknote, CalendarClock, Receipt, Repeat, Undo2 } from "lucide-react";
+import { OverflowItem, OverflowMenu } from "@withpotter/ui-kit";
+import {
+  CancelBookingModal,
+  RescheduleBookingModal,
+  RefundBookingModal,
+  SettleDepositModal
+} from "./_components";
+import { RecordPaymentModal } from "@withpotter/components/features/record-payment-modal";
+import { BookingMobileLayout } from "./_components/booking-mobile-layout";
+import { AssignResourceModal } from "./_components/assign-resource-modal";
+import { BookingDesktopLayout } from "./_components/booking-desktop-layout";
+import { BookingMobileScreen } from "./_components/booking-mobile-screen";
+import { useIsMobile } from "@withpotter/hooks/use-mobile";
+import { useItemLinks } from "@withpotter/lib/use-item-links";
+function BookingDetailPage({
+  params
+}) {
+  const { bookingId } = use(params);
+  const {
+    formatCurrency,
+    refetchBooking,
+    booking,
+    tickets,
+    loading,
+    error,
+    updatingStatus,
+    showStatusDropdown,
+    setShowStatusDropdown,
+    showCancelModal,
+    setShowCancelModal,
+    cancelReason,
+    setCancelReason,
+    handleStatusUpdate,
+    handleCancel,
+    statusConfig,
+    isPaid,
+    bookingAmount,
+    bookingTotal,
+    paidAmount,
+    paymentReference,
+    paidAt,
+    allowedTransitions,
+    canReschedule,
+    showRescheduleModal,
+    setShowRescheduleModal,
+    rescheduling,
+    rescheduleError,
+    handleReschedule,
+    balanceDue,
+    canRecordPayment,
+    showRecordPaymentModal,
+    loyaltyBalance,
+    loyaltyProgram,
+    setShowRecordPaymentModal,
+    recordingPayment,
+    recordPaymentError,
+    handleRecordPayment,
+    finance,
+    split,
+    canRefund,
+    securityDeposit,
+    depositStatus,
+    showSettleDepositModal,
+    setShowSettleDepositModal,
+    settlingDeposit,
+    settleDepositError,
+    handleSettleDeposit,
+    showRefundModal,
+    setShowRefundModal,
+    refunding,
+    refundError,
+    handleRefund
+  } = useBookingDetailData(bookingId);
+  const [showAssignResource, setShowAssignResource] = useState(false);
+  const canChangeResource = booking?.status === "pending" || booking?.status === "confirmed";
+  const { tenant } = useAuth();
+  const intentConfig = useIntentConfig();
+  const links = useItemLinks();
+  const activeIntentConfig = intentConfig.primary;
+  const isIntentActive = activeIntentConfig.key !== "default";
+  const fallbackBookingSingular = useModuleLabel("bookings", "Booking");
+  const fallbackBookingPlural = useModuleLabel("bookings", "Bookings");
+  const bookingLabel = isIntentActive ? activeIntentConfig.entities.booking : void 0;
+  const bookingSingular = bookingLabel?.singular ?? fallbackBookingSingular;
+  const bookingPlural = bookingLabel?.plural ?? fallbackBookingPlural;
+  const router = useRouter();
+  useDetailHeader({
+    title: booking ? `${bookingSingular} #${booking.bookingNumber}` : bookingSingular,
+    onBack: () => router.push(links.bookings)
+  });
+  const isMobile = useIsMobile();
+  if (loading || error || !booking) {
+    return /* @__PURE__ */ jsx(
+      DetailStates,
+      {
+        loading,
+        error,
+        notFoundLabel: `${bookingSingular} not found`,
+        back: {
+          href: links.bookings,
+          label: `Back to ${bookingPlural}`
+        },
+        maxWidth: "max-w-6xl"
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(
+      BookingMobileScreen,
+      {
+        booking,
+        bookingSingular,
+        statusConfig,
+        formatCurrency,
+        isPaid,
+        bookingAmount,
+        allowedTransitions,
+        handleStatusUpdate,
+        showCancelModal,
+        setShowCancelModal,
+        cancelReason,
+        setCancelReason,
+        updatingStatus,
+        handleCancel,
+        onBack: () => router.back()
+      }
+    );
+  }
+  const canRebook = booking.status === "completed" || booking.status === "no_show" || booking.status === "cancelled";
+  const canInvoice = booking.status !== "cancelled" && !booking.data?.isPaid;
+  const rebookHref = (() => {
+    const params2 = new URLSearchParams();
+    if (booking.contentId) params2.set("service", booking.contentId);
+    if (booking.resourceId) params2.set("resource", booking.resourceId);
+    if (booking.customerName) params2.set("name", booking.customerName);
+    if (booking.customerEmail) params2.set("email", booking.customerEmail);
+    if (booking.customerPhone) params2.set("phone", booking.customerPhone);
+    const qs = params2.toString();
+    return qs ? `/dashboard/bookings/new?${qs}` : "/dashboard/bookings/new";
+  })();
+  const actions = [
+    canRecordPayment && {
+      label: "Record payment",
+      icon: /* @__PURE__ */ jsx(Banknote, {}),
+      run: () => setShowRecordPaymentModal(true)
+    },
+    canRebook && {
+      label: `Book again`,
+      icon: /* @__PURE__ */ jsx(Repeat, {}),
+      run: () => router.push(rebookHref)
+    },
+    canReschedule && {
+      label: "Reschedule",
+      icon: /* @__PURE__ */ jsx(CalendarClock, {}),
+      run: () => setShowRescheduleModal(true)
+    },
+    canInvoice && {
+      label: "Invoice",
+      icon: /* @__PURE__ */ jsx(Receipt, {}),
+      run: () => router.push(`/dashboard/invoices/new?fromBooking=${booking.id}`)
+    },
+    canRefund && {
+      label: "Refund",
+      icon: /* @__PURE__ */ jsx(Undo2, {}),
+      run: () => setShowRefundModal(true),
+      destructive: true
+    }
+  ].filter(Boolean);
+  const [primaryAction, ...menuActions] = actions;
+  return /* @__PURE__ */ jsxs(
+    DetailPage,
+    {
+      maxWidth: "max-w-6xl",
+      breadcrumbs: [
+        {
+          label: bookingPlural,
+          href: links.bookings,
+          icon: /* @__PURE__ */ jsx(CalendarClock, {})
+        },
+        { label: `#${booking.bookingNumber}` }
+      ],
+      title: booking.customerName?.trim() || booking.customerEmail || `${bookingSingular} #${booking.bookingNumber}`,
+      actions: /* @__PURE__ */ jsxs(Fragment, { children: [
+        primaryAction && /* @__PURE__ */ jsx(Button, { onClick: primaryAction.run, children: primaryAction.label }),
+        menuActions.length > 0 && /* @__PURE__ */ jsx(OverflowMenu, { children: menuActions.map((action) => /* @__PURE__ */ jsx(
+          OverflowItem,
+          {
+            icon: action.icon,
+            destructive: action.destructive,
+            onClick: action.run,
+            children: action.label
+          },
+          action.label
+        )) })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(
+          BookingMobileLayout,
+          {
+            booking,
+            tickets,
+            statusConfig,
+            formatCurrency,
+            isPaid,
+            bookingAmount,
+            bookingTotal,
+            paidAmount,
+            split,
+            paymentReference,
+            paidAt,
+            allowedTransitions,
+            updatingStatus,
+            showStatusDropdown,
+            setShowStatusDropdown,
+            handleStatusUpdate,
+            bookingSingular,
+            tenant
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          BookingDesktopLayout,
+          {
+            booking,
+            tickets,
+            statusConfig,
+            formatCurrency,
+            isPaid,
+            bookingAmount,
+            bookingTotal,
+            paidAmount,
+            split,
+            paymentReference,
+            paidAt,
+            allowedTransitions,
+            updatingStatus,
+            showStatusDropdown,
+            setShowStatusDropdown,
+            handleStatusUpdate,
+            bookingSingular,
+            tenant,
+            securityDeposit,
+            depositStatus,
+            onSettleDeposit: () => setShowSettleDepositModal(true),
+            onRecordPayment: canRecordPayment ? () => setShowRecordPaymentModal(true) : void 0,
+            onChangeResource: canChangeResource ? () => setShowAssignResource(true) : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AssignResourceModal,
+          {
+            booking,
+            open: showAssignResource,
+            onClose: () => setShowAssignResource(false),
+            onAssigned: refetchBooking
+          }
+        ),
+        /* @__PURE__ */ jsx(RecordTrace, { kind: "booking", id: bookingId, className: "mt-4" }),
+        showCancelModal && /* @__PURE__ */ jsx(
+          CancelBookingModal,
+          {
+            bookingNumber: booking.bookingNumber,
+            customerName: booking.customerName,
+            bookingDate: booking.date?.slice(0, 10),
+            resourceId: booking.resourceId,
+            cancelReason,
+            setCancelReason,
+            handleCancel,
+            updatingStatus,
+            onClose: () => {
+              setShowCancelModal(false);
+              setCancelReason("");
+            }
+          }
+        ),
+        showRescheduleModal && /* @__PURE__ */ jsx(
+          RescheduleBookingModal,
+          {
+            entityLabel: bookingSingular,
+            bookingNumber: booking.bookingNumber,
+            initialDate: booking.date,
+            initialStartTime: booking.startTime,
+            initialEndTime: booking.endTime,
+            rescheduling,
+            error: rescheduleError,
+            onReschedule: handleReschedule,
+            onClose: () => setShowRescheduleModal(false)
+          }
+        ),
+        showRecordPaymentModal && /* @__PURE__ */ jsx(
+          RecordPaymentModal,
+          {
+            loyalty: loyaltyBalance && loyaltyProgram ? {
+              memberId: loyaltyBalance.memberId,
+              points: loyaltyBalance.currentPoints,
+              pointsName: loyaltyProgram.pointsName,
+              currencyPerPoint: Number(
+                loyaltyProgram.currencyPerPoint ?? 0
+              ),
+              minRedeemPoints: loyaltyProgram.minRedeemPoints ?? 0,
+              customerName: booking.customerName ?? void 0
+            } : null,
+            subject: `#${booking.bookingNumber}`,
+            balanceDue,
+            formatCurrency,
+            recording: recordingPayment,
+            error: recordPaymentError,
+            onRecord: handleRecordPayment,
+            onClose: () => setShowRecordPaymentModal(false)
+          }
+        ),
+        showSettleDepositModal && securityDeposit != null && /* @__PURE__ */ jsx(
+          SettleDepositModal,
+          {
+            bookingNumber: booking.bookingNumber,
+            deposit: securityDeposit,
+            formatCurrency,
+            settling: settlingDeposit,
+            error: settleDepositError,
+            onSettle: handleSettleDeposit,
+            onClose: () => setShowSettleDepositModal(false)
+          }
+        ),
+        showRefundModal && /* @__PURE__ */ jsx(
+          RefundBookingModal,
+          {
+            bookingNumber: booking.bookingNumber,
+            entries: finance?.entries ?? [],
+            formatCurrency,
+            refunding,
+            error: refundError,
+            onRefund: handleRefund,
+            onClose: () => setShowRefundModal(false)
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  BookingDetailPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/dashboard/(bookings)/bookings/[bookingId]/page.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/%5BbookingId%5D/page.tsx"],"sourcesContent":["'use client';\n\nimport { use, useState } from 'react';\nimport { RecordTrace } from '@withpotter/components/connect/record-trace';\nimport { DetailPage } from '@withpotter/ui-kit/detail-page';\nimport { DetailStates } from '@withpotter/ui-kit/detail-states';\nimport { useDetailHeader } from '@withpotter/hooks/use-detail-header';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\nimport { useModuleLabel } from '@withpotter/lib/use-module-label';\nimport { useRouter } from 'next/navigation';\nimport { useBookingDetailData } from './_hooks';\nimport { Button } from '@withpotter/ui-kit/button';\nimport type { ReactNode } from 'react';\nimport { Banknote, CalendarClock, Receipt, Repeat, Undo2 } from 'lucide-react';\nimport { OverflowItem, OverflowMenu } from '@withpotter/ui-kit';\nimport {\n  CancelBookingModal,\n  RescheduleBookingModal,\n  RefundBookingModal,\n  SettleDepositModal,\n} from './_components';\nimport { RecordPaymentModal } from '@withpotter/components/features/record-payment-modal';\nimport { BookingMobileLayout } from './_components/booking-mobile-layout';\nimport { AssignResourceModal } from './_components/assign-resource-modal';\nimport { BookingDesktopLayout } from './_components/booking-desktop-layout';\nimport { BookingMobileScreen } from './_components/booking-mobile-screen';\nimport { useIsMobile } from '@withpotter/hooks/use-mobile';\nimport { useItemLinks } from '@withpotter/lib/use-item-links';\n\nexport default function BookingDetailPage({\n  params,\n}: {\n  params: Promise<{ bookingId: string }>;\n}) {\n  const { bookingId } = use(params);\n  const {\n    formatCurrency,\n    refetchBooking,\n    booking,\n    tickets,\n    loading,\n    error,\n    updatingStatus,\n    showStatusDropdown,\n    setShowStatusDropdown,\n    showCancelModal,\n    setShowCancelModal,\n    cancelReason,\n    setCancelReason,\n    handleStatusUpdate,\n    handleCancel,\n    statusConfig,\n    isPaid,\n    bookingAmount,\n    bookingTotal,\n    paidAmount,\n    paymentReference,\n    paidAt,\n    allowedTransitions,\n    canReschedule,\n    showRescheduleModal,\n    setShowRescheduleModal,\n    rescheduling,\n    rescheduleError,\n    handleReschedule,\n    balanceDue,\n    canRecordPayment,\n    showRecordPaymentModal,\n    loyaltyBalance,\n    loyaltyProgram,\n    setShowRecordPaymentModal,\n    recordingPayment,\n    recordPaymentError,\n    handleRecordPayment,\n    finance,\n    split,\n    canRefund,\n    securityDeposit,\n    depositStatus,\n    showSettleDepositModal,\n    setShowSettleDepositModal,\n    settlingDeposit,\n    settleDepositError,\n    handleSettleDeposit,\n    showRefundModal,\n    setShowRefundModal,\n    refunding,\n    refundError,\n    handleRefund,\n  } = useBookingDetailData(bookingId);\n\n  /**\n   * Who this booking is with, changed after it exists.\n   *\n   * Gated on the booking still being open, and on nothing else. NOT on there\n   * being a service: a booking taken without one is exactly the case most\n   * likely to have nobody on it, and the API only runs the eligibility check\n   * where there is a service to be eligible against — the double-booking check\n   * runs either way. Assigning somebody to a cancelled appointment is the case\n   * nobody needs, and the API refuses it, so the row stays a plain fact there.\n   */\n  const [showAssignResource, setShowAssignResource] = useState(false);\n  const canChangeResource =\n    booking?.status === 'pending' || booking?.status === 'confirmed';\n\n  const { tenant } = useAuth();\n  const intentConfig = useIntentConfig();\n  const links = useItemLinks();\n  const activeIntentConfig = intentConfig.primary;\n  const isIntentActive = activeIntentConfig.key !== 'default';\n  const fallbackBookingSingular = useModuleLabel('bookings', 'Booking');\n  const fallbackBookingPlural = useModuleLabel('bookings', 'Bookings');\n  const bookingLabel = isIntentActive\n    ? activeIntentConfig.entities.booking\n    : undefined;\n  const bookingSingular = bookingLabel?.singular ?? fallbackBookingSingular;\n  const bookingPlural = bookingLabel?.plural ?? fallbackBookingPlural;\n  const router = useRouter();\n\n  useDetailHeader({\n    title: booking\n      ? `${bookingSingular} #${booking.bookingNumber}`\n      : bookingSingular,\n    onBack: () => router.push(links.bookings),\n  });\n\n  const isMobile = useIsMobile();\n\n  if (loading || error || !booking) {\n    return (\n      <DetailStates\n        loading={loading}\n        error={error}\n        notFoundLabel={`${bookingSingular} not found`}\n        back={{\n          href: links.bookings,\n          label: `Back to ${bookingPlural}`,\n        }}\n        maxWidth=\"max-w-6xl\"\n      />\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <BookingMobileScreen\n        booking={booking}\n        bookingSingular={bookingSingular}\n        statusConfig={statusConfig}\n        formatCurrency={formatCurrency}\n        isPaid={isPaid}\n        bookingAmount={bookingAmount}\n        allowedTransitions={allowedTransitions}\n        handleStatusUpdate={handleStatusUpdate}\n        showCancelModal={showCancelModal}\n        setShowCancelModal={setShowCancelModal}\n        cancelReason={cancelReason}\n        setCancelReason={setCancelReason}\n        updatingStatus={updatingStatus}\n        handleCancel={handleCancel}\n        onBack={() => router.back()}\n      />\n    );\n  }\n\n  /**\n   * Only once the visit is behind them. Offering \"book again\" on a booking\n   * that has not happened yet is offering to double-book the same person.\n   */\n  const canRebook =\n    booking.status === 'completed' ||\n    booking.status === 'no_show' ||\n    booking.status === 'cancelled';\n\n  /**\n   * Bill it, for the businesses that do the work first and invoice after.\n   *\n   * A wedding photographer, a diagnostic lab, a caterer: the booking IS the\n   * work, and the money moment is a document sent afterwards. `Invoice` has\n   * carried `relatedType` / `relatedId` since the table was written and nothing\n   * had ever set them, so billing a job meant opening a blank invoice and\n   * retyping the client and the price — after which neither record knew about\n   * the other.\n   *\n   * Not gated on the billing archetype: every business now has an Invoices row\n   * under Money, and a salon that bills one corporate client for a month of\n   * appointments is the ordinary case rather than the exception. Not offered on\n   * a cancelled booking, and not on one that is already settled — there is\n   * nothing left to ask for.\n   */\n  const canInvoice =\n    booking.status !== 'cancelled' &&\n    !(booking.data as { isPaid?: boolean } | null)?.isPaid;\n\n  const rebookHref = (() => {\n    const params = new URLSearchParams();\n    if (booking.contentId) params.set('service', booking.contentId);\n    if (booking.resourceId) params.set('resource', booking.resourceId);\n    if (booking.customerName) params.set('name', booking.customerName);\n    if (booking.customerEmail) params.set('email', booking.customerEmail);\n    if (booking.customerPhone) params.set('phone', booking.customerPhone);\n    const qs = params.toString();\n    return qs ? `/dashboard/bookings/new?${qs}` : '/dashboard/bookings/new';\n  })();\n\n  /**\n   * What can be done to this booking, most useful first.\n   *\n   * The order is the desk's: money owed outranks everything, because a booking\n   * that is happening and unpaid is the one thing on this screen that costs the\n   * business something. A visit that is over cannot be moved or paid for, so\n   * its act is the next one.\n   */\n  const actions: {\n    label: string;\n    icon: ReactNode;\n    run: () => void;\n    destructive?: boolean;\n  }[] = [\n    canRecordPayment && {\n      label: 'Record payment',\n      icon: <Banknote />,\n      run: () => setShowRecordPaymentModal(true),\n    },\n    canRebook && {\n      label: `Book again`,\n      icon: <Repeat />,\n      run: () => router.push(rebookHref),\n    },\n    canReschedule && {\n      label: 'Reschedule',\n      icon: <CalendarClock />,\n      run: () => setShowRescheduleModal(true),\n    },\n    canInvoice && {\n      label: 'Invoice',\n      icon: <Receipt />,\n      run: () =>\n        router.push(`/dashboard/invoices/new?fromBooking=${booking.id}`),\n    },\n    canRefund && {\n      label: 'Refund',\n      icon: <Undo2 />,\n      run: () => setShowRefundModal(true),\n      destructive: true,\n    },\n  ].filter(Boolean) as {\n    label: string;\n    icon: ReactNode;\n    run: () => void;\n    destructive?: boolean;\n  }[];\n  const [primaryAction, ...menuActions] = actions;\n\n  return (\n    <DetailPage\n      maxWidth=\"max-w-6xl\"\n      /**\n       * Crumbs, not `back`. DetailPage's own type calls breadcrumbs \"the\n       * preferred back affordance\" and marks `back` legacy, and every other\n       * record in the app — orders, customers, segments, products — carries an\n       * iconed trail. This one kept the arrow, which is why it reads as a\n       * different product from the page next to it.\n       */\n      breadcrumbs={[\n        {\n          label: bookingPlural,\n          href: links.bookings,\n          icon: <CalendarClock />,\n        },\n        { label: `#${booking.bookingNumber}` },\n      ]}\n      /**\n       * WHOSE BOOKING IT IS, not what it is filed under.\n       *\n       * `Appointment #BKMT75KB8WCAX` was the page title, the heading of the\n       * first card and a row in the sidebar — the reference number three times\n       * on one screen, twice at the top of it, and the breadcrumb under it says\n       * the same thing a fourth time. A merchant looking at a booking is\n       * looking at a person and a time; the code is how it is retrieved, not\n       * what it is. It survives in the crumb and in the line at the foot.\n       *\n       * No subtitle. Page titles ship alone here, and this one carried\n       * `createdAt` — so the header read \"Sep 10, 4:00 PM\" directly above a\n       * body that said the appointment was Sep 11 at 11:00.\n       */\n      title={\n        booking.customerName?.trim() ||\n        booking.customerEmail ||\n        `${bookingSingular} #${booking.bookingNumber}`\n      }\n      /**\n       * ONE ACT, THEN THE MENU.\n       *\n       * Five secondary buttons could stand in this row at once — Book again,\n       * Record payment, Reschedule, Refund, Invoice — each with its own icon,\n       * all the same weight, none of them the thing you came to do. A header of\n       * equal buttons is a header with no answer in it, and it squeezed the\n       * title down to an ellipsis to hold them.\n       *\n       * So the row carries the ONE act this booking's state implies — money\n       * owed means take it, a finished visit means book the next one, otherwise\n       * move it — and everything else goes behind the ⋯, which is where the\n       * rest of the app puts a monthly action sharing a row with a daily one.\n       */\n      actions={\n        <>\n          {primaryAction && (\n            <Button onClick={primaryAction.run}>{primaryAction.label}</Button>\n          )}\n          {menuActions.length > 0 && (\n            <OverflowMenu>\n              {menuActions.map((action) => (\n                <OverflowItem\n                  key={action.label}\n                  icon={action.icon}\n                  destructive={action.destructive}\n                  onClick={action.run}\n                >\n                  {action.label}\n                </OverflowItem>\n              ))}\n            </OverflowMenu>\n          )}\n        </>\n      }\n    >\n      {/* ── Narrow-viewport layout (below lg) ── */}\n      <BookingMobileLayout\n        booking={booking}\n        tickets={tickets}\n        statusConfig={statusConfig}\n        formatCurrency={formatCurrency}\n        isPaid={isPaid}\n        bookingAmount={bookingAmount}\n        bookingTotal={bookingTotal}\n        paidAmount={paidAmount}\n        split={split}\n        paymentReference={paymentReference}\n        paidAt={paidAt}\n        allowedTransitions={allowedTransitions}\n        updatingStatus={updatingStatus}\n        showStatusDropdown={showStatusDropdown}\n        setShowStatusDropdown={setShowStatusDropdown}\n        handleStatusUpdate={handleStatusUpdate}\n        bookingSingular={bookingSingular}\n        tenant={tenant}\n      />\n\n      {/* ── Desktop layout ── */}\n      <BookingDesktopLayout\n        booking={booking}\n        tickets={tickets}\n        statusConfig={statusConfig}\n        formatCurrency={formatCurrency}\n        isPaid={isPaid}\n        bookingAmount={bookingAmount}\n        bookingTotal={bookingTotal}\n        paidAmount={paidAmount}\n        split={split}\n        paymentReference={paymentReference}\n        paidAt={paidAt}\n        allowedTransitions={allowedTransitions}\n        updatingStatus={updatingStatus}\n        showStatusDropdown={showStatusDropdown}\n        setShowStatusDropdown={setShowStatusDropdown}\n        handleStatusUpdate={handleStatusUpdate}\n        bookingSingular={bookingSingular}\n        tenant={tenant}\n        securityDeposit={securityDeposit}\n        depositStatus={depositStatus}\n        onSettleDeposit={() => setShowSettleDepositModal(true)}\n        /* Only when there is a balance and the API takes desk payments —\n           otherwise the badge stays the plain fact it always was. */\n        onRecordPayment={\n          canRecordPayment ? () => setShowRecordPaymentModal(true) : undefined\n        }\n        onChangeResource={\n          canChangeResource ? () => setShowAssignResource(true) : undefined\n        }\n      />\n\n      {/* Kept mounted and handed `open`, so the close animates. */}\n      <AssignResourceModal\n        booking={booking}\n        open={showAssignResource}\n        onClose={() => setShowAssignResource(false)}\n        onAssigned={refetchBooking}\n      />\n\n      {/* Whether the diary the customer actually reads got this booking. A\n          calendar sync that stopped is silent on every screen but this one. */}\n      <RecordTrace kind=\"booking\" id={bookingId} className=\"mt-4\" />\n\n      {/* Cancel Booking Modal */}\n      {showCancelModal && (\n        <CancelBookingModal\n          bookingNumber={booking.bookingNumber}\n          customerName={booking.customerName}\n          bookingDate={booking.date?.slice(0, 10)}\n          resourceId={booking.resourceId}\n          cancelReason={cancelReason}\n          setCancelReason={setCancelReason}\n          handleCancel={handleCancel}\n          updatingStatus={updatingStatus}\n          onClose={() => {\n            setShowCancelModal(false);\n            setCancelReason('');\n          }}\n        />\n      )}\n\n      {/* Reschedule Modal */}\n      {showRescheduleModal && (\n        <RescheduleBookingModal\n          entityLabel={bookingSingular}\n          bookingNumber={booking.bookingNumber}\n          initialDate={booking.date}\n          initialStartTime={booking.startTime}\n          initialEndTime={booking.endTime}\n          rescheduling={rescheduling}\n          error={rescheduleError}\n          onReschedule={handleReschedule}\n          onClose={() => setShowRescheduleModal(false)}\n        />\n      )}\n\n      {/* Record Payment Modal */}\n      {showRecordPaymentModal && (\n        <RecordPaymentModal\n          /* The balance, offered where the money is taken. Null when the\n             customer is not a member or the programme has no conversion, in\n             which case this is the plain payment form it always was. */\n          loyalty={\n            loyaltyBalance && loyaltyProgram\n              ? {\n                  memberId: loyaltyBalance.memberId,\n                  points: loyaltyBalance.currentPoints,\n                  pointsName: loyaltyProgram.pointsName,\n                  currencyPerPoint: Number(\n                    loyaltyProgram.currencyPerPoint ?? 0,\n                  ),\n                  minRedeemPoints: loyaltyProgram.minRedeemPoints ?? 0,\n                  customerName: booking.customerName ?? undefined,\n                }\n              : null\n          }\n          subject={`#${booking.bookingNumber}`}\n          balanceDue={balanceDue}\n          formatCurrency={formatCurrency}\n          recording={recordingPayment}\n          error={recordPaymentError}\n          onRecord={handleRecordPayment}\n          onClose={() => setShowRecordPaymentModal(false)}\n        />\n      )}\n\n      {/* Settle the security deposit at checkout */}\n      {showSettleDepositModal && securityDeposit != null && (\n        <SettleDepositModal\n          bookingNumber={booking.bookingNumber}\n          deposit={securityDeposit}\n          formatCurrency={formatCurrency}\n          settling={settlingDeposit}\n          error={settleDepositError}\n          onSettle={handleSettleDeposit}\n          onClose={() => setShowSettleDepositModal(false)}\n        />\n      )}\n\n      {/* Refund Modal */}\n      {showRefundModal && (\n        <RefundBookingModal\n          bookingNumber={booking.bookingNumber}\n          entries={finance?.entries ?? []}\n          formatCurrency={formatCurrency}\n          refunding={refunding}\n          error={refundError}\n          onRefund={handleRefund}\n          onClose={() => setShowRefundModal(false)}\n        />\n      )}\n    </DetailPage>\n  );\n}\n"],"mappings":"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","names":["params"]}

package/dist/dashboard/(bookings)/bookings/_components/appointment-calendar-layout.js

@@ -0,0 +1,34 @@
+function timeToMinutes(time) {
+  if (!time) return 0;
+  const [hours, minutes] = time.split(":").map(Number);
+  return hours * 60 + minutes;
+}
+function appointmentsOverlap(first, second) {
+  if (first.resourceId !== second.resourceId || first.id === second.id) {
+    return false;
+  }
+  const firstStart = timeToMinutes(first.startTime);
+  const firstEnd = timeToMinutes(first.endTime) || firstStart + 60;
+  const secondStart = timeToMinutes(second.startTime);
+  const secondEnd = timeToMinutes(second.endTime) || secondStart + 60;
+  return firstStart < secondEnd && secondStart < firstEnd;
+}
+function getAppointmentLayout(booking, rowBookings, dayStartMinutes, gridMinutes) {
+  const start = timeToMinutes(booking.startTime);
+  const end = timeToMinutes(booking.endTime) + (booking.endTime ? 0 : booking.durationMinutes || 60);
+  const group = rowBookings.filter(
+    (candidate) => candidate.id === booking.id || appointmentsOverlap(booking, candidate)
+  ).sort((first, second) => first.id.localeCompare(second.id));
+  const index = group.findIndex((candidate) => candidate.id === booking.id);
+  const baseLeft = Math.max(0, (start - dayStartMinutes) / gridMinutes * 100);
+  const baseWidth = Math.max(3, (end - start) / gridMinutes * 100);
+  return {
+    left: baseLeft + baseWidth / group.length * index,
+    width: baseWidth / group.length
+  };
+}
+export {
+  appointmentsOverlap,
+  getAppointmentLayout
+};
+//# sourceMappingURL=appointment-calendar-layout.js.map

package/dist/dashboard/(bookings)/bookings/_components/appointment-calendar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/appointment-calendar-layout.ts"],"sourcesContent":["import type { BookingItem } from '@withpotter/lib/api';\n\nfunction timeToMinutes(time?: string | null): number {\n  if (!time) return 0;\n  const [hours, minutes] = time.split(':').map(Number);\n  return hours * 60 + minutes;\n}\n\nexport function appointmentsOverlap(\n  first: BookingItem,\n  second: BookingItem,\n): boolean {\n  if (first.resourceId !== second.resourceId || first.id === second.id) {\n    return false;\n  }\n  const firstStart = timeToMinutes(first.startTime);\n  const firstEnd = timeToMinutes(first.endTime) || firstStart + 60;\n  const secondStart = timeToMinutes(second.startTime);\n  const secondEnd = timeToMinutes(second.endTime) || secondStart + 60;\n  return firstStart < secondEnd && secondStart < firstEnd;\n}\n\nexport function getAppointmentLayout(\n  booking: BookingItem,\n  rowBookings: BookingItem[],\n  dayStartMinutes: number,\n  gridMinutes: number,\n) {\n  const start = timeToMinutes(booking.startTime);\n  const end =\n    timeToMinutes(booking.endTime) +\n    (booking.endTime ? 0 : booking.durationMinutes || 60);\n  const group = rowBookings\n    .filter(\n      (candidate) =>\n        candidate.id === booking.id || appointmentsOverlap(booking, candidate),\n    )\n    .sort((first, second) => first.id.localeCompare(second.id));\n  const index = group.findIndex((candidate) => candidate.id === booking.id);\n  const baseLeft = Math.max(0, ((start - dayStartMinutes) / gridMinutes) * 100);\n  const baseWidth = Math.max(3, ((end - start) / gridMinutes) * 100);\n  return {\n    left: baseLeft + (baseWidth / group.length) * index,\n    width: baseWidth / group.length,\n  };\n}\n"],"mappings":"AAEA,SAAS,cAAc,MAA8B;AACnD,MAAI,CAAC,KAAM,QAAO;AAClB,QAAM,CAAC,OAAO,OAAO,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,MAAM;AACnD,SAAO,QAAQ,KAAK;AACtB;AAEO,SAAS,oBACd,OACA,QACS;AACT,MAAI,MAAM,eAAe,OAAO,cAAc,MAAM,OAAO,OAAO,IAAI;AACpE,WAAO;AAAA,EACT;AACA,QAAM,aAAa,cAAc,MAAM,SAAS;AAChD,QAAM,WAAW,cAAc,MAAM,OAAO,KAAK,aAAa;AAC9D,QAAM,cAAc,cAAc,OAAO,SAAS;AAClD,QAAM,YAAY,cAAc,OAAO,OAAO,KAAK,cAAc;AACjE,SAAO,aAAa,aAAa,cAAc;AACjD;AAEO,SAAS,qBACd,SACA,aACA,iBACA,aACA;AACA,QAAM,QAAQ,cAAc,QAAQ,SAAS;AAC7C,QAAM,MACJ,cAAc,QAAQ,OAAO,KAC5B,QAAQ,UAAU,IAAI,QAAQ,mBAAmB;AACpD,QAAM,QAAQ,YACX;AAAA,IACC,CAAC,cACC,UAAU,OAAO,QAAQ,MAAM,oBAAoB,SAAS,SAAS;AAAA,EACzE,EACC,KAAK,CAAC,OAAO,WAAW,MAAM,GAAG,cAAc,OAAO,EAAE,CAAC;AAC5D,QAAM,QAAQ,MAAM,UAAU,CAAC,cAAc,UAAU,OAAO,QAAQ,EAAE;AACxE,QAAM,WAAW,KAAK,IAAI,IAAK,QAAQ,mBAAmB,cAAe,GAAG;AAC5E,QAAM,YAAY,KAAK,IAAI,IAAK,MAAM,SAAS,cAAe,GAAG;AACjE,SAAO;AAAA,IACL,MAAM,WAAY,YAAY,MAAM,SAAU;AAAA,IAC9C,OAAO,YAAY,MAAM;AAAA,EAC3B;AACF;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/booking-constants.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { CheckCircle2, Clock, XCircle, RefreshCw, UserX } from "lucide-react";
+import { useIntentConfig } from "@withpotter/lib/intents/use-intent-config";
+const BOOKING_STATUS_CONFIG = {
+  pending: {
+    label: "Pending",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(Clock, {})
+  },
+  confirmed: {
+    label: "Confirmed",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(CheckCircle2, {})
+  },
+  checked_in: {
+    label: "Checked in",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(CheckCircle2, {})
+  },
+  in_progress: {
+    label: "In progress",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(RefreshCw, {})
+  },
+  completed: {
+    label: "Completed",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(CheckCircle2, {})
+  },
+  cancelled: {
+    label: "Cancelled",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(XCircle, {})
+  },
+  no_show: {
+    label: "No show",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(UserX, {})
+  },
+  waitlist: {
+    label: "Waitlist",
+    color: "text-[var(--text-secondary)]",
+    bgColor: "bg-[var(--bg-muted)]",
+    icon: /* @__PURE__ */ jsx(Clock, {})
+  }
+};
+const ARCHETYPE_BY_BOOKING_TYPE = {
+  table: "dine-in",
+  room: "rent-property",
+  event: "event-tickets",
+  appointment: "take-bookings",
+  class: "take-bookings",
+  resource: "take-bookings"
+};
+function useBookingStatusConfig() {
+  const { all, primary } = useIntentConfig();
+  return useMemo(() => {
+    const byKey = new Map(all.map((config) => [config.key, config]));
+    const wordsOf = (config) => {
+      const merged = { ...BOOKING_STATUS_CONFIG };
+      for (const [status, label] of Object.entries(
+        config.orderDisplay.statusLabels
+      )) {
+        const base = merged[status];
+        if (base) merged[status] = { ...base, label };
+      }
+      return merged;
+    };
+    const fallback = wordsOf(primary);
+    const byType = Object.fromEntries(
+      Object.entries(ARCHETYPE_BY_BOOKING_TYPE).map(([type, key]) => {
+        const owner = byKey.get(key);
+        return [type, owner ? wordsOf(owner) : fallback];
+      })
+    );
+    return (bookingType) => bookingType && byType[bookingType] || fallback;
+  }, [all, primary]);
+}
+export {
+  BOOKING_STATUS_CONFIG,
+  useBookingStatusConfig
+};
+//# sourceMappingURL=booking-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/booking-constants.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { CheckCircle2, Clock, XCircle, RefreshCw, UserX } from 'lucide-react';\nimport { useIntentConfig } from '@withpotter/lib/intents/use-intent-config';\n\nexport type BookingStatus =\n  | 'pending'\n  | 'confirmed'\n  | 'checked_in'\n  | 'in_progress'\n  | 'completed'\n  | 'cancelled'\n  | 'no_show'\n  | 'waitlist';\n\n/**\n * One neutral chip per status, matching orders and the waitlist.\n *\n * A door list came out as a column of eight hues restating the words beside\n * them, and the hues ranked the rows wrong: \"Checked In\" in green was the\n * loudest thing on a screen whose job is finding the people who have NOT\n * arrived. The icon still separates the states at a glance; colour was saying\n * the label a second time. Each status keeps its label and its glyph.\n */\nexport const BOOKING_STATUS_CONFIG: Record<\n  BookingStatus,\n  { label: string; color: string; bgColor: string; icon: React.ReactNode }\n> = {\n  pending: {\n    label: 'Pending',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <Clock />,\n  },\n  confirmed: {\n    label: 'Confirmed',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <CheckCircle2 />,\n  },\n  checked_in: {\n    label: 'Checked in',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <CheckCircle2 />,\n  },\n  in_progress: {\n    label: 'In progress',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <RefreshCw />,\n  },\n  completed: {\n    label: 'Completed',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <CheckCircle2 />,\n  },\n  cancelled: {\n    label: 'Cancelled',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <XCircle />,\n  },\n  no_show: {\n    label: 'No show',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <UserX />,\n  },\n  waitlist: {\n    label: 'Waitlist',\n    color: 'text-[var(--text-secondary)]',\n    bgColor: 'bg-[var(--bg-muted)]',\n    icon: <Clock />,\n  },\n};\n\n/**\n * The same statuses, in this business's words.\n *\n * `checked_in` is one row in the database and four different events in a\n * merchant's day: a guest checking into a room, a ticket holder coming through\n * the door, a table being **Served**, a takeaway being **Ready for Pickup**.\n * Every intent config already says which — `orderDisplay.statusLabels` — and\n * this screen read the map above instead, so a restaurant opening Reservations\n * was told its table had \"Checked In\".\n *\n * Labels come from the archetype; glyph and colour stay here, because those\n * separate the states rather than name them.\n *\n * Resolved per ROW, from the booking's own type, not from `primary`. A\n * business running a dining room and a treatment room has both in one list,\n * and wording taken from whichever archetype happens to be primary labelled a\n * massage \"Served\". This was impossible until fulfilment stopped writing\n * APPOINTMENT for everything (potter-api `bookingTypeForIntent`), because\n * before that the type could not say what the thing was.\n *\n * A type this business does not run, or a row from before that fix, falls back\n * to `primary` — the previous behaviour, which is right for every\n * single-archetype business.\n */\nconst ARCHETYPE_BY_BOOKING_TYPE: Record<string, string> = {\n  table: 'dine-in',\n  room: 'rent-property',\n  event: 'event-tickets',\n  appointment: 'take-bookings',\n  class: 'take-bookings',\n  resource: 'take-bookings',\n};\n\nexport function useBookingStatusConfig(): (\n  bookingType?: string | null,\n) => typeof BOOKING_STATUS_CONFIG {\n  const { all, primary } = useIntentConfig();\n\n  return useMemo(() => {\n    const byKey = new Map(all.map((config) => [config.key, config]));\n\n    const wordsOf = (config: (typeof all)[number]) => {\n      const merged = { ...BOOKING_STATUS_CONFIG };\n      for (const [status, label] of Object.entries(\n        config.orderDisplay.statusLabels,\n      )) {\n        const base = merged[status as BookingStatus];\n        if (base) merged[status as BookingStatus] = { ...base, label };\n      }\n      return merged;\n    };\n\n    // Built once for every type this business could show, so the lookup below\n    // is pure — no cache filled during render.\n    const fallback = wordsOf(primary);\n    const byType = Object.fromEntries(\n      Object.entries(ARCHETYPE_BY_BOOKING_TYPE).map(([type, key]) => {\n        const owner = byKey.get(key);\n        return [type, owner ? wordsOf(owner) : fallback];\n      }),\n    );\n\n    return (bookingType?: string | null) =>\n      (bookingType && byType[bookingType]) || fallback;\n  }, [all, primary]);\n}\n"],"mappings":";AAiCU;AA/BV,SAAS,eAAe;AACxB,SAAS,cAAc,OAAO,SAAS,WAAW,aAAa;AAC/D,SAAS,uBAAuB;AAqBzB,MAAM,wBAGT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,SAAM;AAAA,EACf;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,gBAAa;AAAA,EACtB;AAAA,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,gBAAa;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,aAAU;AAAA,EACnB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,gBAAa;AAAA,EACtB;AAAA,EACA,WAAW;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,WAAQ;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,SAAM;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM,oBAAC,SAAM;AAAA,EACf;AACF;AA0BA,MAAM,4BAAoD;AAAA,EACxD,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AACZ;AAEO,SAAS,yBAEkB;AAChC,QAAM,EAAE,KAAK,QAAQ,IAAI,gBAAgB;AAEzC,SAAO,QAAQ,MAAM;AACnB,UAAM,QAAQ,IAAI,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;AAE/D,UAAM,UAAU,CAAC,WAAiC;AAChD,YAAM,SAAS,EAAE,GAAG,sBAAsB;AAC1C,iBAAW,CAAC,QAAQ,KAAK,KAAK,OAAO;AAAA,QACnC,OAAO,aAAa;AAAA,MACtB,GAAG;AACD,cAAM,OAAO,OAAO,MAAuB;AAC3C,YAAI,KAAM,QAAO,MAAuB,IAAI,EAAE,GAAG,MAAM,MAAM;AAAA,MAC/D;AACA,aAAO;AAAA,IACT;AAIA,UAAM,WAAW,QAAQ,OAAO;AAChC,UAAM,SAAS,OAAO;AAAA,MACpB,OAAO,QAAQ,yBAAyB,EAAE,IAAI,CAAC,CAAC,MAAM,GAAG,MAAM;AAC7D,cAAM,QAAQ,MAAM,IAAI,GAAG;AAC3B,eAAO,CAAC,MAAM,QAAQ,QAAQ,KAAK,IAAI,QAAQ;AAAA,MACjD,CAAC;AAAA,IACH;AAEA,WAAO,CAAC,gBACL,eAAe,OAAO,WAAW,KAAM;AAAA,EAC5C,GAAG,CAAC,KAAK,OAAO,CAAC;AACnB;","names":[]}

package/dist/dashboard/(bookings)/bookings/_components/booking-tab-hints.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function bookingTabHintId(idPrefix, tab) {
+  return tab.description ? `${idPrefix}-${tab.key}` : void 0;
+}
+function BookingTabHints({
+  tabs,
+  idPrefix,
+  className = ""
+}) {
+  const described = tabs.filter((tab) => tab.description);
+  if (described.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      className: `flex flex-wrap gap-x-4 gap-y-1 text-xs text-[var(--text-muted)] ${className}`,
+      children: described.map((tab) => /* @__PURE__ */ jsxs("span", { id: bookingTabHintId(idPrefix, tab), children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium text-[var(--text-secondary)]", children: [
+          tab.label,
+          ":"
+        ] }),
+        " ",
+        tab.description
+      ] }, tab.key))
+    }
+  );
+}
+export {
+  BookingTabHints,
+  bookingTabHintId
+};
+//# sourceMappingURL=booking-tab-hints.js.map

package/dist/dashboard/(bookings)/bookings/_components/booking-tab-hints.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/bookings/_components/booking-tab-hints.tsx"],"sourcesContent":["'use client';\n\ninterface TabWithHint {\n  key: string;\n  label: string;\n  description?: string;\n}\n\n/** The id a tab button points at with aria-describedby, or undefined when the tab has no hint. */\nexport function bookingTabHintId(\n  idPrefix: string,\n  tab: TabWithHint,\n): string | undefined {\n  return tab.description ? `${idPrefix}-${tab.key}` : undefined;\n}\n\n/**\n * The meaning of each status tab, written out under the tabs so it can be read\n * without hovering. Tabs without a description are left out.\n */\nexport function BookingTabHints({\n  tabs,\n  idPrefix,\n  className = '',\n}: {\n  tabs: TabWithHint[];\n  idPrefix: string;\n  className?: string;\n}) {\n  const described = tabs.filter((tab) => tab.description);\n  if (described.length === 0) return null;\n\n  return (\n    <p\n      className={`flex flex-wrap gap-x-4 gap-y-1 text-xs text-[var(--text-muted)] ${className}`}\n    >\n      {described.map((tab) => (\n        <span key={tab.key} id={bookingTabHintId(idPrefix, tab)}>\n          <span className=\"font-medium text-[var(--text-secondary)]\">\n            {tab.label}:\n          </span>{' '}\n          {tab.description}\n        </span>\n      ))}\n    </p>\n  );\n}\n"],"mappings":";AAiCI,cAKM,YALN;AAxBG,SAAS,iBACd,UACA,KACoB;AACpB,SAAO,IAAI,cAAc,GAAG,QAAQ,IAAI,IAAI,GAAG,KAAK;AACtD;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,YAAY;AACd,GAIG;AACD,QAAM,YAAY,KAAK,OAAO,CAAC,QAAQ,IAAI,WAAW;AACtD,MAAI,UAAU,WAAW,EAAG,QAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,mEAAmE,SAAS;AAAA,MAEtF,oBAAU,IAAI,CAAC,QACd,qBAAC,UAAmB,IAAI,iBAAiB,UAAU,GAAG,GACpD;AAAA,6BAAC,UAAK,WAAU,4CACb;AAAA,cAAI;AAAA,UAAM;AAAA,WACb;AAAA,QAAQ;AAAA,QACP,IAAI;AAAA,WAJI,IAAI,GAKf,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}