@withpotter/components 0.13.0-next.101

package/dist/behaviors/bookable-config-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/bookable-config-panel.tsx"],"sourcesContent":["'use client';\n\nimport Link from 'next/link';\n\nimport { useState, useEffect, useCallback } from 'react';\nimport type { BookableConfig } from '@withpotter/lib/product-types';\nimport type {\n  ContentResourceRequirementItem,\n  AssignmentStrategy,\n  WeeklySchedule,\n} from '@withpotter/lib/resource-types';\nimport { BookingLocationField } from './booking-location-field';\nimport type { BehaviorLabelOverrides } from './behavior-config-section';\nimport type { BookingContext } from '@withpotter/hooks/use-booking-context';\nimport {\n  bookingContextToMode,\n  hasMultiStaffResources,\n  type BookingMode,\n} from '@withpotter/hooks/use-booking-context';\nimport { Select } from '@withpotter/ui-kit/select';\nimport {\n  ScheduleEditor,\n  getDefaultSchedule,\n} from '@withpotter/pages-bookings/dashboard/(bookings)/resources/_components/schedule-editor';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { hideLetting } from '@withpotter/lib/box-letting';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, Toggle, OptionButton, Checkbox } from '@withpotter/ui-kit';\nimport { TimeField } from '@withpotter/ui-kit';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ResourceCategoryOption {\n  id: string;\n  label: string;\n  labelPlural: string;\n  kind: string;\n}\n\ninterface BookableConfigPanelProps {\n  /**\n   * True when this item is let as well as booked.\n   *\n   * Both panels asked how long a stay may be — \"Minimum stay (nights)\" here,\n   * \"Minimum nights\" in Renting, 600px apart on the same screen, with nothing\n   * reconciling them. They are not equal answers: `minUnits`/`maxUnits` from\n   * Renting are enforced in `rental-pricing.checkRentalLength` and refuse a\n   * booking that breaks them, while `minDuration`/`maxDuration` from here are\n   * declared in three repos and read by none. So the merchant who filled in\n   * the field they met first configured nothing.\n   *\n   * Renting owns the question whenever it is on screen.\n   */\n  lengthOwnedByRenting?: boolean;\n  /**\n   * The business's letting policy, when there is one. Its five answers replace\n   * five fields with a sentence — see the note at the render site.\n   */\n  policy?: {\n    checkInTime: string;\n    checkOutTime: string;\n    cancellationHours: number;\n    advanceBookingDays: number;\n    requiresDeposit: boolean;\n    depositPercent: number;\n  };\n\n  config: BookableConfig;\n  onChange: (config: BookableConfig) => void;\n  labelOverrides?: BehaviorLabelOverrides['bookable'];\n  bookingContext?: BookingContext;\n  /** Resource categories available for linking */\n  resourceCategories?: ResourceCategoryOption[];\n  /** Current resource requirements attached to this product */\n  resourceRequirements?: ContentResourceRequirementItem[];\n  /** Called when resource requirements change */\n  onResourceRequirementsChange?: (\n    requirements: ContentResourceRequirementItem[],\n  ) => void;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\nfunction fieldLabel(\n  fieldName: string,\n  defaultLabel: string,\n  overrides?: Record<string, string>,\n): string {\n  return overrides?.[fieldName] || defaultLabel;\n}\n\n/** 14:00 reads as 2pm to everyone who is not a train timetable. */\nfunction clockLabel(hhmm: string): string {\n  const [h, m] = hhmm.split(':').map(Number);\n  if (Number.isNaN(h)) return hhmm;\n  const suffix = h < 12 ? 'am' : 'pm';\n  const hour = h % 12 === 0 ? 12 : h % 12;\n  return m\n    ? `${hour}.${String(m).padStart(2, '0')}${suffix}`\n    : `${hour}${suffix}`;\n}\n\nconst LABEL_CLS = 'block text-sm font-medium text-[var(--text-secondary)] mb-1';\nconst HELP_CLS = 'mt-1 text-xs text-[var(--text-muted)]';\n\n/**\n * Three ways time is sold, named and nothing else.\n *\n * Each of these carried an icon in its own accent — #2648ef, #10b981, #f59e0b,\n * raw hex in a codebase whose colours are all tokens — plus a sentence of\n * explanation under its title. Three colours on one row, coding nothing except\n * that they were different from each other, and three subtitles explaining\n * three phrases that were already plain. The name is the whole control.\n */\nconst BOOKING_MODES = [\n  { id: 'duration' as const, title: 'By duration' },\n  { id: 'date-range' as const, title: 'By date range' },\n  { id: 'group' as const, title: 'By capacity' },\n] as const;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function BookableConfigPanel({\n  config,\n  lengthOwnedByRenting,\n  policy,\n  onChange,\n  labelOverrides,\n  bookingContext = 'solo',\n  resourceCategories,\n  resourceRequirements = [],\n  onResourceRequirementsChange,\n}: BookableConfigPanelProps) {\n  const fl = (name: string, def: string) =>\n    fieldLabel(name, def, labelOverrides?.fields);\n\n  const update = (partial: Partial<BookableConfig>) =>\n    onChange({ ...config, ...partial });\n\n  // Derive active mode from saved preference or auto-detected context\n  const activeMode: BookingMode =\n    config.bookingMode ?? bookingContextToMode(bookingContext);\n  const multiStaff = hasMultiStaffResources(resourceCategories ?? []);\n\n  // Auto-set context-derived defaults when mode changes\n  useEffect(() => {\n    if (activeMode === 'duration') {\n      const updates: Partial<BookableConfig> = {};\n      if (config.durationType !== 'fixed' && !multiStaff)\n        updates.durationType = 'fixed';\n      if (!multiStaff && config.assignmentStrategy !== 'sole-provider')\n        updates.assignmentStrategy = 'sole-provider';\n      if (Object.keys(updates).length > 0) onChange({ ...config, ...updates });\n    } else if (activeMode === 'date-range') {\n      if (config.durationType !== 'nightly') {\n        onChange({ ...config, durationType: 'nightly' });\n      }\n    } else if (activeMode === 'group') {\n      if (config.durationType !== 'fixed') {\n        onChange({ ...config, durationType: 'fixed' });\n      }\n    }\n    // Only run when activeMode or multiStaff changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [activeMode, multiStaff]);\n\n  const showDurationTypeDropdown = activeMode === 'duration' && multiStaff;\n  const isDateRange = activeMode === 'date-range';\n\n  /**\n   * An item differs the moment it carries any of the five itself. Nothing is\n   * written on its behalf while it inherits, so a business that changes its\n   * check-in time changes it everywhere that never disagreed.\n   */\n  const [forcedOverride, setForcedOverride] = useState(false);\n  const carriesOwnPolicy =\n    config.checkInTime != null ||\n    config.checkOutTime != null ||\n    config.advanceBookingDays != null ||\n    config.cancellationHours != null ||\n    config.requiresDeposit != null;\n  const inheritsPolicy =\n    isDateRange && !!policy && !carriesOwnPolicy && !forcedOverride;\n\n  const overrideForThisItem = useCallback(() => {\n    setForcedOverride(true);\n    if (policy) {\n      update({\n        checkInTime: policy.checkInTime,\n        checkOutTime: policy.checkOutTime,\n        advanceBookingDays: policy.advanceBookingDays,\n        cancellationHours: policy.cancellationHours,\n        requiresDeposit: policy.requiresDeposit,\n        depositPercent: policy.depositPercent,\n      });\n    }\n    // `update` is a stable callback over the current config; see its definition.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [policy]);\n\n  const policySentence = policy\n    ? [\n        `Check-in from ${clockLabel(policy.checkInTime)}, out by ${clockLabel(policy.checkOutTime)}.`,\n        `Bookable up to ${policy.advanceBookingDays} days ahead, free cancellation ${policy.cancellationHours} hours before.`,\n        policy.requiresDeposit\n          ? `${policy.depositPercent}% deposit holds the dates.`\n          : 'No deposit.',\n      ].join(' ')\n    : '';\n  const showStayLength = isDateRange && !lengthOwnedByRenting;\n  const showNightlyFields = isDateRange;\n  const showDurationMinutes =\n    (activeMode === 'duration' || activeMode === 'group') && !showNightlyFields;\n  const showMaxCapacity = activeMode === 'group' || multiStaff;\n  /**\n   * Duration only. A buffer is minutes of prep between appointments; between\n   * one guest checking out and the next checking in it is neither minutes nor\n   * enforced anywhere — `bufferBefore` exists in the entity type and is read\n   * by no code in any of the three repos.\n   */\n  const showBufferTimes = activeMode === 'duration';\n  const showAssignmentStrategy = multiStaff;\n  const showRequiredResources = multiStaff;\n\n  // ── Resource requirements helpers ──\n  const [expandedReq, setExpandedReq] = useState<string | null>(null);\n\n  const isReqSelected = (categoryId: string) =>\n    resourceRequirements.some((r) => r.categoryId === categoryId);\n\n  const getReq = (categoryId: string) =>\n    resourceRequirements.find((r) => r.categoryId === categoryId);\n\n  const toggleReq = (categoryId: string) => {\n    if (!onResourceRequirementsChange) return;\n    if (isReqSelected(categoryId)) {\n      onResourceRequirementsChange(\n        resourceRequirements.filter((r) => r.categoryId !== categoryId),\n      );\n      if (expandedReq === categoryId) setExpandedReq(null);\n    } else {\n      onResourceRequirementsChange([\n        ...resourceRequirements,\n        { categoryId, isRequired: true },\n      ]);\n    }\n  };\n\n  const updateReq = (\n    categoryId: string,\n    partial: Partial<ContentResourceRequirementItem>,\n  ) => {\n    if (!onResourceRequirementsChange) return;\n    onResourceRequirementsChange(\n      resourceRequirements.map((r) =>\n        r.categoryId === categoryId ? { ...r, ...partial } : r,\n      ),\n    );\n  };\n\n  const maxCapacityLabel =\n    activeMode === 'group' ? 'Max participants' : 'Max bookings per slot';\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"flex flex-wrap gap-2\">\n        {BOOKING_MODES.map((mode) => (\n          <OptionButton\n            key={mode.id}\n            selected={activeMode === mode.id}\n            onClick={() => update({ bookingMode: mode.id })}\n          >\n            {mode.title}\n          </OptionButton>\n        ))}\n      </div>\n\n      {showDurationTypeDropdown && (\n        <div>\n          <label className={LABEL_CLS}>\n            {fl('durationType', 'Booking type')}\n          </label>\n          <Select\n            value={config.durationType || 'fixed'}\n            onChange={(value) =>\n              update({\n                durationType: value as BookableConfig['durationType'],\n              })\n            }\n            options={[\n              {\n                value: 'fixed',\n                label: 'Fixed duration (e.g., 1-hour session)',\n              },\n              { value: 'hourly', label: 'Hourly (customer picks hours)' },\n              { value: 'nightly', label: 'Nightly (check-in / check-out)' },\n              { value: 'weekly', label: 'Weekly' },\n              { value: 'monthly', label: 'Monthly' },\n            ]}\n          />\n          <p className={HELP_CLS}>\n            How customers choose the length of their booking.\n          </p>\n        </div>\n      )}\n\n      {/* Fixed duration fields */}\n      {showDurationMinutes && !showNightlyFields && (\n        <>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('durationMinutes', 'Duration (minutes)')}\n              </label>\n              <Input\n                type=\"number\"\n                min={5}\n                step={5}\n                value={config.durationMinutes ?? ''}\n                onChange={(e) =>\n                  update({\n                    durationMinutes: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"60\"\n              />\n            </div>\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('pricingUnit', 'Pricing unit')}\n              </label>\n              <Select\n                value={config.pricingUnit || 'flat'}\n                onChange={(value) =>\n                  update({ pricingUnit: value as 'flat' | 'hourly' })\n                }\n                options={[\n                  { value: 'flat', label: 'Flat rate' },\n                  { value: 'hourly', label: 'Per hour' },\n                ]}\n              />\n              <p className={HELP_CLS}>How this service is priced.</p>\n            </div>\n          </div>\n\n          {showMaxCapacity && (\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('maxCapacity', maxCapacityLabel)}\n              </label>\n              <Input\n                type=\"number\"\n                min={1}\n                value={config.maxCapacity ?? ''}\n                onChange={(e) =>\n                  update({\n                    maxCapacity: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder={activeMode === 'group' ? '20' : '1'}\n              />\n              <p className={HELP_CLS}>\n                {activeMode === 'group'\n                  ? 'Maximum number of participants per class.'\n                  : 'For classes: max students. For 1:1 services: leave as 1.'}\n              </p>\n            </div>\n          )}\n        </>\n      )}\n\n      {/* Class-only max participants (when duration not shown separately) */}\n      {showMaxCapacity && !showDurationMinutes && (\n        <div>\n          <label className={LABEL_CLS}>\n            {fl('maxCapacity', maxCapacityLabel)}\n          </label>\n          <Input\n            type=\"number\"\n            min={1}\n            value={config.maxCapacity ?? ''}\n            onChange={(e) =>\n              update({\n                maxCapacity: e.target.value\n                  ? parseInt(e.target.value)\n                  : undefined,\n              })\n            }\n            placeholder=\"20\"\n          />\n          <p className={HELP_CLS}>Maximum number of participants per class.</p>\n        </div>\n      )}\n\n      {/* How long a stay may be — only when Renting is not answering it. */}\n      {showStayLength && (\n        <>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className={LABEL_CLS}>\n                {fl(\n                  'minDuration',\n                  `Minimum stay (${config.durationType === 'nightly' ? 'nights' : config.durationType === 'weekly' ? 'weeks' : 'months'})`,\n                )}\n              </label>\n              <Input\n                type=\"number\"\n                min={1}\n                value={config.minDuration ?? ''}\n                onChange={(e) =>\n                  update({\n                    minDuration: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"1\"\n              />\n            </div>\n            <div>\n              <label className={LABEL_CLS}>\n                {fl(\n                  'maxDuration',\n                  `Maximum stay (${config.durationType === 'nightly' ? 'nights' : config.durationType === 'weekly' ? 'weeks' : 'months'})`,\n                )}\n              </label>\n              <Input\n                type=\"number\"\n                min={1}\n                value={config.maxDuration ?? ''}\n                onChange={(e) =>\n                  update({\n                    maxDuration: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"30\"\n              />\n            </div>\n          </div>\n        </>\n      )}\n\n      {/* When the day starts and ends. Read by get-rental-availability, so it\n          stays whether or not Renting owns the length — but not while the\n          policy sentence below is already stating both. */}\n      {isDateRange && !inheritsPolicy && (\n        <>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('checkInTime', 'Check-in time')}\n              </label>\n              <TimeField\n                value={config.checkInTime || '14:00'}\n                onChange={(value) => update({ checkInTime: value })}\n              />\n            </div>\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('checkOutTime', 'Check-out time')}\n              </label>\n              <TimeField\n                value={config.checkOutTime || '11:00'}\n                onChange={(value) => update({ checkOutTime: value })}\n              />\n            </div>\n          </div>\n        </>\n      )}\n\n      {/* Buffer times — hidden for class context */}\n      {showBufferTimes && (\n        <div className=\"grid grid-cols-2 gap-4\">\n          <div>\n            <label className={LABEL_CLS}>\n              {fl('bufferBefore', 'Buffer before (minutes)')}\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              step={5}\n              value={config.bufferBefore ?? ''}\n              onChange={(e) =>\n                update({\n                  bufferBefore: e.target.value\n                    ? parseInt(e.target.value)\n                    : undefined,\n                })\n              }\n              placeholder=\"0\"\n            />\n            <p className={HELP_CLS}>Prep time before each booking.</p>\n          </div>\n          <div>\n            <label className={LABEL_CLS}>\n              {fl('bufferAfter', 'Buffer after (minutes)')}\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              step={5}\n              value={config.bufferAfter ?? ''}\n              onChange={(e) =>\n                update({\n                  bufferAfter: e.target.value\n                    ? parseInt(e.target.value)\n                    : undefined,\n                })\n              }\n              placeholder=\"0\"\n            />\n            <p className={HELP_CLS}>Cleanup time after each booking.</p>\n          </div>\n        </div>\n      )}\n\n      {/**\n       * WHAT THE BUSINESS ALREADY ANSWERED.\n       *\n       * Check-in, check-out, how far ahead, cancellation and deposit are how\n       * the business operates, not facts about this property — so they are set\n       * once under Settings › Letting and stated here as a sentence rather\n       * than asked again as five boxes. An operator with eight identical\n       * studios answered them eight times before this, with eight chances to\n       * drift apart by accident.\n       *\n       * \"Different for this property\" is not a formality: the penthouse with a\n       * 3pm check-in is a real property, not a data-entry mistake. Opening it\n       * seeds the fields with the policy, so differing is an edit rather than\n       * a blank form.\n       */}\n      {inheritsPolicy ? (\n        <div className=\"surface-inset space-y-2 p-4\">\n          <p className=\"text-sm text-[var(--text-primary)]\">{policySentence}</p>\n          <div className=\"flex flex-wrap gap-3\">\n            {!hideLetting() && (\n              <Link\n                href=\"/dashboard/operations/letting\"\n                className=\"text-xs font-medium text-brand-500 hover:text-brand-600\"\n              >\n                Change for every property\n              </Link>\n            )}\n            <button\n              type=\"button\"\n              onClick={overrideForThisItem}\n              className=\"text-xs font-medium text-[var(--text-tertiary)] hover:text-[var(--text-primary)]\"\n            >\n              Different for this one\n            </button>\n          </div>\n        </div>\n      ) : (\n        <>\n          {/* Advance booking & cancellation — always shown */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className={LABEL_CLS}>\n                {fl(\n                  'advanceBookingDays',\n                  'How far ahead can customers book? (days)',\n                )}\n              </label>\n              <Input\n                type=\"number\"\n                min={1}\n                value={config.advanceBookingDays ?? ''}\n                onChange={(e) =>\n                  update({\n                    advanceBookingDays: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"30\"\n              />\n            </div>\n            <div>\n              <label className={LABEL_CLS}>\n                {fl('cancellationHours', 'Cancellation window (hours)')}\n              </label>\n              <Input\n                type=\"number\"\n                min={0}\n                value={config.cancellationHours ?? ''}\n                onChange={(e) =>\n                  update({\n                    cancellationHours: e.target.value\n                      ? parseInt(e.target.value)\n                      : undefined,\n                  })\n                }\n                placeholder=\"24\"\n              />\n              <p className={HELP_CLS}>\n                Hours before start that free cancellation is allowed.\n              </p>\n            </div>\n          </div>\n\n          {/* Deposit — always shown */}\n          <div>\n            <div className=\"flex items-center gap-3\">\n              <Toggle\n                checked={config.requiresDeposit ?? false}\n                onChange={(next) => update({ requiresDeposit: next })}\n                label={fl('requiresDeposit', 'Require deposit to book')}\n              />\n              <span className=\"text-sm text-[var(--text-secondary)]\">\n                {fl('requiresDeposit', 'Require deposit to book')}\n              </span>\n            </div>\n            {config.requiresDeposit && (\n              <div className=\"mt-3 ml-12 max-w-[120px]\">\n                <label className={LABEL_CLS}>Deposit %</label>\n                <Input\n                  type=\"number\"\n                  min={1}\n                  max={100}\n                  value={config.depositPercent ?? ''}\n                  onChange={(e) =>\n                    update({\n                      depositPercent: e.target.value\n                        ? parseInt(e.target.value)\n                        : undefined,\n                    })\n                  }\n                  placeholder=\"50\"\n                />\n              </div>\n            )}\n          </div>\n        </>\n      )}\n\n      <BookingLocationField\n        value={config.location}\n        onChange={(location) => update({ location })}\n      />\n\n      {/* Assignment Strategy — multi-staff only */}\n      {showAssignmentStrategy && (\n        <div>\n          <label className={LABEL_CLS}>\n            {fl('assignmentStrategy', 'How should we assign staff?')}\n          </label>\n          <Select\n            value={config.assignmentStrategy || 'auto-first'}\n            onChange={(value) =>\n              update({\n                assignmentStrategy:\n                  value as BookableConfig['assignmentStrategy'],\n              })\n            }\n            options={[\n              { value: 'auto-first', label: 'Auto — assign first available' },\n              { value: 'auto-best', label: 'Auto — best match (skills)' },\n              { value: 'customer-chooses', label: 'Customer chooses' },\n              { value: 'round-robin', label: 'Round robin' },\n              { value: 'pool', label: 'Pool (any available)' },\n            ]}\n          />\n          <p className={HELP_CLS}>\n            Controls how bookings are matched to your team or resources.\n          </p>\n        </div>\n      )}\n\n      {/* Required Resources — multi-staff only */}\n      {showRequiredResources &&\n        resourceCategories &&\n        resourceCategories.length > 0 && (\n          <div className=\"border-t border-[var(--border-default)] pt-4\">\n            <h4 className=\"text-sm font-semibold text-[var(--text-primary)] mb-1\">\n              Required resources\n            </h4>\n            <p className={HELP_CLS + ' mb-3'}>\n              Select which resource categories are needed for each booking.\n            </p>\n\n            <div className=\"space-y-2\">\n              {resourceCategories.map((cat) => {\n                const selected = isReqSelected(cat.id);\n                const req = getReq(cat.id);\n                const isExpanded = expandedReq === cat.id;\n                const kindEmoji =\n                  cat.kind === 'person'\n                    ? '\\u{1F464}'\n                    : cat.kind === 'space'\n                      ? '\\u{1F3E0}'\n                      : cat.kind === 'equipment'\n                        ? '\\u{1F527}'\n                        : '\\u{1F3E2}';\n\n                return (\n                  <div\n                    key={cat.id}\n                    className={`border rounded-md transition-colors ${\n                      selected\n                        ? 'border-brand-500 bg-[var(--accent-secondary)]/5'\n                        : 'border-[var(--border-default)]'\n                    }`}\n                  >\n                    <div className=\"flex items-center justify-between px-3 py-3\">\n                      <label className=\"flex items-center gap-3 cursor-pointer flex-1\">\n                        <Checkbox\n                          bare\n                          checked={selected}\n                          onChange={() => toggleReq(cat.id)}\n                        />\n                        <span className=\"text-sm\">\n                          {kindEmoji}{' '}\n                          <span className=\"font-medium text-[var(--text-primary)]\">\n                            {cat.label}\n                          </span>\n                          <span className=\"text-[var(--text-muted)] ml-1.5\">\n                            · {cat.kind}\n                          </span>\n                        </span>\n                      </label>\n\n                      {selected && (\n                        <button\n                          type=\"button\"\n                          onClick={() =>\n                            setExpandedReq(isExpanded ? null : cat.id)\n                          }\n                          className=\"text-xs text-brand-500 hover:text-brand-600\"\n                        >\n                          {isExpanded ? 'Hide options' : 'Options'}\n                        </button>\n                      )}\n                    </div>\n\n                    {selected && isExpanded && req && (\n                      <div className=\"px-3 pb-3 pt-1 border-t border-[var(--border-default)] space-y-3\">\n                        <div className=\"flex items-center gap-3\">\n                          <Toggle\n                            checked={req.isRequired ?? true}\n                            onChange={(next) =>\n                              updateReq(cat.id, { isRequired: next })\n                            }\n                            label=\"Required\"\n                          />\n                          <span className=\"text-sm text-[var(--text-secondary)]\">\n                            Required for every booking\n                          </span>\n                        </div>\n\n                        <div>\n                          <label className={LABEL_CLS}>\n                            Assignment strategy override\n                          </label>\n                          <Select\n                            value={req.assignmentStrategy || ''}\n                            onChange={(value) =>\n                              updateReq(cat.id, {\n                                assignmentStrategy: (value || undefined) as\n                                  | AssignmentStrategy\n                                  | undefined,\n                              })\n                            }\n                            options={[\n                              {\n                                value: '',\n                                label: `Use default (${config.assignmentStrategy || 'auto-first'})`,\n                              },\n                              {\n                                value: 'auto-first',\n                                label: 'Auto — first available',\n                              },\n                              {\n                                value: 'auto-best',\n                                label: 'Auto — best match',\n                              },\n                              {\n                                value: 'customer-chooses',\n                                label: 'Customer chooses',\n                              },\n                              { value: 'round-robin', label: 'Round robin' },\n                              { value: 'pool', label: 'Pool' },\n                            ]}\n                          />\n                        </div>\n\n                        <div>\n                          <label className={LABEL_CLS}>\n                            Required skills (comma-separated)\n                          </label>\n                          <Input\n                            type=\"text\"\n                            value={(req.requiredSkills || []).join(', ')}\n                            onChange={(e) =>\n                              updateReq(cat.id, {\n                                requiredSkills: e.target.value\n                                  ? e.target.value\n                                      .split(',')\n                                      .map((s) => s.trim())\n                                      .filter(Boolean)\n                                  : [],\n                              })\n                            }\n                            placeholder=\"e.g. massage, deep-tissue\"\n                          />\n                          <p className={HELP_CLS}>\n                            Only resources with matching skills will be\n                            eligible.\n                          </p>\n                        </div>\n                      </div>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        )}\n\n      {/* Inline schedule editor — solo context only */}\n      {activeMode === 'duration' && !multiStaff && (\n        <>\n          <SoloAvailabilitySection />\n          {/* Why the rest of this panel is not here.\n           *\n           * Everything about who performs the service — the requirement, the\n           * assignment strategy, the eligible list — is hidden until the\n           * business has a category of people or spaces to draw from, and\n           * nothing said so. A salon that had not set up its team saw a\n           * duration and a price and no hint that \"the customer picks their\n           * stylist\" was a thing this product does. */}\n          <p className=\"text-sm text-[var(--text-tertiary)]\">\n            Only you can be booked for this.{' '}\n            <Link\n              href=\"/dashboard/resources\"\n              className=\"text-brand-500 hover:underline\"\n            >\n              Add people or spaces\n            </Link>{' '}\n            to choose who performs it, or let the customer choose.\n          </p>\n        </>\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// SOLO AVAILABILITY — inline schedule for solo providers\n// ============================================================================\n\nfunction SoloAvailabilitySection() {\n  const { tenant } = useAuth();\n  const [schedule, setSchedule] = useState<WeeklySchedule>(getDefaultSchedule);\n  const [resourceId, setResourceId] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState(false);\n\n  // Load the solo resource on mount\n  useEffect(() => {\n    if (!tenant?.slug) return;\n    let cancelled = false;\n\n    async function load() {\n      try {\n        const res = await fetch(`/api/proxy/bookings/resources`, {\n          headers: { 'x-tenant-slug': tenant!.slug },\n        });\n        if (!res.ok || cancelled) return;\n        const data = await res.json();\n        const resources = data?.data || data || [];\n        // Find the solo resource (first staff resource, or any resource)\n        const solo =\n          resources.find((r: any) => r.type === 'staff') || resources[0];\n        if (solo && !cancelled) {\n          setResourceId(solo.id);\n          if (solo.schedule) setSchedule(solo.schedule);\n        }\n      } catch {\n        // silently handle\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    }\n\n    load();\n    return () => {\n      cancelled = true;\n    };\n  }, [tenant?.slug]);\n\n  const handleSave = useCallback(async () => {\n    if (!tenant?.slug || !resourceId) return;\n    setSaving(true);\n    try {\n      await fetch(`/api/proxy/bookings/resources/${resourceId}`, {\n        method: 'PUT',\n        headers: {\n          'Content-Type': 'application/json',\n          'x-tenant-slug': tenant.slug,\n        },\n        body: JSON.stringify({ schedule }),\n      });\n    } catch {\n      // silently handle\n    } finally {\n      setSaving(false);\n    }\n  }, [tenant?.slug, resourceId, schedule]);\n\n  if (loading) {\n    return (\n      <div className=\"border-t border-[var(--border-default)] pt-4\">\n        <p className=\"text-sm text-[var(--text-muted)]\">\n          Loading availability...\n        </p>\n      </div>\n    );\n  }\n\n  if (!resourceId) {\n    return (\n      <div className=\"border-t border-[var(--border-default)] pt-4\">\n        <p className=\"text-sm text-[var(--text-muted)]\">\n          No schedule resource found. Visit the Resources page to set up your\n          availability.\n        </p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"border-t border-[var(--border-default)] pt-4\">\n      <div className=\"flex items-center justify-between mb-3\">\n        <div>\n          <h4 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Your availability\n          </h4>\n          <p className={HELP_CLS}>\n            Set the hours you&apos;re available for bookings.\n          </p>\n        </div>\n        <Button onClick={handleSave} disabled={saving}>\n          {saving ? 'Saving...' : 'Save Schedule'}\n        </Button>\n      </div>\n\n      <ScheduleEditor schedule={schedule} onChange={setSchedule} />\n    </div>\n  );\n}\n"],"mappings":";AAiRU,SAyCF,UAzCE,KAWF,YAXE;AA/QV,OAAO,UAAU;AAEjB,SAAS,UAAU,WAAW,mBAAmB;AAOjD,SAAS,4BAA4B;AAGrC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,OAAO,QAAQ,cAAc,gBAAgB;AACtD,SAAS,iBAAiB;AA2D1B,SAAS,WACP,WACA,cACA,WACQ;AACR,SAAO,YAAY,SAAS,KAAK;AACnC;AAGA,SAAS,WAAW,MAAsB;AACxC,QAAM,CAAC,GAAG,CAAC,IAAI,KAAK,MAAM,GAAG,EAAE,IAAI,MAAM;AACzC,MAAI,OAAO,MAAM,CAAC,EAAG,QAAO;AAC5B,QAAM,SAAS,IAAI,KAAK,OAAO;AAC/B,QAAM,OAAO,IAAI,OAAO,IAAI,KAAK,IAAI;AACrC,SAAO,IACH,GAAG,IAAI,IAAI,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG,CAAC,GAAG,MAAM,KAC9C,GAAG,IAAI,GAAG,MAAM;AACtB;AAEA,MAAM,YAAY;AAClB,MAAM,WAAW;AAWjB,MAAM,gBAAgB;AAAA,EACpB,EAAE,IAAI,YAAqB,OAAO,cAAc;AAAA,EAChD,EAAE,IAAI,cAAuB,OAAO,gBAAgB;AAAA,EACpD,EAAE,IAAI,SAAkB,OAAO,cAAc;AAC/C;AAMO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,uBAAuB,CAAC;AAAA,EACxB;AACF,GAA6B;AAC3B,QAAM,KAAK,CAAC,MAAc,QACxB,WAAW,MAAM,KAAK,gBAAgB,MAAM;AAE9C,QAAM,SAAS,CAAC,YACd,SAAS,EAAE,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAGpC,QAAM,aACJ,OAAO,eAAe,qBAAqB,cAAc;AAC3D,QAAM,aAAa,uBAAuB,sBAAsB,CAAC,CAAC;AAGlE,YAAU,MAAM;AACd,QAAI,eAAe,YAAY;AAC7B,YAAM,UAAmC,CAAC;AAC1C,UAAI,OAAO,iBAAiB,WAAW,CAAC;AACtC,gBAAQ,eAAe;AACzB,UAAI,CAAC,cAAc,OAAO,uBAAuB;AAC/C,gBAAQ,qBAAqB;AAC/B,UAAI,OAAO,KAAK,OAAO,EAAE,SAAS,EAAG,UAAS,EAAE,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAAA,IACzE,WAAW,eAAe,cAAc;AACtC,UAAI,OAAO,iBAAiB,WAAW;AACrC,iBAAS,EAAE,GAAG,QAAQ,cAAc,UAAU,CAAC;AAAA,MACjD;AAAA,IACF,WAAW,eAAe,SAAS;AACjC,UAAI,OAAO,iBAAiB,SAAS;AACnC,iBAAS,EAAE,GAAG,QAAQ,cAAc,QAAQ,CAAC;AAAA,MAC/C;AAAA,IACF;AAAA,EAGF,GAAG,CAAC,YAAY,UAAU,CAAC;AAE3B,QAAM,2BAA2B,eAAe,cAAc;AAC9D,QAAM,cAAc,eAAe;AAOnC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,mBACJ,OAAO,eAAe,QACtB,OAAO,gBAAgB,QACvB,OAAO,sBAAsB,QAC7B,OAAO,qBAAqB,QAC5B,OAAO,mBAAmB;AAC5B,QAAM,iBACJ,eAAe,CAAC,CAAC,UAAU,CAAC,oBAAoB,CAAC;AAEnD,QAAM,sBAAsB,YAAY,MAAM;AAC5C,sBAAkB,IAAI;AACtB,QAAI,QAAQ;AACV,aAAO;AAAA,QACL,aAAa,OAAO;AAAA,QACpB,cAAc,OAAO;AAAA,QACrB,oBAAoB,OAAO;AAAA,QAC3B,mBAAmB,OAAO;AAAA,QAC1B,iBAAiB,OAAO;AAAA,QACxB,gBAAgB,OAAO;AAAA,MACzB,CAAC;AAAA,IACH;AAAA,EAGF,GAAG,CAAC,MAAM,CAAC;AAEX,QAAM,iBAAiB,SACnB;AAAA,IACE,iBAAiB,WAAW,OAAO,WAAW,CAAC,YAAY,WAAW,OAAO,YAAY,CAAC;AAAA,IAC1F,kBAAkB,OAAO,kBAAkB,kCAAkC,OAAO,iBAAiB;AAAA,IACrG,OAAO,kBACH,GAAG,OAAO,cAAc,+BACxB;AAAA,EACN,EAAE,KAAK,GAAG,IACV;AACJ,QAAM,iBAAiB,eAAe,CAAC;AACvC,QAAM,oBAAoB;AAC1B,QAAM,uBACH,eAAe,cAAc,eAAe,YAAY,CAAC;AAC5D,QAAM,kBAAkB,eAAe,WAAW;AAOlD,QAAM,kBAAkB,eAAe;AACvC,QAAM,yBAAyB;AAC/B,QAAM,wBAAwB;AAG9B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAwB,IAAI;AAElE,QAAM,gBAAgB,CAAC,eACrB,qBAAqB,KAAK,CAAC,MAAM,EAAE,eAAe,UAAU;AAE9D,QAAM,SAAS,CAAC,eACd,qBAAqB,KAAK,CAAC,MAAM,EAAE,eAAe,UAAU;AAE9D,QAAM,YAAY,CAAC,eAAuB;AACxC,QAAI,CAAC,6BAA8B;AACnC,QAAI,cAAc,UAAU,GAAG;AAC7B;AAAA,QACE,qBAAqB,OAAO,CAAC,MAAM,EAAE,eAAe,UAAU;AAAA,MAChE;AACA,UAAI,gBAAgB,WAAY,gBAAe,IAAI;AAAA,IACrD,OAAO;AACL,mCAA6B;AAAA,QAC3B,GAAG;AAAA,QACH,EAAE,YAAY,YAAY,KAAK;AAAA,MACjC,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,YAAY,CAChB,YACA,YACG;AACH,QAAI,CAAC,6BAA8B;AACnC;AAAA,MACE,qBAAqB;AAAA,QAAI,CAAC,MACxB,EAAE,eAAe,aAAa,EAAE,GAAG,GAAG,GAAG,QAAQ,IAAI;AAAA,MACvD;AAAA,IACF;AAAA,EACF;AAEA,QAAM,mBACJ,eAAe,UAAU,qBAAqB;AAEhD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,SAAI,WAAU,wBACZ,wBAAc,IAAI,CAAC,SAClB;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU,eAAe,KAAK;AAAA,QAC9B,SAAS,MAAM,OAAO,EAAE,aAAa,KAAK,GAAG,CAAC;AAAA,QAE7C,eAAK;AAAA;AAAA,MAJD,KAAK;AAAA,IAKZ,CACD,GACH;AAAA,IAEC,4BACC,qBAAC,SACC;AAAA,0BAAC,WAAM,WAAW,WACf,aAAG,gBAAgB,cAAc,GACpC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,gBAAgB;AAAA,UAC9B,UAAU,CAAC,UACT,OAAO;AAAA,YACL,cAAc;AAAA,UAChB,CAAC;AAAA,UAEH,SAAS;AAAA,YACP;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,YACT;AAAA,YACA,EAAE,OAAO,UAAU,OAAO,gCAAgC;AAAA,YAC1D,EAAE,OAAO,WAAW,OAAO,iCAAiC;AAAA,YAC5D,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,YACnC,EAAE,OAAO,WAAW,OAAO,UAAU;AAAA,UACvC;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,OAAE,WAAW,UAAU,+DAExB;AAAA,OACF;AAAA,IAID,uBAAuB,CAAC,qBACvB,iCACE;AAAA,2BAAC,SAAI,WAAU,0BACb;AAAA,6BAAC,SACC;AAAA,8BAAC,WAAM,WAAW,WACf,aAAG,mBAAmB,oBAAoB,GAC7C;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,MAAM;AAAA,cACN,OAAO,OAAO,mBAAmB;AAAA,cACjC,UAAU,CAAC,MACT,OAAO;AAAA,gBACL,iBAAiB,EAAE,OAAO,QACtB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,cACN,CAAC;AAAA,cAEH,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,WAAM,WAAW,WACf,aAAG,eAAe,cAAc,GACnC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,OAAO,eAAe;AAAA,cAC7B,UAAU,CAAC,UACT,OAAO,EAAE,aAAa,MAA2B,CAAC;AAAA,cAEpD,SAAS;AAAA,gBACP,EAAE,OAAO,QAAQ,OAAO,YAAY;AAAA,gBACpC,EAAE,OAAO,UAAU,OAAO,WAAW;AAAA,cACvC;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,OAAE,WAAW,UAAU,yCAA2B;AAAA,WACrD;AAAA,SACF;AAAA,MAEC,mBACC,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf,aAAG,eAAe,gBAAgB,GACrC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO,OAAO,eAAe;AAAA,YAC7B,UAAU,CAAC,MACT,OAAO;AAAA,cACL,aAAa,EAAE,OAAO,QAClB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,YACN,CAAC;AAAA,YAEH,aAAa,eAAe,UAAU,OAAO;AAAA;AAAA,QAC/C;AAAA,QACA,oBAAC,OAAE,WAAW,UACX,yBAAe,UACZ,8CACA,4DACN;AAAA,SACF;AAAA,OAEJ;AAAA,IAID,mBAAmB,CAAC,uBACnB,qBAAC,SACC;AAAA,0BAAC,WAAM,WAAW,WACf,aAAG,eAAe,gBAAgB,GACrC;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,KAAK;AAAA,UACL,OAAO,OAAO,eAAe;AAAA,UAC7B,UAAU,CAAC,MACT,OAAO;AAAA,YACL,aAAa,EAAE,OAAO,QAClB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,UACN,CAAC;AAAA,UAEH,aAAY;AAAA;AAAA,MACd;AAAA,MACA,oBAAC,OAAE,WAAW,UAAU,uDAAyC;AAAA,OACnE;AAAA,IAID,kBACC,gCACE,+BAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf;AAAA,UACC;AAAA,UACA,iBAAiB,OAAO,iBAAiB,YAAY,WAAW,OAAO,iBAAiB,WAAW,UAAU,QAAQ;AAAA,QACvH,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO,OAAO,eAAe;AAAA,YAC7B,UAAU,CAAC,MACT,OAAO;AAAA,cACL,aAAa,EAAE,OAAO,QAClB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,YACN,CAAC;AAAA,YAEH,aAAY;AAAA;AAAA,QACd;AAAA,SACF;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf;AAAA,UACC;AAAA,UACA,iBAAiB,OAAO,iBAAiB,YAAY,WAAW,OAAO,iBAAiB,WAAW,UAAU,QAAQ;AAAA,QACvH,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO,OAAO,eAAe;AAAA,YAC7B,UAAU,CAAC,MACT,OAAO;AAAA,cACL,aAAa,EAAE,OAAO,QAClB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,YACN,CAAC;AAAA,YAEH,aAAY;AAAA;AAAA,QACd;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAMD,eAAe,CAAC,kBACf,gCACE,+BAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf,aAAG,eAAe,eAAe,GACpC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,eAAe;AAAA,YAC7B,UAAU,CAAC,UAAU,OAAO,EAAE,aAAa,MAAM,CAAC;AAAA;AAAA,QACpD;AAAA,SACF;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf,aAAG,gBAAgB,gBAAgB,GACtC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,gBAAgB;AAAA,YAC9B,UAAU,CAAC,UAAU,OAAO,EAAE,cAAc,MAAM,CAAC;AAAA;AAAA,QACrD;AAAA,SACF;AAAA,OACF,GACF;AAAA,IAID,mBACC,qBAAC,SAAI,WAAU,0BACb;AAAA,2BAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf,aAAG,gBAAgB,yBAAyB,GAC/C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,OAAO,OAAO,gBAAgB;AAAA,YAC9B,UAAU,CAAC,MACT,OAAO;AAAA,cACL,cAAc,EAAE,OAAO,QACnB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,YACN,CAAC;AAAA,YAEH,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAW,UAAU,4CAA8B;AAAA,SACxD;AAAA,MACA,qBAAC,SACC;AAAA,4BAAC,WAAM,WAAW,WACf,aAAG,eAAe,wBAAwB,GAC7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,OAAO,OAAO,eAAe;AAAA,YAC7B,UAAU,CAAC,MACT,OAAO;AAAA,cACL,aAAa,EAAE,OAAO,QAClB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,YACN,CAAC;AAAA,YAEH,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAW,UAAU,8CAAgC;AAAA,SAC1D;AAAA,OACF;AAAA,IAkBD,iBACC,qBAAC,SAAI,WAAU,+BACb;AAAA,0BAAC,OAAE,WAAU,sCAAsC,0BAAe;AAAA,MAClE,qBAAC,SAAI,WAAU,wBACZ;AAAA,SAAC,YAAY,KACZ;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,SACF;AAAA,OACF,IAEA,iCAEE;AAAA,2BAAC,SAAI,WAAU,0BACb;AAAA,6BAAC,SACC;AAAA,8BAAC,WAAM,WAAW,WACf;AAAA,YACC;AAAA,YACA;AAAA,UACF,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO,OAAO,sBAAsB;AAAA,cACpC,UAAU,CAAC,MACT,OAAO;AAAA,gBACL,oBAAoB,EAAE,OAAO,QACzB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,cACN,CAAC;AAAA,cAEH,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,QACA,qBAAC,SACC;AAAA,8BAAC,WAAM,WAAW,WACf,aAAG,qBAAqB,6BAA6B,GACxD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO,OAAO,qBAAqB;AAAA,cACnC,UAAU,CAAC,MACT,OAAO;AAAA,gBACL,mBAAmB,EAAE,OAAO,QACxB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,cACN,CAAC;AAAA,cAEH,aAAY;AAAA;AAAA,UACd;AAAA,UACA,oBAAC,OAAE,WAAW,UAAU,mEAExB;AAAA,WACF;AAAA,SACF;AAAA,MAGA,qBAAC,SACC;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,OAAO,mBAAmB;AAAA,cACnC,UAAU,CAAC,SAAS,OAAO,EAAE,iBAAiB,KAAK,CAAC;AAAA,cACpD,OAAO,GAAG,mBAAmB,yBAAyB;AAAA;AAAA,UACxD;AAAA,UACA,oBAAC,UAAK,WAAU,wCACb,aAAG,mBAAmB,yBAAyB,GAClD;AAAA,WACF;AAAA,QACC,OAAO,mBACN,qBAAC,SAAI,WAAU,4BACb;AAAA,8BAAC,WAAM,WAAW,WAAW,uBAAS;AAAA,UACtC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,KAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO,OAAO,kBAAkB;AAAA,cAChC,UAAU,CAAC,MACT,OAAO;AAAA,gBACL,gBAAgB,EAAE,OAAO,QACrB,SAAS,EAAE,OAAO,KAAK,IACvB;AAAA,cACN,CAAC;AAAA,cAEH,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,SAEJ;AAAA,OACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,UAAU,CAAC,aAAa,OAAO,EAAE,SAAS,CAAC;AAAA;AAAA,IAC7C;AAAA,IAGC,0BACC,qBAAC,SACC;AAAA,0BAAC,WAAM,WAAW,WACf,aAAG,sBAAsB,6BAA6B,GACzD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,sBAAsB;AAAA,UACpC,UAAU,CAAC,UACT,OAAO;AAAA,YACL,oBACE;AAAA,UACJ,CAAC;AAAA,UAEH,SAAS;AAAA,YACP,EAAE,OAAO,cAAc,OAAO,qCAAgC;AAAA,YAC9D,EAAE,OAAO,aAAa,OAAO,kCAA6B;AAAA,YAC1D,EAAE,OAAO,oBAAoB,OAAO,mBAAmB;AAAA,YACvD,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,YAC7C,EAAE,OAAO,QAAQ,OAAO,uBAAuB;AAAA,UACjD;AAAA;AAAA,MACF;AAAA,MACA,oBAAC,OAAE,WAAW,UAAU,0EAExB;AAAA,OACF;AAAA,IAID,yBACC,sBACA,mBAAmB,SAAS,KAC1B,qBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,QAAG,WAAU,yDAAwD,gCAEtE;AAAA,MACA,oBAAC,OAAE,WAAW,WAAW,SAAS,2EAElC;AAAA,MAEA,oBAAC,SAAI,WAAU,aACZ,6BAAmB,IAAI,CAAC,QAAQ;AAC/B,cAAM,WAAW,cAAc,IAAI,EAAE;AACrC,cAAM,MAAM,OAAO,IAAI,EAAE;AACzB,cAAM,aAAa,gBAAgB,IAAI;AACvC,cAAM,YACJ,IAAI,SAAS,WACT,cACA,IAAI,SAAS,UACX,cACA,IAAI,SAAS,cACX,cACA;AAEV,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,uCACT,WACI,oDACA,gCACN;AAAA,YAEA;AAAA,mCAAC,SAAI,WAAU,+CACb;AAAA,qCAAC,WAAM,WAAU,iDACf;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAI;AAAA,sBACJ,SAAS;AAAA,sBACT,UAAU,MAAM,UAAU,IAAI,EAAE;AAAA;AAAA,kBAClC;AAAA,kBACA,qBAAC,UAAK,WAAU,WACb;AAAA;AAAA,oBAAW;AAAA,oBACZ,oBAAC,UAAK,WAAU,0CACb,cAAI,OACP;AAAA,oBACA,qBAAC,UAAK,WAAU,mCAAkC;AAAA;AAAA,sBAC7C,IAAI;AAAA,uBACT;AAAA,qBACF;AAAA,mBACF;AAAA,gBAEC,YACC;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAS,MACP,eAAe,aAAa,OAAO,IAAI,EAAE;AAAA,oBAE3C,WAAU;AAAA,oBAET,uBAAa,iBAAiB;AAAA;AAAA,gBACjC;AAAA,iBAEJ;AAAA,cAEC,YAAY,cAAc,OACzB,qBAAC,SAAI,WAAU,oEACb;AAAA,qCAAC,SAAI,WAAU,2BACb;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAS,IAAI,cAAc;AAAA,sBAC3B,UAAU,CAAC,SACT,UAAU,IAAI,IAAI,EAAE,YAAY,KAAK,CAAC;AAAA,sBAExC,OAAM;AAAA;AAAA,kBACR;AAAA,kBACA,oBAAC,UAAK,WAAU,wCAAuC,wCAEvD;AAAA,mBACF;AAAA,gBAEA,qBAAC,SACC;AAAA,sCAAC,WAAM,WAAW,WAAW,0CAE7B;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,OAAO,IAAI,sBAAsB;AAAA,sBACjC,UAAU,CAAC,UACT,UAAU,IAAI,IAAI;AAAA,wBAChB,oBAAqB,SAAS;AAAA,sBAGhC,CAAC;AAAA,sBAEH,SAAS;AAAA,wBACP;AAAA,0BACE,OAAO;AAAA,0BACP,OAAO,gBAAgB,OAAO,sBAAsB,YAAY;AAAA,wBAClE;AAAA,wBACA;AAAA,0BACE,OAAO;AAAA,0BACP,OAAO;AAAA,wBACT;AAAA,wBACA;AAAA,0BACE,OAAO;AAAA,0BACP,OAAO;AAAA,wBACT;AAAA,wBACA;AAAA,0BACE,OAAO;AAAA,0BACP,OAAO;AAAA,wBACT;AAAA,wBACA,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,wBAC7C,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,sBACjC;AAAA;AAAA,kBACF;AAAA,mBACF;AAAA,gBAEA,qBAAC,SACC;AAAA,sCAAC,WAAM,WAAW,WAAW,+CAE7B;AAAA,kBACA;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,QAAQ,IAAI,kBAAkB,CAAC,GAAG,KAAK,IAAI;AAAA,sBAC3C,UAAU,CAAC,MACT,UAAU,IAAI,IAAI;AAAA,wBAChB,gBAAgB,EAAE,OAAO,QACrB,EAAE,OAAO,MACN,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,OAAO,OAAO,IACjB,CAAC;AAAA,sBACP,CAAC;AAAA,sBAEH,aAAY;AAAA;AAAA,kBACd;AAAA,kBACA,oBAAC,OAAE,WAAW,UAAU,mEAGxB;AAAA,mBACF;AAAA,iBACF;AAAA;AAAA;AAAA,UAjHG,IAAI;AAAA,QAmHX;AAAA,MAEJ,CAAC,GACH;AAAA,OACF;AAAA,IAIH,eAAe,cAAc,CAAC,cAC7B,iCACE;AAAA,0BAAC,2BAAwB;AAAA,MASzB,qBAAC,OAAE,WAAU,uCAAsC;AAAA;AAAA,QAChB;AAAA,QACjC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QAAQ;AAAA,QAAI;AAAA,SAEd;AAAA,OACF;AAAA,KAEJ;AAEJ;AAMA,SAAS,0BAA0B;AACjC,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAyB,kBAAkB;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAG1C,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,KAAM;AACnB,QAAI,YAAY;AAEhB,mBAAe,OAAO;AACpB,UAAI;AACF,cAAM,MAAM,MAAM,MAAM,iCAAiC;AAAA,UACvD,SAAS,EAAE,iBAAiB,OAAQ,KAAK;AAAA,QAC3C,CAAC;AACD,YAAI,CAAC,IAAI,MAAM,UAAW;AAC1B,cAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,cAAM,YAAY,MAAM,QAAQ,QAAQ,CAAC;AAEzC,cAAM,OACJ,UAAU,KAAK,CAAC,MAAW,EAAE,SAAS,OAAO,KAAK,UAAU,CAAC;AAC/D,YAAI,QAAQ,CAAC,WAAW;AACtB,wBAAc,KAAK,EAAE;AACrB,cAAI,KAAK,SAAU,aAAY,KAAK,QAAQ;AAAA,QAC9C;AAAA,MACF,QAAQ;AAAA,MAER,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AAEA,SAAK;AACL,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,QAAQ,IAAI,CAAC;AAEjB,QAAM,aAAa,YAAY,YAAY;AACzC,QAAI,CAAC,QAAQ,QAAQ,CAAC,WAAY;AAClC,cAAU,IAAI;AACd,QAAI;AACF,YAAM,MAAM,iCAAiC,UAAU,IAAI;AAAA,QACzD,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,gBAAgB;AAAA,UAChB,iBAAiB,OAAO;AAAA,QAC1B;AAAA,QACA,MAAM,KAAK,UAAU,EAAE,SAAS,CAAC;AAAA,MACnC,CAAC;AAAA,IACH,QAAQ;AAAA,IAER,UAAE;AACA,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,YAAY,QAAQ,CAAC;AAEvC,MAAI,SAAS;AACX,WACE,oBAAC,SAAI,WAAU,gDACb,8BAAC,OAAE,WAAU,oCAAmC,qCAEhD,GACF;AAAA,EAEJ;AAEA,MAAI,CAAC,YAAY;AACf,WACE,oBAAC,SAAI,WAAU,gDACb,8BAAC,OAAE,WAAU,oCAAmC,+FAGhD,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,yBAAC,SAAI,WAAU,0CACb;AAAA,2BAAC,SACC;AAAA,4BAAC,QAAG,WAAU,oDAAmD,+BAEjE;AAAA,QACA,oBAAC,OAAE,WAAW,UAAU,0DAExB;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,SAAS,YAAY,UAAU,QACpC,mBAAS,cAAc,iBAC1B;AAAA,OACF;AAAA,IAEA,oBAAC,kBAAe,UAAoB,UAAU,aAAa;AAAA,KAC7D;AAEJ;","names":[]}

package/dist/behaviors/booking-actions.d.ts

@@ -0,0 +1,74 @@
+import type { ContentItem } from '@withpotter/lib/api/types';
+import type { LucideIcon } from 'lucide-react';
+export type BookingAction = 'confirm' | 'complete' | 'check-in' | 'no-show' | 'cancel' | 'reschedule';
+export interface BookingActionConfig {
+    id: BookingAction;
+    label: string;
+    icon: LucideIcon;
+    /** CSS classes for styling (text color, hover bg) */
+    className: string;
+    /** Which booking statuses this action is available for */
+    availableFor: string[];
+    /** Whether this action requires a modal (like reschedule) */
+    requiresModal?: boolean;
+}
+export interface RescheduleData {
+    date: string;
+    startTime: string;
+    reason?: string;
+}
+export declare const BOOKING_STATUS_ACTIONS: BookingActionConfig[];
+/**
+ * Get available actions for a given booking status
+ */
+export declare function getAvailableActions(bookingStatus: string): BookingActionConfig[];
+interface UseBookingActionsProps {
+    tenantSlug: string;
+    onSuccess?: () => void;
+    onError?: (error: Error) => void;
+}
+export declare function useBookingActions({ tenantSlug, onSuccess, onError, }: UseBookingActionsProps): {
+    loading: boolean;
+    isRescheduling: boolean;
+    isCancelling: boolean;
+    rescheduleItem: ContentItem | null;
+    cancelItem: ContentItem | null;
+    executeAction: (action: BookingAction, item: ContentItem, extraData?: RescheduleData | string) => Promise<boolean>;
+    openRescheduleModal: (item: ContentItem) => void;
+    closeRescheduleModal: () => void;
+    openCancelModal: (item: ContentItem) => void;
+    closeCancelModal: () => void;
+};
+interface BookingActionMenuProps {
+    item: ContentItem;
+    onAction: (action: BookingAction, item: ContentItem) => void;
+    loading?: boolean;
+}
+/**
+ * Renders the booking-specific actions in a dropdown menu.
+ * Should be used inside the action menu of ContentTypePage.
+ */
+export declare function BookingActionMenu({ item, onAction, loading, }: BookingActionMenuProps): import("react").JSX.Element | null;
+interface RescheduleModalProps {
+    item: ContentItem;
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (data: RescheduleData) => Promise<void>;
+    loading?: boolean;
+}
+/**
+ * Modal for rescheduling a booking.
+ */
+export declare function RescheduleModal({ item, isOpen, onClose, onConfirm, loading, }: RescheduleModalProps): import("react").JSX.Element | null;
+interface CancelBookingModalProps {
+    item: ContentItem;
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: (reason?: string) => Promise<void>;
+    loading?: boolean;
+}
+/**
+ * Modal for cancelling a booking with optional reason.
+ */
+export declare function CancelBookingModal({ item, isOpen, onClose, onConfirm, loading, }: CancelBookingModalProps): import("react").JSX.Element | null;
+export {};

package/dist/behaviors/booking-actions.js

@@ -0,0 +1,350 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import {
+  CheckCircle,
+  XCircle,
+  CalendarClock,
+  UserCheck,
+  UserX
+} from "lucide-react";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { Button } from "@withpotter/ui-kit/button";
+import { DateField } from "@withpotter/ui-kit/date-field";
+import { TimeField } from "@withpotter/ui-kit/time-field";
+import { Textarea } from "@withpotter/ui-kit";
+const BOOKING_STATUS_ACTIONS = [
+  {
+    id: "confirm",
+    label: "Confirm",
+    icon: CheckCircle,
+    className: "text-[var(--success)] hover:bg-[var(--success-bg)]",
+    availableFor: ["pending"]
+  },
+  {
+    id: "check-in",
+    label: "Check in",
+    icon: UserCheck,
+    className: "text-[var(--info)] hover:bg-[var(--info-bg)]",
+    availableFor: ["confirmed"]
+  },
+  {
+    id: "complete",
+    label: "Complete",
+    icon: CheckCircle,
+    className: "text-[var(--success)] hover:bg-[var(--success-bg)]",
+    availableFor: ["confirmed", "checked_in"]
+  },
+  {
+    id: "reschedule",
+    label: "Reschedule",
+    icon: CalendarClock,
+    className: "text-[var(--text-secondary)] hover:bg-[var(--interactive-active)]",
+    availableFor: ["pending", "confirmed"],
+    requiresModal: true
+  },
+  {
+    id: "no-show",
+    label: "No-Show",
+    icon: UserX,
+    className: "text-[var(--warning)] hover:bg-[var(--warning-bg)]",
+    availableFor: ["confirmed", "checked_in"]
+  },
+  {
+    id: "cancel",
+    label: "Cancel",
+    icon: XCircle,
+    className: "text-[var(--error)] hover:bg-[var(--error-bg)]",
+    availableFor: ["pending", "confirmed"]
+  }
+];
+function getAvailableActions(bookingStatus) {
+  return BOOKING_STATUS_ACTIONS.filter(
+    (action) => action.availableFor.includes(bookingStatus)
+  );
+}
+function useBookingActions({
+  tenantSlug,
+  onSuccess,
+  onError
+}) {
+  const [loading, setLoading] = useState(false);
+  const [isRescheduling, setIsRescheduling] = useState(false);
+  const [isCancelling, setIsCancelling] = useState(false);
+  const [rescheduleItem, setRescheduleItem] = useState(
+    null
+  );
+  const [cancelItem, setCancelItem] = useState(null);
+  const executeAction = useCallback(
+    async (action, item, extraData) => {
+      if (!tenantSlug) return false;
+      setLoading(true);
+      try {
+        const bookingId = item.id;
+        switch (action) {
+          case "confirm":
+            await bookingsApi.confirm(tenantSlug, bookingId);
+            break;
+          case "complete":
+            await bookingsApi.complete(tenantSlug, bookingId);
+            break;
+          case "check-in":
+            await bookingsApi.checkIn(tenantSlug, bookingId);
+            break;
+          case "no-show":
+            await bookingsApi.noShow(tenantSlug, bookingId);
+            break;
+          case "cancel":
+            const reason = typeof extraData === "string" ? extraData : void 0;
+            await bookingsApi.cancel(tenantSlug, bookingId, reason);
+            break;
+          case "reschedule":
+            if (typeof extraData === "object" && extraData.date && extraData.startTime) {
+              await bookingsApi.reschedule(tenantSlug, bookingId, {
+                date: extraData.date,
+                startTime: extraData.startTime,
+                reason: extraData.reason
+              });
+            } else {
+              throw new Error("Reschedule requires date and time");
+            }
+            break;
+        }
+        onSuccess?.();
+        return true;
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(`Failed to ${action} booking`);
+        onError?.(error);
+        return false;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [tenantSlug, onSuccess, onError]
+  );
+  const openRescheduleModal = useCallback((item) => {
+    setRescheduleItem(item);
+    setIsRescheduling(true);
+  }, []);
+  const closeRescheduleModal = useCallback(() => {
+    setRescheduleItem(null);
+    setIsRescheduling(false);
+  }, []);
+  const openCancelModal = useCallback((item) => {
+    setCancelItem(item);
+    setIsCancelling(true);
+  }, []);
+  const closeCancelModal = useCallback(() => {
+    setCancelItem(null);
+    setIsCancelling(false);
+  }, []);
+  return {
+    loading,
+    isRescheduling,
+    isCancelling,
+    rescheduleItem,
+    cancelItem,
+    executeAction,
+    openRescheduleModal,
+    closeRescheduleModal,
+    openCancelModal,
+    closeCancelModal
+  };
+}
+function BookingActionMenu({
+  item,
+  onAction,
+  loading
+}) {
+  const bookingStatus = item.data?.bookingStatus || "";
+  const availableActions = getAvailableActions(bookingStatus);
+  if (availableActions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "border-t border-[var(--border-subtle)] my-1" }),
+    /* @__PURE__ */ jsx("div", { className: "px-3 py-1", children: /* @__PURE__ */ jsx("span", { className: "text-3xs font-medium text-[var(--text-muted)] uppercase tracking-wider", children: "Manage booking" }) }),
+    availableActions.map((action) => {
+      const Icon = action.icon;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onAction(action.id, item),
+          disabled: loading,
+          className: `w-full px-4 py-2 text-left text-sm flex items-center gap-3 disabled:opacity-50 whitespace-nowrap ${action.className}`,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4 flex-shrink-0" }),
+            /* @__PURE__ */ jsx("span", { children: action.label })
+          ]
+        },
+        action.id
+      );
+    })
+  ] });
+}
+function RescheduleModal({
+  item,
+  isOpen,
+  onClose,
+  onConfirm,
+  loading
+}) {
+  const [date, setDate] = useState(item.data?.date || "");
+  const [time, setTime] = useState(item.data?.startTime || "");
+  const [reason, setReason] = useState("");
+  if (!isOpen) return null;
+  const handleConfirm = async () => {
+    await onConfirm({ date, startTime: time, reason: reason || void 0 });
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 z-50 modal-scrim",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[var(--z-modal)] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-[var(--bg-base)] rounded-md shadow-xl w-full max-w-md modal-in",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 border-b border-[var(--border-default)]", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "Reschedule booking" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] mt-1", children: "Select a new date and time for this booking" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 space-y-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-[var(--bg-subtle)] rounded-md p-3", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-secondary)]", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Current:" }),
+              " ",
+              String(item.data?.date || "No date"),
+              " at",
+              " ",
+              String(item.data?.startTime || "No time")
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "New Date *" }),
+              /* @__PURE__ */ jsx(DateField, { value: date, onChange: setDate, className: "w-full" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "New Time *" }),
+              /* @__PURE__ */ jsx(TimeField, { value: time, onChange: setTime, className: "w-full" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Reason (optional)" }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  value: reason,
+                  onChange: (e) => setReason(e.target.value),
+                  placeholder: "Let the customer know why...",
+                  rows: 2,
+                  className: "resize-none"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 border-t border-[var(--border-default)] flex justify-end gap-3 bg-[var(--bg-subtle)] rounded-b-xl", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: "Cancel" }),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                onClick: handleConfirm,
+                disabled: loading || !date || !time,
+                children: [
+                  loading && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-[var(--bg-base)] border-t-transparent rounded-full animate-spin" }),
+                  loading ? "Rescheduling..." : "Confirm Reschedule"
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+function CancelBookingModal({
+  item,
+  isOpen,
+  onClose,
+  onConfirm,
+  loading
+}) {
+  const [reason, setReason] = useState("");
+  if (!isOpen) return null;
+  const handleConfirm = async () => {
+    await onConfirm(reason || void 0);
+  };
+  const customerName = item.data?.customerName || item.title || "this booking";
+  const treatmentTitle = item.data?.treatmentTitle || item.data?.treatment || "";
+  const bookingDate = item.data?.date || "";
+  const bookingTime = item.data?.startTime || "";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50 z-50 modal-scrim",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-[var(--z-modal)] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] w-full max-w-md",
+        onClick: (e) => e.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 border-b border-[var(--border-default)]", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "Cancel booking" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] mt-1", children: "Are you sure you want to cancel this booking?" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 space-y-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "bg-[var(--error-bg)] border border-[var(--error)]/10 rounded-md p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-10 h-10 bg-[var(--error-bg)] rounded-full flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(XCircle, { className: "size-5 text-[var(--error)]" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "font-medium text-[var(--text-primary)]", children: String(customerName) }),
+                treatmentTitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: String(treatmentTitle) }),
+                bookingDate && /* @__PURE__ */ jsxs("p", { className: "text-sm text-[var(--text-tertiary)] mt-1", children: [
+                  String(bookingDate),
+                  " ",
+                  bookingTime && `at ${String(bookingTime)}`
+                ] })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "Reason for cancellation (optional)" }),
+              /* @__PURE__ */ jsx(
+                Textarea,
+                {
+                  value: reason,
+                  onChange: (e) => setReason(e.target.value),
+                  placeholder: "Let the customer know why...",
+                  rows: 3,
+                  className: "resize-none"
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: "This reason may be included in the cancellation notification to the customer." })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "px-6 py-4 border-t border-[var(--border-default)] flex justify-end gap-3 bg-[var(--bg-subtle)] rounded-b-xl", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, disabled: loading, children: "Keep booking" }),
+            /* @__PURE__ */ jsxs(Button, { variant: "danger", onClick: handleConfirm, disabled: loading, children: [
+              loading && /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-[var(--bg-base)] border-t-transparent rounded-full animate-spin" }),
+              loading ? "Cancelling..." : "Cancel Booking"
+            ] })
+          ] })
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  BOOKING_STATUS_ACTIONS,
+  BookingActionMenu,
+  CancelBookingModal,
+  RescheduleModal,
+  getAvailableActions,
+  useBookingActions
+};
+//# sourceMappingURL=booking-actions.js.map

package/dist/behaviors/booking-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/booking-actions.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useCallback } from 'react';\nimport {\n  CheckCircle,\n  XCircle,\n  CalendarClock,\n  UserCheck,\n  UserX,\n} from 'lucide-react';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport type { ContentItem } from '@withpotter/lib/api/types';\nimport type { LucideIcon } from 'lucide-react';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { DateField } from '@withpotter/ui-kit/date-field';\nimport { TimeField } from '@withpotter/ui-kit/time-field';\nimport { Textarea } from '@withpotter/ui-kit';\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Types\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport type BookingAction =\n  | 'confirm'\n  | 'complete'\n  | 'check-in'\n  | 'no-show'\n  | 'cancel'\n  | 'reschedule';\n\nexport interface BookingActionConfig {\n  id: BookingAction;\n  label: string;\n  icon: LucideIcon;\n  /** CSS classes for styling (text color, hover bg) */\n  className: string;\n  /** Which booking statuses this action is available for */\n  availableFor: string[];\n  /** Whether this action requires a modal (like reschedule) */\n  requiresModal?: boolean;\n}\n\nexport interface RescheduleData {\n  date: string;\n  startTime: string;\n  reason?: string;\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Booking Status Actions Configuration\n// ─────────────────────────────────────────────────────────────────────────────\n\nexport const BOOKING_STATUS_ACTIONS: BookingActionConfig[] = [\n  {\n    id: 'confirm',\n    label: 'Confirm',\n    icon: CheckCircle,\n    className: 'text-[var(--success)] hover:bg-[var(--success-bg)]',\n    availableFor: ['pending'],\n  },\n  {\n    id: 'check-in',\n    label: 'Check in',\n    icon: UserCheck,\n    className: 'text-[var(--info)] hover:bg-[var(--info-bg)]',\n    availableFor: ['confirmed'],\n  },\n  {\n    id: 'complete',\n    label: 'Complete',\n    icon: CheckCircle,\n    className: 'text-[var(--success)] hover:bg-[var(--success-bg)]',\n    availableFor: ['confirmed', 'checked_in'],\n  },\n  {\n    id: 'reschedule',\n    label: 'Reschedule',\n    icon: CalendarClock,\n    className:\n      'text-[var(--text-secondary)] hover:bg-[var(--interactive-active)]',\n    availableFor: ['pending', 'confirmed'],\n    requiresModal: true,\n  },\n  {\n    id: 'no-show',\n    label: 'No-Show',\n    icon: UserX,\n    className: 'text-[var(--warning)] hover:bg-[var(--warning-bg)]',\n    availableFor: ['confirmed', 'checked_in'],\n  },\n  {\n    id: 'cancel',\n    label: 'Cancel',\n    icon: XCircle,\n    className: 'text-[var(--error)] hover:bg-[var(--error-bg)]',\n    availableFor: ['pending', 'confirmed'],\n  },\n];\n\n/**\n * Get available actions for a given booking status\n */\nexport function getAvailableActions(\n  bookingStatus: string,\n): BookingActionConfig[] {\n  return BOOKING_STATUS_ACTIONS.filter((action) =>\n    action.availableFor.includes(bookingStatus),\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Hook: useBookingActions\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface UseBookingActionsProps {\n  tenantSlug: string;\n  onSuccess?: () => void;\n  onError?: (error: Error) => void;\n}\n\nexport function useBookingActions({\n  tenantSlug,\n  onSuccess,\n  onError,\n}: UseBookingActionsProps) {\n  const [loading, setLoading] = useState(false);\n  const [isRescheduling, setIsRescheduling] = useState(false);\n  const [isCancelling, setIsCancelling] = useState(false);\n  const [rescheduleItem, setRescheduleItem] = useState<ContentItem | null>(\n    null,\n  );\n  const [cancelItem, setCancelItem] = useState<ContentItem | null>(null);\n\n  const executeAction = useCallback(\n    async (\n      action: BookingAction,\n      item: ContentItem,\n      extraData?: RescheduleData | string,\n    ) => {\n      if (!tenantSlug) return false;\n\n      setLoading(true);\n\n      try {\n        const bookingId = item.id as string;\n\n        switch (action) {\n          case 'confirm':\n            await bookingsApi.confirm(tenantSlug, bookingId);\n            break;\n          case 'complete':\n            await bookingsApi.complete(tenantSlug, bookingId);\n            break;\n          case 'check-in':\n            await bookingsApi.checkIn(tenantSlug, bookingId);\n            break;\n          case 'no-show':\n            await bookingsApi.noShow(tenantSlug, bookingId);\n            break;\n          case 'cancel':\n            const reason =\n              typeof extraData === 'string' ? extraData : undefined;\n            await bookingsApi.cancel(tenantSlug, bookingId, reason);\n            break;\n          case 'reschedule':\n            if (\n              typeof extraData === 'object' &&\n              extraData.date &&\n              extraData.startTime\n            ) {\n              await bookingsApi.reschedule(tenantSlug, bookingId, {\n                date: extraData.date,\n                startTime: extraData.startTime,\n                reason: extraData.reason,\n              });\n            } else {\n              throw new Error('Reschedule requires date and time');\n            }\n            break;\n        }\n\n        onSuccess?.();\n        return true;\n      } catch (err) {\n        const error =\n          err instanceof Error ? err : new Error(`Failed to ${action} booking`);\n        onError?.(error);\n        return false;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [tenantSlug, onSuccess, onError],\n  );\n\n  const openRescheduleModal = useCallback((item: ContentItem) => {\n    setRescheduleItem(item);\n    setIsRescheduling(true);\n  }, []);\n\n  const closeRescheduleModal = useCallback(() => {\n    setRescheduleItem(null);\n    setIsRescheduling(false);\n  }, []);\n\n  const openCancelModal = useCallback((item: ContentItem) => {\n    setCancelItem(item);\n    setIsCancelling(true);\n  }, []);\n\n  const closeCancelModal = useCallback(() => {\n    setCancelItem(null);\n    setIsCancelling(false);\n  }, []);\n\n  return {\n    loading,\n    isRescheduling,\n    isCancelling,\n    rescheduleItem,\n    cancelItem,\n    executeAction,\n    openRescheduleModal,\n    closeRescheduleModal,\n    openCancelModal,\n    closeCancelModal,\n  };\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Component: BookingActionMenu\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface BookingActionMenuProps {\n  item: ContentItem;\n  onAction: (action: BookingAction, item: ContentItem) => void;\n  loading?: boolean;\n}\n\n/**\n * Renders the booking-specific actions in a dropdown menu.\n * Should be used inside the action menu of ContentTypePage.\n */\nexport function BookingActionMenu({\n  item,\n  onAction,\n  loading,\n}: BookingActionMenuProps) {\n  const bookingStatus = (item.data?.bookingStatus as string) || '';\n  const availableActions = getAvailableActions(bookingStatus);\n\n  if (availableActions.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <div className=\"border-t border-[var(--border-subtle)] my-1\" />\n      <div className=\"px-3 py-1\">\n        <span className=\"text-3xs font-medium text-[var(--text-muted)] uppercase tracking-wider\">\n          Manage booking\n        </span>\n      </div>\n      {availableActions.map((action) => {\n        const Icon = action.icon;\n        return (\n          <button\n            type=\"button\"\n            key={action.id}\n            onClick={() => onAction(action.id, item)}\n            disabled={loading}\n            className={`w-full px-4 py-2 text-left text-sm flex items-center gap-3 disabled:opacity-50 whitespace-nowrap ${action.className}`}\n          >\n            <Icon className=\"w-4 h-4 flex-shrink-0\" />\n            <span>{action.label}</span>\n          </button>\n        );\n      })}\n    </>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Component: RescheduleModal\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface RescheduleModalProps {\n  item: ContentItem;\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: (data: RescheduleData) => Promise<void>;\n  loading?: boolean;\n}\n\n/**\n * Modal for rescheduling a booking.\n */\nexport function RescheduleModal({\n  item,\n  isOpen,\n  onClose,\n  onConfirm,\n  loading,\n}: RescheduleModalProps) {\n  const [date, setDate] = useState((item.data?.date as string) || '');\n  const [time, setTime] = useState((item.data?.startTime as string) || '');\n  const [reason, setReason] = useState('');\n\n  if (!isOpen) return null;\n\n  const handleConfirm = async () => {\n    await onConfirm({ date, startTime: time, reason: reason || undefined });\n  };\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/50 z-50 modal-scrim\"\n        onClick={onClose}\n      />\n\n      {/* Modal */}\n      <div className=\"fixed inset-0 z-[var(--z-modal)] flex items-center justify-center p-4\">\n        <div\n          className=\"bg-[var(--bg-base)] rounded-md shadow-xl w-full max-w-md modal-in\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          {/* Header */}\n          <div className=\"px-6 py-4 border-b border-[var(--border-default)]\">\n            <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">\n              Reschedule booking\n            </h3>\n            <p className=\"text-sm text-[var(--text-tertiary)] mt-1\">\n              Select a new date and time for this booking\n            </p>\n          </div>\n\n          {/* Form */}\n          <div className=\"px-6 py-4 space-y-4\">\n            {/* Current booking info */}\n            <div className=\"bg-[var(--bg-subtle)] rounded-md p-3\">\n              <p className=\"text-sm text-[var(--text-secondary)]\">\n                <span className=\"font-medium\">Current:</span>{' '}\n                {String(item.data?.date || 'No date')} at{' '}\n                {String(item.data?.startTime || 'No time')}\n              </p>\n            </div>\n\n            {/* Date */}\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                New Date *\n              </label>\n              <DateField value={date} onChange={setDate} className=\"w-full\" />\n            </div>\n\n            {/* Time */}\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                New Time *\n              </label>\n              <TimeField value={time} onChange={setTime} className=\"w-full\" />\n            </div>\n\n            {/* Reason */}\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Reason (optional)\n              </label>\n              <Textarea\n                value={reason}\n                onChange={(e) => setReason(e.target.value)}\n                placeholder=\"Let the customer know why...\"\n                rows={2}\n                className=\"resize-none\"\n              />\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"px-6 py-4 border-t border-[var(--border-default)] flex justify-end gap-3 bg-[var(--bg-subtle)] rounded-b-xl\">\n            <Button variant=\"ghost\" onClick={onClose} disabled={loading}>\n              Cancel\n            </Button>\n            <Button\n              onClick={handleConfirm}\n              disabled={loading || !date || !time}\n            >\n              {loading && (\n                <div className=\"w-4 h-4 border-2 border-[var(--bg-base)] border-t-transparent rounded-full animate-spin\" />\n              )}\n              {loading ? 'Rescheduling...' : 'Confirm Reschedule'}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Component: CancelBookingModal\n// ─────────────────────────────────────────────────────────────────────────────\n\ninterface CancelBookingModalProps {\n  item: ContentItem;\n  isOpen: boolean;\n  onClose: () => void;\n  onConfirm: (reason?: string) => Promise<void>;\n  loading?: boolean;\n}\n\n/**\n * Modal for cancelling a booking with optional reason.\n */\nexport function CancelBookingModal({\n  item,\n  isOpen,\n  onClose,\n  onConfirm,\n  loading,\n}: CancelBookingModalProps) {\n  const [reason, setReason] = useState('');\n\n  if (!isOpen) return null;\n\n  const handleConfirm = async () => {\n    await onConfirm(reason || undefined);\n  };\n\n  const customerName = item.data?.customerName || item.title || 'this booking';\n  const treatmentTitle =\n    item.data?.treatmentTitle || item.data?.treatment || '';\n  const bookingDate = item.data?.date || '';\n  const bookingTime = item.data?.startTime || '';\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/50 z-50 modal-scrim\"\n        onClick={onClose}\n      />\n\n      {/* Modal */}\n      <div className=\"fixed inset-0 z-[var(--z-modal)] flex items-center justify-center p-4\">\n        <div\n          className=\"bg-[var(--bg-base)] rounded-md border border-[var(--border-default)] w-full max-w-md\"\n          onClick={(e) => e.stopPropagation()}\n        >\n          {/* Header */}\n          <div className=\"px-6 py-4 border-b border-[var(--border-default)]\">\n            <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">\n              Cancel booking\n            </h3>\n            <p className=\"text-sm text-[var(--text-tertiary)] mt-1\">\n              Are you sure you want to cancel this booking?\n            </p>\n          </div>\n\n          {/* Content */}\n          <div className=\"px-6 py-4 space-y-4\">\n            {/* Booking info */}\n            <div className=\"bg-[var(--error-bg)] border border-[var(--error)]/10 rounded-md p-4\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"w-10 h-10 bg-[var(--error-bg)] rounded-full flex items-center justify-center flex-shrink-0\">\n                  <XCircle className=\"size-5 text-[var(--error)]\" />\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"font-medium text-[var(--text-primary)]\">\n                    {String(customerName)}\n                  </p>\n                  {treatmentTitle && (\n                    <p className=\"text-sm text-[var(--text-secondary)]\">\n                      {String(treatmentTitle)}\n                    </p>\n                  )}\n                  {bookingDate && (\n                    <p className=\"text-sm text-[var(--text-tertiary)] mt-1\">\n                      {String(bookingDate)}{' '}\n                      {bookingTime && `at ${String(bookingTime)}`}\n                    </p>\n                  )}\n                </div>\n              </div>\n            </div>\n\n            {/* Reason */}\n            <div>\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n                Reason for cancellation (optional)\n              </label>\n              <Textarea\n                value={reason}\n                onChange={(e) => setReason(e.target.value)}\n                placeholder=\"Let the customer know why...\"\n                rows={3}\n                className=\"resize-none\"\n              />\n              <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">\n                This reason may be included in the cancellation notification to\n                the customer.\n              </p>\n            </div>\n          </div>\n\n          {/* Footer */}\n          <div className=\"px-6 py-4 border-t border-[var(--border-default)] flex justify-end gap-3 bg-[var(--bg-subtle)] rounded-b-xl\">\n            <Button variant=\"ghost\" onClick={onClose} disabled={loading}>\n              Keep booking\n            </Button>\n            <Button variant=\"danger\" onClick={handleConfirm} disabled={loading}>\n              {loading && (\n                <div className=\"w-4 h-4 border-2 border-[var(--bg-base)] border-t-transparent rounded-full animate-spin\" />\n              )}\n              {loading ? 'Cancelling...' : 'Cancel Booking'}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/behaviors/booking-location-field.d.ts

@@ -0,0 +1,5 @@
+import type { BookingLocation } from '@withpotter/lib/product-types';
+export declare function BookingLocationField({ value, onChange, }: {
+    value?: BookingLocation;
+    onChange: (next: BookingLocation | undefined) => void;
+}): import("react").JSX.Element;