@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/bookings/sessions/new/_components/session-creator.js

@@ -0,0 +1,386 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { BadgeCheck, CalendarClock, Tag } from "lucide-react";
+import { DetailPage } from "@withpotter/ui-kit/detail-page";
+import { Card } from "@withpotter/ui-kit/card";
+import { Button } from "@withpotter/ui-kit/button";
+import { SaveButtons } from "./save-buttons";
+import {
+  Input,
+  Textarea,
+  Select,
+  CurrencyInput,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  NumberField,
+  OptionButton
+} from "@withpotter/ui-kit";
+import { BookingLocationField } from "@withpotter/components/behaviors";
+import { ServiceStaffingSection } from "@withpotter/components/behaviors/service-staffing-section";
+import { WeeklyHoursEditor } from "@withpotter/components/features/weekly-hours-editor";
+import { useHoursData } from "@withpotter/hooks/use-hours-data";
+import { summariseHours } from "@withpotter/pages-bookings/dashboard/(bookings)/resources/_lib/week";
+import { useToast } from "@withpotter/ui-kit/use-toast";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useTenantCurrency } from "@withpotter/hooks/use-tenant-currency";
+import { inventoryApi } from "@withpotter/lib/api";
+import { resourceCategoriesApi } from "@withpotter/lib/api/resource-categories";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import {
+  buildSessionPayload,
+  sessionIsPublishable
+} from "../_lib/session-payload";
+const DURATION_OPTIONS = [10, 15, 20, 30, 45, 60, 90, 120];
+function durationLabel(minutes) {
+  if (minutes < 60) return `${minutes} minutes`;
+  if (minutes === 60) return "1 hour";
+  return `${minutes / 60} hours`;
+}
+function SessionCreator() {
+  const router = useRouter();
+  const { tenant } = useAuth();
+  const { toast } = useToast();
+  const currency = useTenantCurrency();
+  const hours = useHoursData();
+  const priceIndicatorId = useId();
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [durationMinutes, setDurationMinutes] = useState(30);
+  const [paid, setPaid] = useState(false);
+  const [price, setPrice] = useState(null);
+  const [cancellationHours, setCancellationHours] = useState(
+    null
+  );
+  const [location, setLocation] = useState();
+  const [bookableConfig, setBookableConfig] = useState({
+    enabled: true,
+    bookingMode: "duration",
+    durationType: "fixed",
+    assignmentStrategy: "auto-first"
+  });
+  const [resourceRequirements, setResourceRequirements] = useState([]);
+  const [editingHours, setEditingHours] = useState(false);
+  const [showBookingRules, setShowBookingRules] = useState(false);
+  const [showBottomActions, setShowBottomActions] = useState(false);
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    const handleScroll = (event) => {
+      const target = event.target;
+      const scrollTop = target instanceof HTMLElement ? target.scrollTop : window.scrollY;
+      setShowBottomActions(scrollTop > 120);
+    };
+    document.addEventListener("scroll", handleScroll, {
+      passive: true,
+      capture: true
+    });
+    return () => document.removeEventListener("scroll", handleScroll, { capture: true });
+  }, []);
+  const { data: resourceCategories = [] } = useApiQuery(
+    ["session-resource-categories"],
+    (slug) => resourceCategoriesApi.list(slug)
+  );
+  const staffingCategories = useMemo(
+    () => resourceCategories.map((category) => ({
+      id: category.id,
+      label: category.label || category.name || "",
+      labelPlural: category.labelPlural || "",
+      kind: category.kind || "person"
+    })),
+    [resourceCategories]
+  );
+  const answers = {
+    name,
+    description,
+    durationMinutes,
+    price: paid ? price : 0,
+    bufferAfter: null,
+    advanceBookingDays: null,
+    cancellationHours,
+    location,
+    currency,
+    assignmentStrategy: bookableConfig.assignmentStrategy ?? "auto-first"
+  };
+  const hasValidPrice = !paid || price !== null && Number.isFinite(price) && price >= 0;
+  const publishable = sessionIsPublishable(answers) && hasValidPrice;
+  const canPublish = !saving;
+  const [showErrors, setShowErrors] = useState(false);
+  const nameMissing = showErrors && name.trim().length === 0;
+  const publish = async (asDraft = false) => {
+    if (!tenant?.slug || !canPublish) return;
+    if (!publishable) {
+      setShowErrors(true);
+      if (name.trim().length === 0) {
+        document.getElementById("service-name")?.focus();
+      }
+      return;
+    }
+    setSaving(true);
+    try {
+      if (hours.dirty) await hours.save();
+      const created = await inventoryApi.create(
+        tenant.slug,
+        {
+          ...buildSessionPayload(answers, !asDraft),
+          // Without its model named, an engine that does not infer one saves
+          // the service with none, and the Bookings list, which asks for this
+          // model's items, never shows what was just made.
+          intent: "take-bookings"
+        }
+      );
+      const staffCategory = staffingCategories.find(
+        (category) => category.kind === "person"
+      );
+      const requirements = staffCategory ? [
+        ...resourceRequirements.filter(
+          (requirement) => requirement.categoryId !== staffCategory.id
+        ),
+        {
+          categoryId: staffCategory.id,
+          isRequired: true,
+          eligibleResourceIds: resourceRequirements.find(
+            (requirement) => requirement.categoryId === staffCategory.id
+          )?.eligibleResourceIds ?? null
+        }
+      ] : resourceRequirements;
+      if (requirements.length > 0) {
+        await resourceCategoriesApi.setContentRequirements(
+          tenant.slug,
+          created.id,
+          { requirements }
+        );
+      }
+      toast({
+        title: asDraft ? "Draft saved" : `${name.trim()} is live`,
+        description: asDraft ? "You can finish the setup and publish it later." : "People can book it on your site."
+      });
+      router.push(`/dashboard/booking-services/${created.id}`);
+    } catch (err) {
+      toast({
+        title: "Couldn't publish",
+        description: err instanceof Error ? err.message : "Please try again in a moment.",
+        variant: "destructive"
+      });
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    DetailPage,
+    {
+      breadcrumbs: [
+        {
+          label: "Services",
+          href: "/dashboard/catalog",
+          icon: /* @__PURE__ */ jsx(CalendarClock, {})
+        }
+      ],
+      title: "New service",
+      mobileActions: !showBottomActions ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(
+        SaveButtons,
+        {
+          saving,
+          size: "sm",
+          onSave: (asDraft) => void publish(asDraft)
+        }
+      ) }) : void 0,
+      actions: /* @__PURE__ */ jsx(
+        SaveButtons,
+        {
+          saving,
+          buttonClassName: "flex-1",
+          onSave: (asDraft) => void publish(asDraft)
+        }
+      ),
+      maxWidth: "max-w-4xl",
+      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 pb-24 lg:pb-0", children: [
+        /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-semibold text-[var(--text-primary)]", children: "What are people booking?" }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "service-name",
+                label: "Name",
+                value: name,
+                onChange: (e) => setName(e.target.value),
+                error: nameMissing ? "Give this service a name." : void 0,
+                placeholder: "30-minute consultation"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                label: "Description",
+                rows: 2,
+                value: description,
+                onChange: (e) => setDescription(e.target.value),
+                placeholder: "What the session covers"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "mb-1 block text-sm font-medium text-[var(--text-secondary)]", children: "Duration" }),
+              /* @__PURE__ */ jsx(
+                Select,
+                {
+                  value: String(durationMinutes ?? 30),
+                  onChange: (value) => setDurationMinutes(Number(value)),
+                  options: DURATION_OPTIONS.map((minutes) => ({
+                    value: String(minutes),
+                    label: durationLabel(minutes)
+                  })),
+                  ariaLabel: "Duration"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsx(
+          ServiceStaffingSection,
+          {
+            config: bookableConfig,
+            resourceCategories: staffingCategories,
+            resourceRequirements,
+            onConfigChange: setBookableConfig,
+            onResourceRequirementsChange: setResourceRequirements
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-semibold text-[var(--text-primary)]", children: "Availability" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-secondary)]", children: [
+              summariseHours(hours.hours),
+              /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-muted)]", children: [
+                " \xB7 ",
+                hours.hours.timezone
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setEditingHours(true), children: "Edit hours" })
+          ] }),
+          /* @__PURE__ */ jsx(Dialog, { open: editingHours, onOpenChange: setEditingHours, children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex max-h-[min(680px,calc(100dvh-2rem))] max-w-2xl flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsx(DialogTitle, { children: "Edit weekly hours" }),
+              /* @__PURE__ */ jsx(DialogDescription, { children: "Choose when customers can book this service." })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+              WeeklyHoursEditor,
+              {
+                hours: hours.hours,
+                onDayToggle: hours.setDayEnabled,
+                onSlotChange: hours.updateSlot,
+                onAddSlot: hours.addSlot,
+                onRemoveSlot: hours.removeSlot,
+                onTimezoneChange: hours.setTimezone
+              }
+            ) }),
+            /* @__PURE__ */ jsx(DialogFooter, { className: "shrink-0 border-t border-[var(--border-subtle)] bg-[var(--bg-base)] pt-4", children: /* @__PURE__ */ jsx(Button, { onClick: () => setEditingHours(false), children: "Done" }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsx(Card, { className: "p-4", children: /* @__PURE__ */ jsx(BookingLocationField, { value: location, onChange: setLocation }) }),
+        /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+          /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-semibold text-[var(--text-primary)]", children: "Price" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+            /* @__PURE__ */ jsx(
+              OptionButton,
+              {
+                shape: "card",
+                indicatorId: priceIndicatorId,
+                selected: !paid,
+                onClick: () => {
+                  setPaid(false);
+                  setPrice(null);
+                },
+                className: !paid ? void 0 : "bg-[var(--bg-base)]",
+                children: /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-start gap-1 text-left", children: [
+                  /* @__PURE__ */ jsx(BadgeCheck, { className: "size-4 text-[var(--text-muted)]" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Free" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-muted)]", children: "No payment required" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              OptionButton,
+              {
+                shape: "card",
+                indicatorId: priceIndicatorId,
+                selected: paid,
+                onClick: () => setPaid(true),
+                className: paid ? void 0 : "bg-[var(--bg-base)]",
+                children: /* @__PURE__ */ jsxs("span", { className: "flex flex-col items-start gap-1 text-left", children: [
+                  /* @__PURE__ */ jsx(Tag, { className: "size-4 text-[var(--text-muted)]" }),
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Paid" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-muted)]", children: "Customers pay a fixed amount" })
+                ] })
+              }
+            )
+          ] }),
+          paid && /* @__PURE__ */ jsxs("div", { className: "surface-inset mt-3 rounded-lg p-3", children: [
+            /* @__PURE__ */ jsx(
+              CurrencyInput,
+              {
+                label: "Enter amount",
+                placeholder: "0.00",
+                currencyCode: currency,
+                value: price ?? void 0,
+                onChange: (value) => setPrice(value ?? null),
+                className: "w-full max-w-md !text-lg font-medium"
+              }
+            ),
+            showErrors && !hasValidPrice && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-sm text-[var(--error)]", children: "Enter the price, or choose Free." })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { className: "p-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-[var(--text-primary)]", children: "Booking policies" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--text-muted)]", children: cancellationHours != null ? `${cancellationHours} hrs before appointment` : "No cancellation deadline set" })
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "secondary",
+                size: "sm",
+                onClick: () => setShowBookingRules(true),
+                children: "Edit"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Dialog, { open: showBookingRules, onOpenChange: setShowBookingRules, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
+            /* @__PURE__ */ jsxs(DialogHeader, { children: [
+              /* @__PURE__ */ jsx(DialogTitle, { children: "Booking policies" }),
+              /* @__PURE__ */ jsx(DialogDescription, { children: "Set the rules customers see when booking this service." })
+            ] }),
+            /* @__PURE__ */ jsx(
+              NumberField,
+              {
+                label: "Cancellation deadline",
+                value: cancellationHours,
+                onChange: setCancellationHours,
+                min: 0,
+                decimal: false,
+                suffix: "hrs before appointment"
+              }
+            ),
+            /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setShowBookingRules(false), children: "Done" }) })
+          ] }) })
+        ] }),
+        showBottomActions && /* @__PURE__ */ jsx("div", { className: "fixed bottom-20 left-1/2 z-20 flex w-[calc(100%-2rem)] max-w-[240px] -translate-x-1/2 justify-center gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-base)] p-2 shadow-lg lg:hidden", children: /* @__PURE__ */ jsx(
+          SaveButtons,
+          {
+            saving,
+            buttonClassName: "w-28",
+            onSave: (asDraft) => void publish(asDraft)
+          }
+        ) })
+      ] })
+    }
+  );
+}
+export {
+  SessionCreator
+};
+//# sourceMappingURL=session-creator.js.map

package/dist/dashboard/(bookings)/bookings/sessions/new/_components/session-creator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/dashboard/%28bookings%29/bookings/sessions/new/_components/session-creator.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useId, useMemo, useState } from 'react';\nimport { useRouter } from 'next/navigation';\nimport { BadgeCheck, CalendarClock, Tag } from 'lucide-react';\nimport { DetailPage } from '@withpotter/ui-kit/detail-page';\nimport { Card } from '@withpotter/ui-kit/card';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { SaveButtons } from './save-buttons';\nimport {\n  Input,\n  Textarea,\n  Select,\n  CurrencyInput,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  NumberField,\n  OptionButton,\n} from '@withpotter/ui-kit';\nimport { BookingLocationField } from '@withpotter/components/behaviors';\nimport { ServiceStaffingSection } from '@withpotter/components/behaviors/service-staffing-section';\nimport { WeeklyHoursEditor } from '@withpotter/components/features/weekly-hours-editor';\nimport { useHoursData } from '@withpotter/hooks/use-hours-data';\nimport { summariseHours } from '@withpotter/pages-bookings/dashboard/(bookings)/resources/_lib/week';\nimport { useToast } from '@withpotter/ui-kit/use-toast';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useTenantCurrency } from '@withpotter/hooks/use-tenant-currency';\nimport { inventoryApi } from '@withpotter/lib/api';\nimport { resourceCategoriesApi } from '@withpotter/lib/api/resource-categories';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport type { BookingLocation } from '@withpotter/lib/product-types';\nimport type { BookableConfig } from '@withpotter/lib/product-types';\nimport type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';\nimport {\n  buildSessionPayload,\n  sessionIsPublishable,\n  type SessionAnswers,\n} from '../_lib/session-payload';\n\nconst DURATION_OPTIONS = [10, 15, 20, 30, 45, 60, 90, 120];\n\nfunction durationLabel(minutes: number): string {\n  if (minutes < 60) return `${minutes} minutes`;\n  if (minutes === 60) return '1 hour';\n  return `${minutes / 60} hours`;\n}\n\n/**\n * Making something bookable, as four questions.\n *\n * The full product editor can already do this and asks it in the wrong order:\n * a service's identity is its LENGTH and when it can be had, and that sat\n * collapsed under a heading called \"How it sells\", below a cover-image\n * dropzone and a compare-at price. A merchant writing \"30-minute\n * consultation\" met a shop form and had to know that the booking part was\n * folded away at the bottom.\n *\n * So: what is it, when can people book it, where does it happen. In that\n * order, on one screen, with nothing on it that a session does not have.\n * Everything else about a listing — media, collections, add-ons, variants —\n * stays in the full editor, reachable from the record this creates.\n *\n * It writes an ordinary catalogue item. There is no second entity for a\n * bookable thing and there must not be: the storefront, the availability\n * engine and the order line all read products, and a parallel record would\n * be a second source of truth about the same session.\n */\nexport function SessionCreator() {\n  const router = useRouter();\n  const { tenant } = useAuth();\n  const { toast } = useToast();\n  const currency = useTenantCurrency();\n  const hours = useHoursData();\n  const priceIndicatorId = useId();\n\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState<number | null>(30);\n  const [paid, setPaid] = useState(false);\n  const [price, setPrice] = useState<number | null>(null);\n  const [cancellationHours, setCancellationHours] = useState<number | null>(\n    null,\n  );\n  /**\n   * Free is a choice, not an empty price box.\n   *\n   * A consultation, a discovery call and a viewing are free far more often\n   * than they are ₦0.00, and a merchant who leaves the amount blank means\n   * free rather than unpriced. Asking it as two options says so, and stops\n   * the price field being the thing you have to leave empty correctly.\n   */\n  const [location, setLocation] = useState<BookingLocation | undefined>();\n  const [bookableConfig, setBookableConfig] = useState<BookableConfig>({\n    enabled: true,\n    bookingMode: 'duration',\n    durationType: 'fixed',\n    assignmentStrategy: 'auto-first',\n  });\n  const [resourceRequirements, setResourceRequirements] = useState<\n    ContentResourceRequirementItem[]\n  >([]);\n  const [editingHours, setEditingHours] = useState(false);\n  const [showBookingRules, setShowBookingRules] = useState(false);\n  const [showBottomActions, setShowBottomActions] = useState(false);\n  const [saving, setSaving] = useState(false);\n\n  useEffect(() => {\n    const handleScroll = (event: Event) => {\n      const target = event.target;\n      const scrollTop =\n        target instanceof HTMLElement ? target.scrollTop : window.scrollY;\n      setShowBottomActions(scrollTop > 120);\n    };\n\n    document.addEventListener('scroll', handleScroll, {\n      passive: true,\n      capture: true,\n    });\n    return () =>\n      document.removeEventListener('scroll', handleScroll, { capture: true });\n  }, []);\n  const { data: resourceCategories = [] } = useApiQuery<\n    Array<{\n      id: string;\n      label?: string;\n      name?: string;\n      labelPlural?: string;\n      kind?: string;\n    }>\n  >(['session-resource-categories'], (slug) =>\n    resourceCategoriesApi.list(slug),\n  );\n  const staffingCategories = useMemo(\n    () =>\n      resourceCategories.map((category) => ({\n        id: category.id,\n        label: category.label || category.name || '',\n        labelPlural: category.labelPlural || '',\n        kind: category.kind || 'person',\n      })),\n    [resourceCategories],\n  );\n\n  const answers: SessionAnswers = {\n    name,\n    description,\n    durationMinutes,\n    price: paid ? price : 0,\n    bufferAfter: null,\n    advanceBookingDays: null,\n    cancellationHours,\n    location,\n    currency,\n    assignmentStrategy: bookableConfig.assignmentStrategy ?? 'auto-first',\n  };\n\n  const hasValidPrice =\n    !paid || (price !== null && Number.isFinite(price) && price >= 0);\n  const publishable = sessionIsPublishable(answers) && hasValidPrice;\n  // A greyed-out button that never says why reads as broken. The buttons stay\n  // live until a save is under way, and a click that is missing something\n  // says what and takes the merchant to it.\n  const canPublish = !saving;\n  const [showErrors, setShowErrors] = useState(false);\n  const nameMissing = showErrors && name.trim().length === 0;\n\n  const publish = async (asDraft = false) => {\n    if (!tenant?.slug || !canPublish) return;\n    if (!publishable) {\n      setShowErrors(true);\n      if (name.trim().length === 0) {\n        document.getElementById('service-name')?.focus();\n      }\n      return;\n    }\n    setSaving(true);\n    try {\n      /**\n       * Hours first. They are the business's own opening times rather than\n       * this session's, so an unsaved edit here would otherwise be lost the\n       * moment the screen navigates to the record it just made.\n       */\n      if (hours.dirty) await hours.save();\n      const created = await inventoryApi.create(\n        tenant.slug,\n        {\n          ...(buildSessionPayload(answers, !asDraft) as unknown as Record<\n            string,\n            unknown\n          >),\n          // Without its model named, an engine that does not infer one saves\n          // the service with none, and the Bookings list, which asks for this\n          // model's items, never shows what was just made.\n          intent: 'take-bookings',\n        },\n      );\n      const staffCategory = staffingCategories.find(\n        (category) => category.kind === 'person',\n      );\n      const requirements = staffCategory\n        ? [\n            ...resourceRequirements.filter(\n              (requirement) => requirement.categoryId !== staffCategory.id,\n            ),\n            {\n              categoryId: staffCategory.id,\n              isRequired: true,\n              eligibleResourceIds:\n                resourceRequirements.find(\n                  (requirement) => requirement.categoryId === staffCategory.id,\n                )?.eligibleResourceIds ?? null,\n            },\n          ]\n        : resourceRequirements;\n      if (requirements.length > 0) {\n        await resourceCategoriesApi.setContentRequirements(\n          tenant.slug,\n          created.id,\n          { requirements },\n        );\n      }\n      toast({\n        title: asDraft ? 'Draft saved' : `${name.trim()} is live`,\n        description: asDraft\n          ? 'You can finish the setup and publish it later.'\n          : 'People can book it on your site.',\n      });\n      router.push(`/dashboard/booking-services/${created.id}`);\n    } catch (err) {\n      toast({\n        title: \"Couldn't publish\",\n        description:\n          err instanceof Error ? err.message : 'Please try again in a moment.',\n        variant: 'destructive',\n      });\n      setSaving(false);\n    }\n  };\n\n  return (\n    <DetailPage\n      breadcrumbs={[\n        {\n          label: 'Services',\n          href: '/dashboard/catalog',\n          icon: <CalendarClock />,\n        },\n      ]}\n      title=\"New service\"\n      mobileActions={\n        !showBottomActions ? (\n          <div className=\"flex items-center gap-1\">\n            <SaveButtons\n              saving={saving}\n              size=\"sm\"\n              onSave={(asDraft) => void publish(asDraft)}\n            />\n          </div>\n        ) : undefined\n      }\n      actions={\n        <SaveButtons\n          saving={saving}\n          buttonClassName=\"flex-1\"\n          onSave={(asDraft) => void publish(asDraft)}\n        />\n      }\n      maxWidth=\"max-w-4xl\"\n    >\n      <div className=\"space-y-4 pb-24 lg:pb-0\">\n        <Card className=\"p-4\">\n          <h2 className=\"mb-3 text-base font-semibold text-[var(--text-primary)]\">\n            What are people booking?\n          </h2>\n          <div className=\"space-y-3\">\n            <Input\n              id=\"service-name\"\n              label=\"Name\"\n              value={name}\n              onChange={(e) => setName(e.target.value)}\n              error={nameMissing ? 'Give this service a name.' : undefined}\n              placeholder=\"30-minute consultation\"\n            />\n            <Textarea\n              label=\"Description\"\n              rows={2}\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              placeholder=\"What the session covers\"\n            />\n            <div>\n              <label className=\"mb-1 block text-sm font-medium text-[var(--text-secondary)]\">\n                Duration\n              </label>\n              <Select\n                value={String(durationMinutes ?? 30)}\n                onChange={(value) => setDurationMinutes(Number(value))}\n                options={DURATION_OPTIONS.map((minutes) => ({\n                  value: String(minutes),\n                  label: durationLabel(minutes),\n                }))}\n                ariaLabel=\"Duration\"\n              />\n            </div>\n          </div>\n        </Card>\n\n        <Card className=\"p-4\">\n          <ServiceStaffingSection\n            config={bookableConfig}\n            resourceCategories={staffingCategories}\n            resourceRequirements={resourceRequirements}\n            onConfigChange={setBookableConfig}\n            onResourceRequirementsChange={setResourceRequirements}\n          />\n        </Card>\n\n        <Card className=\"p-4\">\n          <h2 className=\"mb-3 text-base font-semibold text-[var(--text-primary)]\">\n            Availability\n          </h2>\n          {/* The business's opening times, said as a sentence and edited in\n              place. A merchant setting up their first session should not have\n              to know that hours live on a different screen — and the editor\n              behind this is the same one Settings opens, so the two cannot\n              drift. */}\n          <div className=\"flex items-center justify-between gap-3\">\n            <p className=\"text-sm text-[var(--text-secondary)]\">\n              {summariseHours(hours.hours)}\n              <span className=\"text-[var(--text-muted)]\">\n                {' · '}\n                {hours.hours.timezone}\n              </span>\n            </p>\n            <Button variant=\"secondary\" onClick={() => setEditingHours(true)}>\n              Edit hours\n            </Button>\n          </div>\n\n          <Dialog open={editingHours} onOpenChange={setEditingHours}>\n            <DialogContent className=\"flex max-h-[min(680px,calc(100dvh-2rem))] max-w-2xl flex-col overflow-hidden\">\n              <DialogHeader>\n                <DialogTitle>Edit weekly hours</DialogTitle>\n                <DialogDescription>\n                  Choose when customers can book this service.\n                </DialogDescription>\n              </DialogHeader>\n              <div className=\"min-h-0 flex-1 overflow-y-auto\">\n                <WeeklyHoursEditor\n                  hours={hours.hours}\n                  onDayToggle={hours.setDayEnabled}\n                  onSlotChange={hours.updateSlot}\n                  onAddSlot={hours.addSlot}\n                  onRemoveSlot={hours.removeSlot}\n                  onTimezoneChange={hours.setTimezone}\n                />\n              </div>\n              <DialogFooter className=\"shrink-0 border-t border-[var(--border-subtle)] bg-[var(--bg-base)] pt-4\">\n                <Button onClick={() => setEditingHours(false)}>Done</Button>\n              </DialogFooter>\n            </DialogContent>\n          </Dialog>\n        </Card>\n\n        <Card className=\"p-4\">\n          <BookingLocationField value={location} onChange={setLocation} />\n        </Card>\n\n        <Card className=\"p-4\">\n          <h2 className=\"mb-3 text-base font-semibold text-[var(--text-primary)]\">\n            Price\n          </h2>\n          <div className=\"grid grid-cols-2 gap-2\">\n            <OptionButton\n              shape=\"card\"\n              indicatorId={priceIndicatorId}\n              selected={!paid}\n              onClick={() => {\n                setPaid(false);\n                setPrice(null);\n              }}\n              className={!paid ? undefined : 'bg-[var(--bg-base)]'}\n            >\n              <span className=\"flex flex-col items-start gap-1 text-left\">\n                <BadgeCheck className=\"size-4 text-[var(--text-muted)]\" />\n                <span className=\"font-medium\">Free</span>\n                <span className=\"text-xs text-[var(--text-muted)]\">\n                  No payment required\n                </span>\n              </span>\n            </OptionButton>\n            <OptionButton\n              shape=\"card\"\n              indicatorId={priceIndicatorId}\n              selected={paid}\n              onClick={() => setPaid(true)}\n              className={paid ? undefined : 'bg-[var(--bg-base)]'}\n            >\n              <span className=\"flex flex-col items-start gap-1 text-left\">\n                <Tag className=\"size-4 text-[var(--text-muted)]\" />\n                <span className=\"font-medium\">Paid</span>\n                <span className=\"text-xs text-[var(--text-muted)]\">\n                  Customers pay a fixed amount\n                </span>\n              </span>\n            </OptionButton>\n          </div>\n          {paid && (\n            <div className=\"surface-inset mt-3 rounded-lg p-3\">\n              <CurrencyInput\n                label=\"Enter amount\"\n                placeholder=\"0.00\"\n                currencyCode={currency}\n                value={price ?? undefined}\n                onChange={(value) => setPrice(value ?? null)}\n                className=\"w-full max-w-md !text-lg font-medium\"\n              />\n              {showErrors && !hasValidPrice && (\n                <p role=\"alert\" className=\"mt-2 text-sm text-[var(--error)]\">\n                  Enter the price, or choose Free.\n                </p>\n              )}\n            </div>\n          )}\n        </Card>\n\n        <Card className=\"p-4\">\n          <div className=\"flex items-start justify-between gap-3\">\n            <div>\n              <h2 className=\"text-base font-semibold text-[var(--text-primary)]\">\n                Booking policies\n              </h2>\n              <p className=\"mt-1 text-sm text-[var(--text-muted)]\">\n                {cancellationHours != null\n                  ? `${cancellationHours} hrs before appointment`\n                  : 'No cancellation deadline set'}\n              </p>\n            </div>\n            <Button\n              variant=\"secondary\"\n              size=\"sm\"\n              onClick={() => setShowBookingRules(true)}\n            >\n              Edit\n            </Button>\n          </div>\n          <Dialog open={showBookingRules} onOpenChange={setShowBookingRules}>\n            <DialogContent className=\"max-w-sm\">\n              <DialogHeader>\n                <DialogTitle>Booking policies</DialogTitle>\n                <DialogDescription>\n                  Set the rules customers see when booking this service.\n                </DialogDescription>\n              </DialogHeader>\n              <NumberField\n                label=\"Cancellation deadline\"\n                value={cancellationHours}\n                onChange={setCancellationHours}\n                min={0}\n                decimal={false}\n                suffix=\"hrs before appointment\"\n              />\n              <DialogFooter>\n                <Button onClick={() => setShowBookingRules(false)}>Done</Button>\n              </DialogFooter>\n            </DialogContent>\n          </Dialog>\n        </Card>\n\n        {showBottomActions && (\n          <div className=\"fixed bottom-20 left-1/2 z-20 flex w-[calc(100%-2rem)] max-w-[240px] -translate-x-1/2 justify-center gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--bg-base)] p-2 shadow-lg lg:hidden\">\n            <SaveButtons\n              saving={saving}\n              buttonClassName=\"w-28\"\n              onSave={(asDraft) => void publish(asDraft)}\n            />\n          </div>\n        )}\n      </div>\n    </DetailPage>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/bookings/sessions/new/_lib/session-payload.js

@@ -0,0 +1,62 @@
+function slugify(name) {
+  return name.trim().toLowerCase().replace(/['’]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
+}
+function sessionIsPublishable(answers) {
+  return answers.name.trim().length > 0 && typeof answers.durationMinutes === "number" && Number.isFinite(answers.durationMinutes) && answers.durationMinutes > 0;
+}
+function sessionValidationMessage(answers, { paid, draft = false }) {
+  if (!answers.name.trim()) return "Enter a service name.";
+  if (draft) return null;
+  if (!sessionIsPublishable(answers)) return "Choose a valid service duration.";
+  if (paid && (answers.price == null || !Number.isFinite(answers.price) || answers.price < 0)) {
+    return "Enter a price for this paid service, or choose Free.";
+  }
+  return null;
+}
+function buildSessionPayload(answers, isActive = true) {
+  const bookable = {
+    enabled: true,
+    bookingMode: "duration",
+    durationType: "fixed",
+    durationMinutes: answers.durationMinutes ?? 30,
+    /**
+     * One at a time unless the merchant says otherwise. A session created
+     * through this screen is the Calendly shape — one person, one slot — and
+     * a capacity left undefined reads downstream as unlimited.
+     */
+    maxCapacity: 1,
+    pricingUnit: "flat",
+    /**
+     * Nobody assigns a session to themselves. `sole-provider` is what the
+     * bookable panel already forces for a business with no second person, and
+     * saying it here means the storefront never draws a "choose a stylist"
+     * step with one name in it.
+     */
+    assignmentStrategy: answers.assignmentStrategy ?? "sole-provider"
+  };
+  if (typeof answers.bufferAfter === "number")
+    bookable.bufferAfter = answers.bufferAfter;
+  if (typeof answers.advanceBookingDays === "number")
+    bookable.advanceBookingDays = answers.advanceBookingDays;
+  if (typeof answers.cancellationHours === "number")
+    bookable.cancellationHours = answers.cancellationHours;
+  if (answers.location) bookable.location = answers.location;
+  return {
+    type: "service",
+    title: answers.name.trim(),
+    slug: slugify(answers.name),
+    description: answers.description.trim() || void 0,
+    price: answers.price ?? 0,
+    currency: answers.currency,
+    isActive,
+    trackInventory: false,
+    behaviors: { bookable }
+  };
+}
+export {
+  buildSessionPayload,
+  sessionIsPublishable,
+  sessionValidationMessage,
+  slugify
+};
+//# sourceMappingURL=session-payload.js.map

package/dist/dashboard/(bookings)/bookings/sessions/new/_lib/session-payload.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/dashboard/%28bookings%29/bookings/sessions/new/_lib/session-payload.ts"],"sourcesContent":["import type { BookingLocation } from '@withpotter/lib/product-types';\n\n/**\n * What a merchant answered, turned into the product the engine already reads.\n *\n * A bookable session IS a catalogue item — one record, not a second entity —\n * so this builds exactly the payload `POST /products` already takes, with the\n * booking answers in `behaviors.bookable`. Kept pure and apart from the screen\n * because the interesting part is not the form, it is the shape: three of\n * these fields have a wrong-looking default that is load-bearing.\n */\n\nexport interface SessionAnswers {\n  name: string;\n  description: string;\n  durationMinutes: number | null;\n  /** Null is free. Zero is also free; both are a price of nothing. */\n  price: number | null;\n  bufferAfter: number | null;\n  advanceBookingDays: number | null;\n  cancellationHours: number | null;\n  location?: BookingLocation;\n  currency: string;\n  assignmentStrategy: NonNullable<\n    import('@withpotter/lib/product-types').BookableConfig['assignmentStrategy']\n  >;\n}\n\nexport interface SessionPayload {\n  type: string;\n  title: string;\n  slug: string;\n  description?: string;\n  price: number;\n  currency: string;\n  isActive: boolean;\n  /**\n   * A session has no stock. The product model tracks inventory for everything\n   * by default, which is how a consultation's record page comes to announce\n   * that it is out of stock.\n   */\n  trackInventory: boolean;\n  behaviors: Record<string, unknown>;\n}\n\n/**\n * A URL for the session, from its name.\n *\n * Not `encodeURIComponent(name)`: a slug with a space in it round-trips\n * through three systems and comes back as `%2520` in the customer's address\n * bar. Letters, digits and single hyphens only.\n */\nexport function slugify(name: string): string {\n  return name\n    .trim()\n    .toLowerCase()\n    .replace(/['’]/g, '')\n    .replace(/[^a-z0-9]+/g, '-')\n    .replace(/^-+|-+$/g, '')\n    .slice(0, 80);\n}\n\n/** Everything a session needs before it can be offered to anybody. */\nexport function sessionIsPublishable(answers: SessionAnswers): boolean {\n  return (\n    answers.name.trim().length > 0 &&\n    typeof answers.durationMinutes === 'number' &&\n    Number.isFinite(answers.durationMinutes) &&\n    answers.durationMinutes > 0\n  );\n}\n\nexport function sessionValidationMessage(\n  answers: SessionAnswers,\n  { paid, draft = false }: { paid: boolean; draft?: boolean },\n): string | null {\n  if (!answers.name.trim()) return 'Enter a service name.';\n  if (draft) return null;\n  if (!sessionIsPublishable(answers)) return 'Choose a valid service duration.';\n  if (\n    paid &&\n    (answers.price == null ||\n      !Number.isFinite(answers.price) ||\n      answers.price < 0)\n  ) {\n    return 'Enter a price for this paid service, or choose Free.';\n  }\n  return null;\n}\n\nexport function buildSessionPayload(\n  answers: SessionAnswers,\n  isActive = true,\n): SessionPayload {\n  const bookable: Record<string, unknown> = {\n    enabled: true,\n    bookingMode: 'duration',\n    durationType: 'fixed',\n    durationMinutes: answers.durationMinutes ?? 30,\n    /**\n     * One at a time unless the merchant says otherwise. A session created\n     * through this screen is the Calendly shape — one person, one slot — and\n     * a capacity left undefined reads downstream as unlimited.\n     */\n    maxCapacity: 1,\n    pricingUnit: 'flat',\n    /**\n     * Nobody assigns a session to themselves. `sole-provider` is what the\n     * bookable panel already forces for a business with no second person, and\n     * saying it here means the storefront never draws a \"choose a stylist\"\n     * step with one name in it.\n     */\n    assignmentStrategy: answers.assignmentStrategy ?? 'sole-provider',\n  };\n\n  if (typeof answers.bufferAfter === 'number')\n    bookable.bufferAfter = answers.bufferAfter;\n  if (typeof answers.advanceBookingDays === 'number')\n    bookable.advanceBookingDays = answers.advanceBookingDays;\n  if (typeof answers.cancellationHours === 'number')\n    bookable.cancellationHours = answers.cancellationHours;\n  if (answers.location) bookable.location = answers.location;\n\n  return {\n    type: 'service',\n    title: answers.name.trim(),\n    slug: slugify(answers.name),\n    description: answers.description.trim() || undefined,\n    price: answers.price ?? 0,\n    currency: answers.currency,\n    isActive,\n    trackInventory: false,\n    behaviors: { bookable },\n  };\n}\n"],"mappings":"AAoDO,SAAS,QAAQ,MAAsB;AAC5C,SAAO,KACJ,KAAK,EACL,YAAY,EACZ,QAAQ,SAAS,EAAE,EACnB,QAAQ,eAAe,GAAG,EAC1B,QAAQ,YAAY,EAAE,EACtB,MAAM,GAAG,EAAE;AAChB;AAGO,SAAS,qBAAqB,SAAkC;AACrE,SACE,QAAQ,KAAK,KAAK,EAAE,SAAS,KAC7B,OAAO,QAAQ,oBAAoB,YACnC,OAAO,SAAS,QAAQ,eAAe,KACvC,QAAQ,kBAAkB;AAE9B;AAEO,SAAS,yBACd,SACA,EAAE,MAAM,QAAQ,MAAM,GACP;AACf,MAAI,CAAC,QAAQ,KAAK,KAAK,EAAG,QAAO;AACjC,MAAI,MAAO,QAAO;AAClB,MAAI,CAAC,qBAAqB,OAAO,EAAG,QAAO;AAC3C,MACE,SACC,QAAQ,SAAS,QAChB,CAAC,OAAO,SAAS,QAAQ,KAAK,KAC9B,QAAQ,QAAQ,IAClB;AACA,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,SAAS,oBACd,SACA,WAAW,MACK;AAChB,QAAM,WAAoC;AAAA,IACxC,SAAS;AAAA,IACT,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB,QAAQ,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM5C,aAAa;AAAA,IACb,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOb,oBAAoB,QAAQ,sBAAsB;AAAA,EACpD;AAEA,MAAI,OAAO,QAAQ,gBAAgB;AACjC,aAAS,cAAc,QAAQ;AACjC,MAAI,OAAO,QAAQ,uBAAuB;AACxC,aAAS,qBAAqB,QAAQ;AACxC,MAAI,OAAO,QAAQ,sBAAsB;AACvC,aAAS,oBAAoB,QAAQ;AACvC,MAAI,QAAQ,SAAU,UAAS,WAAW,QAAQ;AAElD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO,QAAQ,KAAK,KAAK;AAAA,IACzB,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAC1B,aAAa,QAAQ,YAAY,KAAK,KAAK;AAAA,IAC3C,OAAO,QAAQ,SAAS;AAAA,IACxB,UAAU,QAAQ;AAAA,IAClB;AAAA,IACA,gBAAgB;AAAA,IAChB,WAAW,EAAE,SAAS;AAAA,EACxB;AACF;","names":[]}

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

@@ -0,0 +1,10 @@
+import { redirect } from "next/navigation";
+const metadata = { title: "New session" };
+function NewSessionPage() {
+  redirect("/dashboard/catalog/new?intent=take-bookings");
+}
+export {
+  NewSessionPage as default,
+  metadata
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/dashboard/%28bookings%29/bookings/sessions/new/page.tsx"],"sourcesContent":["import { redirect } from 'next/navigation';\n\nexport const metadata = { title: 'New session' };\n\n/** Preserve the old deep link while keeping service creation canonical. */\nexport default function NewSessionPage() {\n  redirect('/dashboard/catalog/new?intent=take-bookings');\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AAElB,MAAM,WAAW,EAAE,OAAO,cAAc;AAGhC,SAAR,iBAAkC;AACvC,WAAS,6CAA6C;AACxD;","names":[]}

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

@@ -0,0 +1,84 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, CornerUpLeft } from "lucide-react";
+import { cn } from "@withpotter/lib/utils";
+import { RANGE_OPTIONS } from "./calendar-range";
+function CalendarTail({ nav }) {
+  const { range, setRange, step, periodLabel, openDay, today, atNow } = nav;
+  const stepping = range !== "day";
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center gap-0.5 pr-0.5", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": "Calendar range",
+        className: "flex h-full items-center gap-0.5",
+        children: RANGE_OPTIONS.map((opt) => {
+          const active = opt.value === range;
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": active,
+              onClick: () => setRange(opt.value),
+              className: cn(
+                "rounded-[7px] px-2 py-1 text-xs font-medium transition-colors duration-[var(--motion-fast)]",
+                active ? "text-[var(--text-primary)]" : "text-[var(--text-tertiary)] hover:text-[var(--text-secondary)]"
+              ),
+              children: opt.label
+            },
+            opt.value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: "mx-1 h-3.5 w-px shrink-0 bg-[var(--border-default)]"
+      }
+    ),
+    stepping && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => step(-1),
+        "aria-label": `Previous ${range}`,
+        className: "grid size-6 place-items-center rounded-[7px] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]",
+        children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => openDay(today),
+        "aria-label": atNow ? periodLabel : `${periodLabel} \u2014 back to today`,
+        className: cn(
+          "group inline-flex min-w-[7.5rem] items-center justify-center gap-1 rounded-[7px] px-2 py-1 text-xs tabular-nums transition-colors hover:bg-[var(--interactive-hover)]",
+          atNow ? "text-[var(--text-secondary)]" : "text-[var(--text-primary)]"
+        ),
+        children: [
+          periodLabel,
+          !atNow && /* @__PURE__ */ jsx(CornerUpLeft, { className: "text-[var(--text-tertiary)] transition-colors group-hover:text-[var(--text-primary)]" })
+        ]
+      }
+    ),
+    stepping && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => step(1),
+        "aria-label": `Next ${range}`,
+        className: "grid size-6 place-items-center rounded-[7px] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]",
+        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+      }
+    )
+  ] });
+}
+export {
+  CalendarTail
+};
+//# sourceMappingURL=calendar-nav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/calendar/_components/calendar-nav.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeft, ChevronRight, CornerUpLeft } from 'lucide-react';\nimport { cn } from '@withpotter/lib/utils';\nimport { RANGE_OPTIONS } from './calendar-range';\nimport type { CalendarNav as Nav } from './use-calendar-nav';\n\n/**\n * The calendar's range AND where it is pointed, as the tail of the view switch.\n *\n * THE PROBLEM THIS SOLVES. Today, List and Calendar are three ways to read the\n * same bookings, and two of them need nothing else — a desk board is today and\n * a table is a table. The calendar alone has a second question (a day, a week, a\n * month, a year) and a third (which one), and every attempt to give those their\n * own controls made the header read as a row of peers: first two identically\n * boxed segmented controls side by side, which is one eight-option control split\n * by a gap; then a switch plus a loose stepper, which is a control and a\n * fragment. Nothing in either said the extra pieces only exist because of a\n * choice made in the first.\n *\n * So it is ONE OBJECT: `Today · List · [Calendar] | Day Week Month Year | ‹ Aug\n * 23 to 29 ›`, inside the switch's own track, opening when the calendar is\n * chosen and closing when it is not. John's call, and it is the right one — the\n * frame is what says these belong together.\n *\n * THE RANGE HAS NO THUMB. The thumb is on Calendar, where the VIEW is chosen;\n * a second one inside the same track would be two controls again. Weight of ink\n * carries it instead.\n *\n * THE LABEL IS A BUTTON, not a caption between two arrows — pressing \"Aug 23 to\n * 29\" comes back to this week, which is the thing you want from it and the\n * reason there is no separate Today button. (There was one. It sat six pixels\n * from a view switch whose first segment also reads Today: the same word twice,\n * one a verb and one a place.) The ⟲ appears only when you are away from now,\n * so the affordance shows up exactly when it does something.\n */\nexport function CalendarTail({ nav }: { nav: Nav }) {\n  const { range, setRange, step, periodLabel, openDay, today, atNow } = nav;\n  /* No arrows in day range: the week strip under the board is the date control\n     there, and a second pair here would be two navigators for one date. */\n  const stepping = range !== 'day';\n\n  return (\n    <div className=\"flex h-full items-center gap-0.5 pr-0.5\">\n      <div\n        role=\"radiogroup\"\n        aria-label=\"Calendar range\"\n        className=\"flex h-full items-center gap-0.5\"\n      >\n        {RANGE_OPTIONS.map((opt) => {\n          const active = opt.value === range;\n          return (\n            <button\n              key={opt.value}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={active}\n              onClick={() => setRange(opt.value)}\n              className={cn(\n                'rounded-[7px] px-2 py-1 text-xs font-medium transition-colors duration-[var(--motion-fast)]',\n                active\n                  ? 'text-[var(--text-primary)]'\n                  : 'text-[var(--text-tertiary)] hover:text-[var(--text-secondary)]',\n              )}\n            >\n              {opt.label}\n            </button>\n          );\n        })}\n      </div>\n\n      <span\n        aria-hidden\n        className=\"mx-1 h-3.5 w-px shrink-0 bg-[var(--border-default)]\"\n      />\n\n      {stepping && (\n        <button\n          type=\"button\"\n          onClick={() => step(-1)}\n          aria-label={`Previous ${range}`}\n          className=\"grid size-6 place-items-center rounded-[7px] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]\"\n        >\n          <ChevronLeft className=\"size-4\" />\n        </button>\n      )}\n\n      {/* `tabular-nums` and a floor on the width, so stepping through months\n          does not shunt the arrows sideways on every press. */}\n      <button\n        type=\"button\"\n        onClick={() => openDay(today)}\n        aria-label={atNow ? periodLabel : `${periodLabel} — back to today`}\n        className={cn(\n          'group inline-flex min-w-[7.5rem] items-center justify-center gap-1 rounded-[7px] px-2 py-1 text-xs tabular-nums transition-colors hover:bg-[var(--interactive-hover)]',\n          atNow ? 'text-[var(--text-secondary)]' : 'text-[var(--text-primary)]',\n        )}\n      >\n        {periodLabel}\n        {!atNow && (\n          <CornerUpLeft className=\"text-[var(--text-tertiary)] transition-colors group-hover:text-[var(--text-primary)]\" />\n        )}\n      </button>\n\n      {stepping && (\n        <button\n          type=\"button\"\n          onClick={() => step(1)}\n          aria-label={`Next ${range}`}\n          className=\"grid size-6 place-items-center rounded-[7px] text-[var(--text-tertiary)] transition-colors hover:bg-[var(--interactive-hover)] hover:text-[var(--text-primary)]\"\n        >\n          <ChevronRight className=\"size-4\" />\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAoDY,cAqCN,YArCM;AAlDZ,SAAS,aAAa,cAAc,oBAAoB;AACxD,SAAS,UAAU;AACnB,SAAS,qBAAqB;AAgCvB,SAAS,aAAa,EAAE,IAAI,GAAiB;AAClD,QAAM,EAAE,OAAO,UAAU,MAAM,aAAa,SAAS,OAAO,MAAM,IAAI;AAGtE,QAAM,WAAW,UAAU;AAE3B,SACE,qBAAC,SAAI,WAAU,2CACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAU;AAAA,QAET,wBAAc,IAAI,CAAC,QAAQ;AAC1B,gBAAM,SAAS,IAAI,UAAU;AAC7B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,gBAAc;AAAA,cACd,SAAS,MAAM,SAAS,IAAI,KAAK;AAAA,cACjC,WAAW;AAAA,gBACT;AAAA,gBACA,SACI,+BACA;AAAA,cACN;AAAA,cAEC,cAAI;AAAA;AAAA,YAZA,IAAI;AAAA,UAaX;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW;AAAA,QACX,WAAU;AAAA;AAAA,IACZ;AAAA,IAEC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,KAAK,EAAE;AAAA,QACtB,cAAY,YAAY,KAAK;AAAA,QAC7B,WAAU;AAAA,QAEV,8BAAC,eAAY,WAAU,UAAS;AAAA;AAAA,IAClC;AAAA,IAKF;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,QAAQ,KAAK;AAAA,QAC5B,cAAY,QAAQ,cAAc,GAAG,WAAW;AAAA,QAChD,WAAW;AAAA,UACT;AAAA,UACA,QAAQ,iCAAiC;AAAA,QAC3C;AAAA,QAEC;AAAA;AAAA,UACA,CAAC,SACA,oBAAC,gBAAa,WAAU,wFAAuF;AAAA;AAAA;AAAA,IAEnH;AAAA,IAEC,YACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAM,KAAK,CAAC;AAAA,QACrB,cAAY,QAAQ,KAAK;AAAA,QACzB,WAAU;AAAA,QAEV,8BAAC,gBAAa,WAAU,UAAS;AAAA;AAAA,IACnC;AAAA,KAEJ;AAEJ;","names":[]}