@withpotter/components 0.13.0-next.101

package/dist/features/use-booking-form.js

@@ -0,0 +1,324 @@
+"use client";
+import { useCallback, useEffect, useState } from "react";
+import { bookingsApi } from "@withpotter/lib/api/bookings";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { useBookingOptions } from "./use-booking-options";
+const BOOKING_TYPES = [
+  { value: "appointment", label: "Appointment" },
+  { value: "class", label: "Class" },
+  { value: "table", label: "Table" },
+  { value: "room", label: "Room" },
+  { value: "event", label: "Event" },
+  { value: "resource", label: "Resource" }
+];
+const BOOKING_MODES = [
+  { value: "scheduled", label: "Scheduled appointment" },
+  { value: "check_in", label: "Check-in" },
+  { value: "pickup_dropoff", label: "Pickup / drop-off" },
+  { value: "reservation", label: "Reservation" },
+  { value: "walk_in_staff_created", label: "Walk-in" }
+];
+function getTodayDate() {
+  const d = /* @__PURE__ */ new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function getNowTime() {
+  const d = /* @__PURE__ */ new Date();
+  return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+}
+function resolveInitialType(initialType, allowedTypes) {
+  if (!allowedTypes?.length) return initialType || "appointment";
+  if (initialType && allowedTypes.includes(initialType)) return initialType;
+  return allowedTypes[0];
+}
+function resolveInitialMode(initialMode, allowedModes) {
+  if (!allowedModes?.length) return initialMode || "scheduled";
+  if (initialMode && allowedModes.includes(initialMode)) return initialMode;
+  return allowedModes[0];
+}
+function buildInitialForm(initialMode, initialType, allowedTypes, allowedModes, prefill) {
+  const resolvedMode = resolveInitialMode(initialMode, allowedModes);
+  const isWalkIn = resolvedMode === "walk_in_staff_created";
+  return {
+    type: resolveInitialType(initialType, allowedTypes),
+    bookingMode: resolvedMode,
+    date: prefill?.date ?? (isWalkIn ? getTodayDate() : ""),
+    startTime: prefill?.startTime ?? (isWalkIn ? getNowTime() : ""),
+    endTime: prefill?.endTime ?? "",
+    customerEmail: prefill?.customerEmail ?? "",
+    customerName: prefill?.customerName ?? "",
+    customerPhone: prefill?.customerPhone ?? "",
+    customerNote: "",
+    quantity: 1,
+    autoConfirm: isWalkIn,
+    partySize: 2,
+    dropoffDate: "",
+    /** Bookable resource (e.g. a table) this booking is for. */
+    resourceId: prefill?.resourceId ?? "",
+    /**
+     * What is being sold.
+     *
+     * The form never had this field and never sent it, so every booking made
+     * from the dashboard arrived with no service attached — no service name on
+     * the record, and none of the pricing the API derives from the content.
+     * The storefront has always sent it.
+     */
+    contentId: prefill?.contentId ?? ""
+  };
+}
+function useBookingForm({
+  onSaved,
+  initialMode,
+  initialType,
+  allowedTypes,
+  allowedModes,
+  prefill
+}) {
+  const { tenant } = useAuth();
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState("");
+  const [fieldErrors, setFieldErrors] = useState({});
+  const [walkInSuccess, setWalkInSuccess] = useState(
+    null
+  );
+  const { resources, services } = useBookingOptions(tenant?.slug);
+  const [requirements, setRequirements] = useState([]);
+  const [intakeAnswers, setIntakeAnswers] = useState(
+    {}
+  );
+  const [manualTime, setManualTime] = useState(
+    () => resolveInitialMode(initialMode, allowedModes) === "walk_in_staff_created"
+  );
+  const bookingTypeOptions = allowedTypes?.length ? BOOKING_TYPES.filter((o) => allowedTypes.includes(o.value)) : BOOKING_TYPES;
+  const bookingModeOptions = allowedModes?.length ? BOOKING_MODES.filter((o) => allowedModes.includes(o.value)) : BOOKING_MODES;
+  const [form, setForm] = useState(
+    () => buildInitialForm(
+      initialMode,
+      initialType,
+      allowedTypes,
+      allowedModes,
+      prefill
+    )
+  );
+  useEffect(() => {
+    const slug = tenant?.slug;
+    if (!slug || !form.contentId || !form.date) {
+      return;
+    }
+    let cancelled = false;
+    bookingsApi.eligibleResources(slug, {
+      contentId: form.contentId,
+      date: form.date,
+      startTime: form.startTime || void 0,
+      endTime: form.endTime || void 0
+    }).then((res) => !cancelled && setRequirements(res ?? [])).catch(() => !cancelled && setRequirements([]));
+    return () => {
+      cancelled = true;
+    };
+  }, [tenant?.slug, form.contentId, form.date, form.startTime, form.endTime]);
+  const updateField = (key, value) => {
+    setForm((prev) => ({ ...prev, [key]: value }));
+    if (key in fieldErrors) {
+      setFieldErrors((prev) => {
+        const next = { ...prev };
+        delete next[key];
+        return next;
+      });
+    }
+  };
+  const setIntakeAnswer = useCallback((key, value) => {
+    setIntakeAnswers((prev) => ({ ...prev, [key]: value }));
+  }, []);
+  const selectSlot = useCallback((slot) => {
+    setForm((prev) => ({
+      ...prev,
+      date: slot.date,
+      startTime: slot.startTime,
+      endTime: slot.endTime
+    }));
+    setFieldErrors((prev) => {
+      const next = { ...prev };
+      delete next.date;
+      return next;
+    });
+  }, []);
+  const handleModeChange = (mode) => {
+    setFieldErrors({});
+    if (mode === "walk_in_staff_created") {
+      setManualTime(true);
+      setForm((prev) => ({
+        ...prev,
+        bookingMode: mode,
+        date: getTodayDate(),
+        startTime: getNowTime(),
+        autoConfirm: true
+      }));
+    } else if (mode === "scheduled") {
+      setForm((prev) => ({ ...prev, bookingMode: mode, autoConfirm: false }));
+    } else if (mode === "check_in") {
+      setForm((prev) => ({
+        ...prev,
+        bookingMode: mode,
+        date: prev.date || getTodayDate()
+      }));
+    } else {
+      setForm((prev) => ({ ...prev, bookingMode: mode }));
+    }
+  };
+  const selectService = useCallback((contentId) => {
+    setForm((prev) => ({
+      ...prev,
+      contentId,
+      resourceId: "",
+      startTime: "",
+      endTime: ""
+    }));
+    setRequirements([]);
+    setIntakeAnswers({});
+    setFieldErrors({});
+  }, []);
+  const validateFields = useCallback(() => {
+    const errors = {};
+    if (form.bookingMode === "reservation") {
+      if (!form.partySize || form.partySize < 1) {
+        errors.partySize = "Party size must be at least 1";
+      }
+    }
+    if (form.bookingMode === "pickup_dropoff") {
+      if (form.dropoffDate && form.date && form.dropoffDate < form.date) {
+        errors.dropoffDate = "Drop-off date must be on or after the pickup date";
+      }
+    }
+    if (form.bookingMode === "check_in" && !form.date) {
+      setForm((prev) => ({ ...prev, date: getTodayDate() }));
+    }
+    setFieldErrors(errors);
+    return Object.keys(errors).length === 0;
+  }, [form]);
+  const resetForNewWalkIn = useCallback(() => {
+    setWalkInSuccess(null);
+    setError("");
+    setFieldErrors({});
+    setForm(
+      buildInitialForm(
+        "walk_in_staff_created",
+        initialType,
+        allowedTypes,
+        allowedModes
+      )
+    );
+  }, [initialType, allowedTypes, allowedModes]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!tenant?.slug) return;
+    if (!form.date) {
+      setFieldErrors((prev) => ({ ...prev, date: "Pick a date." }));
+      setError("Pick a date.");
+      return;
+    }
+    if (!form.customerEmail && !form.customerPhone) {
+      const message = "An email address or a phone number.";
+      setFieldErrors((prev) => ({
+        ...prev,
+        customerEmail: message,
+        customerPhone: message
+      }));
+      setError("Add an email address or a phone number.");
+      return;
+    }
+    const asked = services.find((s) => s.id === form.contentId)?.intake ?? [];
+    const missing = asked.find(
+      (f) => f.required && !String(intakeAnswers[f.key] ?? "").trim()
+    );
+    if (missing) {
+      setError(`${missing.label} is needed before this can be booked.`);
+      return;
+    }
+    if (!validateFields()) return;
+    setSaving(true);
+    setError("");
+    let schedulePayload;
+    if (form.bookingMode === "reservation" && form.partySize > 1) {
+      schedulePayload = { partySize: form.partySize };
+    } else if (form.bookingMode === "pickup_dropoff" && form.dropoffDate) {
+      schedulePayload = { dropoffDate: form.dropoffDate };
+    }
+    const payload = {
+      type: form.type,
+      date: form.date,
+      customerEmail: form.customerEmail || void 0,
+      customerName: form.customerName || void 0,
+      customerPhone: form.customerPhone || void 0,
+      customerNote: form.customerNote || void 0,
+      startTime: form.startTime || void 0,
+      endTime: form.endTime || void 0,
+      quantity: form.quantity > 1 ? form.quantity : void 0,
+      /**
+       * ALWAYS, from this screen.
+       *
+       * Without it the API sets `paymentDeadlineAt` fifteen minutes out and a
+       * scheduler cancels the booking as unpaid — a rule written for the public
+       * checkout endpoint, where an abandoned cart could otherwise hold a slot
+       * forever. A booking a member of staff typed in is already accepted; the
+       * form no longer asks them to confirm their own action, and it must not
+       * quietly arm an expiry on one either.
+       */
+      autoConfirm: true,
+      bookingMode: form.bookingMode,
+      origin: "dashboard",
+      actorType: "staff",
+      schedulePayload,
+      resourceId: form.resourceId || void 0,
+      contentId: form.contentId || void 0,
+      // Answers ride in metadata, which CreateBookingDto already accepts, so
+      // asking questions needed no migration on either side.
+      metadata: Object.keys(intakeAnswers).length ? { intake: intakeAnswers } : void 0
+    };
+    try {
+      let result;
+      if (form.bookingMode === "walk_in_staff_created") {
+        result = await bookingsApi.createWalkIn(tenant.slug, payload);
+        setWalkInSuccess({ bookingNumber: result.bookingNumber });
+        onSaved(result);
+      } else {
+        result = await bookingsApi.create(tenant.slug, payload);
+        onSaved(result);
+      }
+    } catch (err) {
+      setError(err.message || "Failed to create booking");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return {
+    form,
+    updateField,
+    handleModeChange,
+    selectService,
+    resetForNewWalkIn,
+    handleSubmit,
+    saving,
+    error,
+    /** For the toast that carries it: an error dismissed has to stay dismissed. */
+    clearError: () => setError(""),
+    fieldErrors,
+    walkInSuccess,
+    resources,
+    services,
+    requirements: form.contentId && form.date ? requirements : [],
+    intakeAnswers,
+    setIntakeAnswer,
+    isWalkInMode: form.bookingMode === "walk_in_staff_created",
+    bookingTypeOptions,
+    bookingModeOptions,
+    selectSlot,
+    manualTime,
+    setManualTime
+  };
+}
+export {
+  BOOKING_MODES,
+  BOOKING_TYPES,
+  useBookingForm
+};
+//# sourceMappingURL=use-booking-form.js.map

package/dist/features/use-booking-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/use-booking-form.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\nimport { bookingsApi } from '@withpotter/lib/api/bookings';\nimport type {\n  AvailableSlot,\n  BookingMode,\n  BookingItem,\n  BookingResourceRequirement,\n  CreateBookingInput,\n} from '@withpotter/lib/api/types';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { useBookingOptions } from './use-booking-options';\n\nexport type BookingType = CreateBookingInput['type'];\n\nexport const BOOKING_TYPES: { value: BookingType; label: string }[] = [\n  { value: 'appointment', label: 'Appointment' },\n  { value: 'class', label: 'Class' },\n  { value: 'table', label: 'Table' },\n  { value: 'room', label: 'Room' },\n  { value: 'event', label: 'Event' },\n  { value: 'resource', label: 'Resource' },\n];\n\nexport const BOOKING_MODES: { value: BookingMode; label: string }[] = [\n  { value: 'scheduled', label: 'Scheduled appointment' },\n  { value: 'check_in', label: 'Check-in' },\n  { value: 'pickup_dropoff', label: 'Pickup / drop-off' },\n  { value: 'reservation', label: 'Reservation' },\n  { value: 'walk_in_staff_created', label: 'Walk-in' },\n];\n\n/**\n * Which field is wrong, keyed the way the form names it.\n *\n * `customerEmail` and `customerPhone` joined the list when the banner came off\n * the top of the form: \"add an email address or a phone number\" printed above a\n * screen of fields does not say WHICH field, and the message now travels with\n * the red edge on the two boxes that can answer it.\n */\nexport type FieldErrors = Partial<\n  Record<\n    'partySize' | 'dropoffDate' | 'date' | 'customerEmail' | 'customerPhone',\n    string\n  >\n>;\n\nexport interface WalkInSuccess {\n  bookingNumber: string;\n}\n\n/**\n * One question a service asks before the appointment.\n *\n * The same `CustomFieldDefinition` a product already carries — allergies for a\n * salon, a reg number for a garage, a consent tick for a clinic, the level for\n * a tutor. `purpose: 'input'` is what marks a field as a question for the\n * customer rather than a fact about the service, and the storefront has\n * honoured that on product pages for a while. Bookings never asked.\n */\nexport interface IntakeField {\n  key: string;\n  label: string;\n  type: 'text' | 'number' | 'select' | 'textarea' | 'url';\n  options?: string[];\n  required?: boolean;\n  placeholder?: string;\n}\n\n/** A bookable catalogue item, flattened to what a create form needs. */\nexport interface BookableService {\n  id: string;\n  title: string;\n  durationMinutes?: number;\n  price?: number;\n  /** Questions this service asks, if any. */\n  intake: IntakeField[];\n}\n\n/**\n * A time and resource the caller already knows, because the user pointed at it.\n * The calendar passes the gap that was clicked so the form does not ask again\n * for the one fact the click already carried.\n */\nexport interface BookingPrefill {\n  date?: string;\n  startTime?: string;\n  endTime?: string;\n  resourceId?: string;\n  contentId?: string;\n  /** Carried over when a past booking is being repeated. */\n  customerName?: string;\n  customerEmail?: string;\n  customerPhone?: string;\n}\n\nexport interface UseBookingFormArgs {\n  /** Handed the booking that was created, so a caller can go to it. */\n  onSaved: (booking: BookingItem) => void;\n  onClose: () => void;\n  initialMode?: BookingMode;\n  initialType?: BookingType;\n  allowedTypes?: BookingType[];\n  allowedModes?: BookingMode[];\n  prefill?: BookingPrefill;\n}\n\n// ─── Helpers ────────────────────────────────────────────────────────────────\n\nfunction getTodayDate(): string {\n  const d = new Date();\n  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;\n}\n\nfunction getNowTime(): string {\n  const d = new Date();\n  return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`;\n}\n\nfunction resolveInitialType(\n  initialType?: BookingType,\n  allowedTypes?: BookingType[],\n): BookingType {\n  if (!allowedTypes?.length) return initialType || 'appointment';\n  if (initialType && allowedTypes.includes(initialType)) return initialType;\n  return allowedTypes[0];\n}\n\nfunction resolveInitialMode(\n  initialMode?: BookingMode,\n  allowedModes?: BookingMode[],\n): BookingMode {\n  if (!allowedModes?.length) return initialMode || 'scheduled';\n  if (initialMode && allowedModes.includes(initialMode)) return initialMode;\n  return allowedModes[0];\n}\n\nfunction buildInitialForm(\n  initialMode?: BookingMode,\n  initialType?: BookingType,\n  allowedTypes?: BookingType[],\n  allowedModes?: BookingMode[],\n  prefill?: BookingPrefill,\n) {\n  const resolvedMode = resolveInitialMode(initialMode, allowedModes);\n  const isWalkIn = resolvedMode === 'walk_in_staff_created';\n  return {\n    type: resolveInitialType(initialType, allowedTypes),\n    bookingMode: resolvedMode,\n    date: prefill?.date ?? (isWalkIn ? getTodayDate() : ''),\n    startTime: prefill?.startTime ?? (isWalkIn ? getNowTime() : ''),\n    endTime: prefill?.endTime ?? '',\n    customerEmail: prefill?.customerEmail ?? '',\n    customerName: prefill?.customerName ?? '',\n    customerPhone: prefill?.customerPhone ?? '',\n    customerNote: '',\n    quantity: 1,\n    autoConfirm: isWalkIn,\n    partySize: 2,\n    dropoffDate: '',\n    /** Bookable resource (e.g. a table) this booking is for. */\n    resourceId: prefill?.resourceId ?? '',\n    /**\n     * What is being sold.\n     *\n     * The form never had this field and never sent it, so every booking made\n     * from the dashboard arrived with no service attached — no service name on\n     * the record, and none of the pricing the API derives from the content.\n     * The storefront has always sent it.\n     */\n    contentId: prefill?.contentId ?? '',\n  };\n}\n\n/**\n * All state + behaviour for BookingForm. Extracted from the component so the\n * JSX stays presentational (and the file stays under the 500-line cap). Also\n * loads bookable resources when the type is \"table\" so the form can attach a\n * real `resourceId` — which is what lets a dine-in tab link back to a table.\n */\nexport function useBookingForm({\n  onSaved,\n  initialMode,\n  initialType,\n  allowedTypes,\n  allowedModes,\n  prefill,\n}: UseBookingFormArgs) {\n  const { tenant } = useAuth();\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState('');\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [walkInSuccess, setWalkInSuccess] = useState<WalkInSuccess | null>(\n    null,\n  );\n  // What there is to book, and who can serve it. See `useBookingOptions`.\n  const { resources, services } = useBookingOptions(tenant?.slug);\n  const [requirements, setRequirements] = useState<\n    BookingResourceRequirement[]\n  >([]);\n  /** Answers to whatever the chosen service asks. Keyed by field key. */\n  const [intakeAnswers, setIntakeAnswers] = useState<Record<string, string>>(\n    {},\n  );\n  /**\n   * Slot grid vs the two time inputs. The grid is the default because it is the\n   * only one that cannot produce a 409, but a walk-in happening right now has a\n   * start time of \"now\" and no slot to match it, so manual stays reachable.\n   */\n  const [manualTime, setManualTime] = useState(\n    () =>\n      resolveInitialMode(initialMode, allowedModes) === 'walk_in_staff_created',\n  );\n\n  const bookingTypeOptions = allowedTypes?.length\n    ? BOOKING_TYPES.filter((o) => allowedTypes.includes(o.value))\n    : BOOKING_TYPES;\n  const bookingModeOptions = allowedModes?.length\n    ? BOOKING_MODES.filter((o) => allowedModes.includes(o.value))\n    : BOOKING_MODES;\n\n  const [form, setForm] = useState(() =>\n    buildInitialForm(\n      initialMode,\n      initialType,\n      allowedTypes,\n      allowedModes,\n      prefill,\n    ),\n  );\n\n  /**\n   * What the chosen service needs, for the chosen day.\n   *\n   * Asked as soon as there is a service and a date, because the answer changes\n   * the form: a requirement whose strategy is `customer-chooses` has to be\n   * picked before the booking can be made, and create-booking enforces that\n   * with a 400. Being told by a rejected submission is a worse way to find out\n   * than being shown the choice.\n   */\n  useEffect(() => {\n    const slug = tenant?.slug;\n    if (!slug || !form.contentId || !form.date) {\n      return;\n    }\n    let cancelled = false;\n    bookingsApi\n      .eligibleResources(slug, {\n        contentId: form.contentId,\n        date: form.date,\n        startTime: form.startTime || undefined,\n        endTime: form.endTime || undefined,\n      })\n      .then((res) => !cancelled && setRequirements(res ?? []))\n      .catch(() => !cancelled && setRequirements([]));\n    return () => {\n      cancelled = true;\n    };\n  }, [tenant?.slug, form.contentId, form.date, form.startTime, form.endTime]);\n\n  const updateField = <K extends keyof typeof form>(\n    key: K,\n    value: (typeof form)[K],\n  ) => {\n    setForm((prev) => ({ ...prev, [key]: value }));\n    if (key in fieldErrors) {\n      setFieldErrors((prev) => {\n        const next = { ...prev };\n        delete next[key as keyof FieldErrors];\n        return next;\n      });\n    }\n  };\n\n  /**\n   * A pressed slot fills date, start and end in one move. The engine generated\n   * this slot from the resource's own schedule, so the resulting booking cannot\n   * collide with an existing one.\n   */\n  const setIntakeAnswer = useCallback((key: string, value: string) => {\n    setIntakeAnswers((prev) => ({ ...prev, [key]: value }));\n  }, []);\n\n  const selectSlot = useCallback((slot: AvailableSlot) => {\n    setForm((prev) => ({\n      ...prev,\n      date: slot.date,\n      startTime: slot.startTime,\n      endTime: slot.endTime,\n    }));\n    setFieldErrors((prev) => {\n      const next = { ...prev };\n      delete next.date;\n      return next;\n    });\n  }, []);\n\n  const handleModeChange = (mode: BookingMode) => {\n    setFieldErrors({});\n    if (mode === 'walk_in_staff_created') {\n      // A walk-in is happening now, so there is no future slot to press.\n      setManualTime(true);\n      setForm((prev) => ({\n        ...prev,\n        bookingMode: mode,\n        date: getTodayDate(),\n        startTime: getNowTime(),\n        autoConfirm: true,\n      }));\n    } else if (mode === 'scheduled') {\n      setForm((prev) => ({ ...prev, bookingMode: mode, autoConfirm: false }));\n    } else if (mode === 'check_in') {\n      setForm((prev) => ({\n        ...prev,\n        bookingMode: mode,\n        date: prev.date || getTodayDate(),\n      }));\n    } else {\n      setForm((prev) => ({ ...prev, bookingMode: mode }));\n    }\n  };\n\n  const selectService = useCallback((contentId: string) => {\n    setForm((prev) => ({\n      ...prev,\n      contentId,\n      resourceId: '',\n      startTime: '',\n      endTime: '',\n    }));\n    setRequirements([]);\n    setIntakeAnswers({});\n    setFieldErrors({});\n  }, []);\n\n  const validateFields = useCallback((): boolean => {\n    const errors: FieldErrors = {};\n    if (form.bookingMode === 'reservation') {\n      if (!form.partySize || form.partySize < 1) {\n        errors.partySize = 'Party size must be at least 1';\n      }\n    }\n    if (form.bookingMode === 'pickup_dropoff') {\n      if (form.dropoffDate && form.date && form.dropoffDate < form.date) {\n        errors.dropoffDate =\n          'Drop-off date must be on or after the pickup date';\n      }\n    }\n    if (form.bookingMode === 'check_in' && !form.date) {\n      setForm((prev) => ({ ...prev, date: getTodayDate() }));\n    }\n    setFieldErrors(errors);\n    return Object.keys(errors).length === 0;\n  }, [form]);\n\n  const resetForNewWalkIn = useCallback(() => {\n    setWalkInSuccess(null);\n    setError('');\n    setFieldErrors({});\n    setForm(\n      buildInitialForm(\n        'walk_in_staff_created',\n        initialType,\n        allowedTypes,\n        allowedModes,\n      ),\n    );\n  }, [initialType, allowedTypes, allowedModes]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!tenant?.slug) return;\n    /**\n     * Say why, rather than doing nothing.\n     *\n     * This was `if (!form.customerEmail || !form.date || !form.type) return;` —\n     * a silent return, so pressing Create with no email simply did nothing at\n     * all. And it demanded an email, which is not how a walk-in arrives: the\n     * API takes either an address or a number.\n     */\n    if (!form.date) {\n      setFieldErrors((prev) => ({ ...prev, date: 'Pick a date.' }));\n      setError('Pick a date.');\n      return;\n    }\n    if (!form.customerEmail && !form.customerPhone) {\n      const message = 'An email address or a phone number.';\n      setFieldErrors((prev) => ({\n        ...prev,\n        customerEmail: message,\n        customerPhone: message,\n      }));\n      setError('Add an email address or a phone number.');\n      return;\n    }\n    /**\n     * A required question with no answer stops the booking here rather than at\n     * the chair. The whole reason a clinic asks before the appointment is that\n     * finding out on the day is too late.\n     */\n    const asked = services.find((s) => s.id === form.contentId)?.intake ?? [];\n    const missing = asked.find(\n      (f) => f.required && !String(intakeAnswers[f.key] ?? '').trim(),\n    );\n    if (missing) {\n      setError(`${missing.label} is needed before this can be booked.`);\n      return;\n    }\n    if (!validateFields()) return;\n\n    setSaving(true);\n    setError('');\n\n    let schedulePayload: Record<string, unknown> | undefined;\n    if (form.bookingMode === 'reservation' && form.partySize > 1) {\n      schedulePayload = { partySize: form.partySize };\n    } else if (form.bookingMode === 'pickup_dropoff' && form.dropoffDate) {\n      schedulePayload = { dropoffDate: form.dropoffDate };\n    }\n\n    const payload = {\n      type: form.type,\n      date: form.date,\n      customerEmail: form.customerEmail || undefined,\n      customerName: form.customerName || undefined,\n      customerPhone: form.customerPhone || undefined,\n      customerNote: form.customerNote || undefined,\n      startTime: form.startTime || undefined,\n      endTime: form.endTime || undefined,\n      quantity: form.quantity > 1 ? form.quantity : undefined,\n      /**\n       * ALWAYS, from this screen.\n       *\n       * Without it the API sets `paymentDeadlineAt` fifteen minutes out and a\n       * scheduler cancels the booking as unpaid — a rule written for the public\n       * checkout endpoint, where an abandoned cart could otherwise hold a slot\n       * forever. A booking a member of staff typed in is already accepted; the\n       * form no longer asks them to confirm their own action, and it must not\n       * quietly arm an expiry on one either.\n       */\n      autoConfirm: true,\n      bookingMode: form.bookingMode,\n      origin: 'dashboard' as const,\n      actorType: 'staff' as const,\n      schedulePayload,\n      resourceId: form.resourceId || undefined,\n      contentId: form.contentId || undefined,\n      // Answers ride in metadata, which CreateBookingDto already accepts, so\n      // asking questions needed no migration on either side.\n      metadata: Object.keys(intakeAnswers).length\n        ? { intake: intakeAnswers }\n        : undefined,\n    };\n\n    try {\n      let result: BookingItem;\n      if (form.bookingMode === 'walk_in_staff_created') {\n        result = await bookingsApi.createWalkIn(tenant.slug, payload);\n        setWalkInSuccess({ bookingNumber: result.bookingNumber });\n        onSaved(result);\n      } else {\n        result = await bookingsApi.create(tenant.slug, payload);\n        onSaved(result);\n      }\n    } catch (err) {\n      setError((err as Error).message || 'Failed to create booking');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return {\n    form,\n    updateField,\n    handleModeChange,\n    selectService,\n    resetForNewWalkIn,\n    handleSubmit,\n    saving,\n    error,\n    /** For the toast that carries it: an error dismissed has to stay dismissed. */\n    clearError: () => setError(''),\n    fieldErrors,\n    walkInSuccess,\n    resources,\n    services,\n    requirements: form.contentId && form.date ? requirements : [],\n    intakeAnswers,\n    setIntakeAnswer,\n    isWalkInMode: form.bookingMode === 'walk_in_staff_created',\n    bookingTypeOptions,\n    bookingModeOptions,\n    selectSlot,\n    manualTime,\n    setManualTime,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/features/use-booking-options.d.ts

@@ -0,0 +1,14 @@
+import type { ResourceItem } from '@withpotter/lib/api/types';
+import type { BookableService } from './use-booking-form';
+/**
+ * What there is to book, and who or what can serve it.
+ *
+ * Split out of `useBookingForm`, which is the form's STATE — fields, modes,
+ * validation, submit — while these two are its OPTIONS: a pair of loads that
+ * depend on nothing but the workspace and change nothing but two lists. The
+ * hook was over the 500-line house limit with them inlined.
+ */
+export declare function useBookingOptions(slug: string | undefined): {
+    resources: ResourceItem[];
+    services: BookableService[];
+};

package/dist/features/use-booking-options.js

@@ -0,0 +1,57 @@
+"use client";
+import { useEffect, useState } from "react";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { resourcesApi } from "@withpotter/lib/api/resources";
+import { asList } from "@withpotter/lib/utils";
+function useBookingOptions(slug) {
+  const [resources, setResources] = useState([]);
+  const [services, setServices] = useState([]);
+  useEffect(() => {
+    if (!slug) return;
+    let cancelled = false;
+    resourcesApi.list(slug).then((res) => {
+      if (!cancelled)
+        setResources(
+          asList(res?.data).filter(
+            (r) => r.status === "active"
+          )
+        );
+    }).catch(() => !cancelled && setResources([]));
+    return () => {
+      cancelled = true;
+    };
+  }, [slug]);
+  useEffect(() => {
+    if (!slug) return;
+    let cancelled = false;
+    inventoryApi.list(slug, { behavior: "bookable", limit: 100 }, { assignedOnly: false }).then((res) => {
+      if (cancelled) return;
+      setServices(
+        asList(res?.items).map((item) => {
+          const bookable = item.behaviors?.bookable ?? {};
+          const legacy = item.data;
+          const fields = Array.isArray(
+            item.data?.customFields
+          ) ? item.data.customFields : [];
+          return {
+            id: item.id,
+            title: item.title,
+            durationMinutes: bookable.durationMinutes ?? legacy?.durationMinutes,
+            price: item.price,
+            intake: fields.filter(
+              (f) => f.purpose === "input" && typeof f.label === "string"
+            )
+          };
+        })
+      );
+    }).catch(() => !cancelled && setServices([]));
+    return () => {
+      cancelled = true;
+    };
+  }, [slug]);
+  return { resources, services };
+}
+export {
+  useBookingOptions
+};
+//# sourceMappingURL=use-booking-options.js.map

package/dist/features/use-booking-options.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/use-booking-options.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { resourcesApi } from '@withpotter/lib/api/resources';\nimport type { ResourceItem } from '@withpotter/lib/api/types';\nimport { asList } from '@withpotter/lib/utils';\nimport type { BookableService, IntakeField } from './use-booking-form';\n\n/**\n * What there is to book, and who or what can serve it.\n *\n * Split out of `useBookingForm`, which is the form's STATE — fields, modes,\n * validation, submit — while these two are its OPTIONS: a pair of loads that\n * depend on nothing but the workspace and change nothing but two lists. The\n * hook was over the 500-line house limit with them inlined.\n */\nexport function useBookingOptions(slug: string | undefined) {\n  const [resources, setResources] = useState<ResourceItem[]>([]);\n  const [services, setServices] = useState<BookableService[]>([]);\n\n  /**\n   * Every active resource in the workspace — NOT filtered by booking type.\n   *\n   * It used to pass the booking's `type` into `resourcesApi.list(slug, type)`,\n   * and those are two different enums sharing one query param name. A booking\n   * is `appointment | class | table | room | event | resource`; `GET\n   * /bookings/resources?type=` validates against a RESOURCE's type — `staff |\n   * room | table | equipment | vehicle | space | other`. So\n   * `?type=appointment` came back 400, the `.catch` turned that into an empty\n   * list, and the form had nothing to book on: no resource to pick, therefore\n   * no availability grid, which needs a resourceId to ask for one.\n   *\n   * It looked like it worked because `table` and `room` are legal in both, so\n   * a restaurant booking a table was fine and an appointment was not. The old\n   * comment said \"of the current booking type (e.g. tables)\" — the confusion,\n   * written down.\n   *\n   * There is no sound mapping to put back: an appointment might need a person,\n   * a room, or both. Narrowing belongs to the requirements endpoint, whose\n   * `eligibleResources` answers \"who can serve THIS service at THIS time\" —\n   * the real question, and one a type cannot answer.\n   */\n  useEffect(() => {\n    if (!slug) return;\n    let cancelled = false;\n    resourcesApi\n      .list(slug)\n      .then((res) => {\n        if (!cancelled)\n          setResources(\n            asList<ResourceItem>(res?.data).filter(\n              (r) => r.status === 'active',\n            ),\n          );\n      })\n      // Still swallowed, because a form with no resources can still take a\n      // walk-in — but this is the catch that hid the 400 above for as long as\n      // it existed, so it is worth knowing it is here.\n      .catch(() => !cancelled && setResources([]));\n    return () => {\n      cancelled = true;\n    };\n  }, [slug]);\n\n  // What this business sells time on. Independent of booking type: a salon's\n  // services and a club's court hire are both content carrying `bookable`.\n  useEffect(() => {\n    if (!slug) return;\n    let cancelled = false;\n    inventoryApi\n      .list(slug, { behavior: 'bookable', limit: 100 }, { assignedOnly: false })\n      .then((res) => {\n        if (cancelled) return;\n        setServices(\n          asList<(typeof res.items)[number]>(res?.items).map((item) => {\n            const bookable = (item.behaviors?.bookable ?? {}) as {\n              durationMinutes?: number;\n            };\n            const legacy = item.data as\n              { durationMinutes?: number } | undefined;\n            const fields = Array.isArray(\n              (item.data as { customFields?: unknown })?.customFields,\n            )\n              ? ((item.data as { customFields: unknown[] })\n                  .customFields as IntakeField[] & { purpose?: string }[])\n              : [];\n            return {\n              id: item.id,\n              title: item.title,\n              durationMinutes:\n                bookable.durationMinutes ?? legacy?.durationMinutes,\n              price: item.price,\n              intake: fields.filter(\n                (f) =>\n                  (f as { purpose?: string }).purpose === 'input' &&\n                  typeof f.label === 'string',\n              ),\n            };\n          }),\n        );\n      })\n      .catch(() => !cancelled && setServices([]));\n    return () => {\n      cancelled = true;\n    };\n  }, [slug]);\n\n  return { resources, services };\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,SAAS,cAAc;AAWhB,SAAS,kBAAkB,MAA0B;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAyB,CAAC,CAAC;AAC7D,QAAM,CAAC,UAAU,WAAW,IAAI,SAA4B,CAAC,CAAC;AAwB9D,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,iBACG,KAAK,IAAI,EACT,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC;AACH;AAAA,UACE,OAAqB,KAAK,IAAI,EAAE;AAAA,YAC9B,CAAC,MAAM,EAAE,WAAW;AAAA,UACtB;AAAA,QACF;AAAA,IACJ,CAAC,EAIA,MAAM,MAAM,CAAC,aAAa,aAAa,CAAC,CAAC,CAAC;AAC7C,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAIT,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,iBACG,KAAK,MAAM,EAAE,UAAU,YAAY,OAAO,IAAI,GAAG,EAAE,cAAc,MAAM,CAAC,EACxE,KAAK,CAAC,QAAQ;AACb,UAAI,UAAW;AACf;AAAA,QACE,OAAmC,KAAK,KAAK,EAAE,IAAI,CAAC,SAAS;AAC3D,gBAAM,WAAY,KAAK,WAAW,YAAY,CAAC;AAG/C,gBAAM,SAAS,KAAK;AAEpB,gBAAM,SAAS,MAAM;AAAA,YAClB,KAAK,MAAqC;AAAA,UAC7C,IACM,KAAK,KACJ,eACH,CAAC;AACL,iBAAO;AAAA,YACL,IAAI,KAAK;AAAA,YACT,OAAO,KAAK;AAAA,YACZ,iBACE,SAAS,mBAAmB,QAAQ;AAAA,YACtC,OAAO,KAAK;AAAA,YACZ,QAAQ,OAAO;AAAA,cACb,CAAC,MACE,EAA2B,YAAY,WACxC,OAAO,EAAE,UAAU;AAAA,YACvB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF,CAAC,EACA,MAAM,MAAM,CAAC,aAAa,YAAY,CAAC,CAAC,CAAC;AAC5C,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SAAO,EAAE,WAAW,SAAS;AAC/B;","names":[]}

package/dist/features/use-collections-data.d.ts

@@ -0,0 +1,34 @@
+import type { InventoryProduct } from '@withpotter/lib/api/types';
+import { type CollectionWithProducts } from './collections-helpers';
+/**
+ * Loads the full set of collections for a tenant. The API's `status` filter
+ * isn't honoured server-side and defaults to active-only (which hid drafts), so
+ * we fetch active + draft explicitly and merge. Both arms page through
+ * (`listAll`) rather than taking the first 200: the caller filters, sorts and
+ * paginates client-side, so anything the fetch drops is gone from the screen
+ * with nothing to say it was ever there.
+ *
+ * ── Two queries, not one effect running three reads ─────────────────────────
+ *
+ * This was `useEffect` + `useState`, and the products read sat INSIDE the
+ * collections `try` — so the page walked every collection, waited, and only
+ * then began walking every product. Two reads that need nothing from each
+ * other, run in series, on the screen's critical path. And with no cache
+ * behind them, every return to the list paid the whole walk again.
+ *
+ * Split in two, they start together and each is cached on its own: the folders
+ * can draw the moment the collections land, and the value column fills in when
+ * the products do. `allProducts` is also what the catalogue reads, so on a
+ * merchant who has just come from the shelf it is already there.
+ *
+ * The tenant is no longer a parameter: `useApiQuery` scopes every key by the
+ * active workspace itself, so passing a slug in was a second source for the
+ * same fact.
+ */
+export declare function useCollectionsData(): {
+    collections: CollectionWithProducts[];
+    allProducts: InventoryProduct[];
+    loading: boolean;
+    error: string | null;
+    refetch: () => Promise<void>;
+};

package/dist/features/use-collections-data.js

@@ -0,0 +1,62 @@
+"use client";
+import { useCallback, useMemo } from "react";
+import { contentApi } from "@withpotter/lib/api/content";
+import { inventoryApi } from "@withpotter/lib/api/inventory";
+import { useApiQuery } from "@withpotter/hooks/use-api-query";
+import { useApiFeatures } from "@withpotter/hooks/use-api-features";
+import { useRegisterRefresh } from "@withpotter/components/mobile/pull-to-refresh-context";
+import {
+  CONTENT_TYPE,
+  toCollectionWithProducts
+} from "./collections-helpers";
+function useCollectionsData() {
+  const {
+    data: collections = EMPTY_COLLECTIONS,
+    isLoading: loadingCollections,
+    error: collectionsError,
+    refetch: refetchCollections
+  } = useApiQuery(
+    ["collections-list"],
+    async (slug) => {
+      const [published, drafts] = await Promise.all([
+        contentApi.listAll(slug, CONTENT_TYPE, { active: true }),
+        contentApi.listAll(slug, CONTENT_TYPE, { active: false })
+      ]);
+      const seen = /* @__PURE__ */ new Set();
+      return [...published, ...drafts].map(toCollectionWithProducts).filter((c) => seen.has(c.id) ? false : (seen.add(c.id), true)).sort(
+        (a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0) || a.title.localeCompare(b.title)
+      );
+    }
+  );
+  const { features } = useApiFeatures();
+  const withDrafts = features.includeDrafts;
+  const { data: allProducts = EMPTY_PRODUCTS, refetch: refetchProducts } = useApiQuery(
+    ["collections-products", withDrafts],
+    // Drafts too: a collection can hold one, and a product missing from this
+    // lookup is treated as unknown — it leaves the folder unpriced and keeps
+    // the collection showing in both the events and the products view.
+    (slug) => inventoryApi.listAll(slug, withDrafts ? { includeDrafts: true } : {}),
+    { retry: false }
+  );
+  const refetch = useCallback(async () => {
+    await Promise.all([refetchCollections(), refetchProducts()]);
+  }, [refetchCollections, refetchProducts]);
+  useRegisterRefresh(refetch);
+  const error = useMemo(
+    () => collectionsError ? collectionsError.message ?? "Failed to load collections" : null,
+    [collectionsError]
+  );
+  return {
+    collections,
+    allProducts,
+    loading: loadingCollections,
+    error,
+    refetch
+  };
+}
+const EMPTY_COLLECTIONS = [];
+const EMPTY_PRODUCTS = [];
+export {
+  useCollectionsData
+};
+//# sourceMappingURL=use-collections-data.js.map

package/dist/features/use-collections-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/use-collections-data.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo } from 'react';\nimport { contentApi } from '@withpotter/lib/api/content';\nimport { inventoryApi } from '@withpotter/lib/api/inventory';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { useApiFeatures } from '@withpotter/hooks/use-api-features';\nimport type { InventoryProduct } from '@withpotter/lib/api/types';\nimport { useRegisterRefresh } from '@withpotter/components/mobile/pull-to-refresh-context';\nimport {\n  CONTENT_TYPE,\n  toCollectionWithProducts,\n  type CollectionWithProducts,\n} from './collections-helpers';\n\n/**\n * Loads the full set of collections for a tenant. The API's `status` filter\n * isn't honoured server-side and defaults to active-only (which hid drafts), so\n * we fetch active + draft explicitly and merge. Both arms page through\n * (`listAll`) rather than taking the first 200: the caller filters, sorts and\n * paginates client-side, so anything the fetch drops is gone from the screen\n * with nothing to say it was ever there.\n *\n * ── Two queries, not one effect running three reads ─────────────────────────\n *\n * This was `useEffect` + `useState`, and the products read sat INSIDE the\n * collections `try` — so the page walked every collection, waited, and only\n * then began walking every product. Two reads that need nothing from each\n * other, run in series, on the screen's critical path. And with no cache\n * behind them, every return to the list paid the whole walk again.\n *\n * Split in two, they start together and each is cached on its own: the folders\n * can draw the moment the collections land, and the value column fills in when\n * the products do. `allProducts` is also what the catalogue reads, so on a\n * merchant who has just come from the shelf it is already there.\n *\n * The tenant is no longer a parameter: `useApiQuery` scopes every key by the\n * active workspace itself, so passing a slug in was a second source for the\n * same fact.\n */\nexport function useCollectionsData() {\n  const {\n    data: collections = EMPTY_COLLECTIONS,\n    isLoading: loadingCollections,\n    error: collectionsError,\n    refetch: refetchCollections,\n  } = useApiQuery<CollectionWithProducts[]>(\n    ['collections-list'],\n    async (slug) => {\n      const [published, drafts] = await Promise.all([\n        contentApi.listAll(slug, CONTENT_TYPE, { active: true }),\n        contentApi.listAll(slug, CONTENT_TYPE, { active: false }),\n      ]);\n      const seen = new Set<string>();\n      return (\n        [...published, ...drafts]\n          .map(toCollectionWithProducts)\n          .filter((c) => (seen.has(c.id) ? false : (seen.add(c.id), true)))\n          // The merchant's order, which is what the list lets them drag into.\n          // Two merged queries arrive in two runs — every published collection,\n          // then every draft — so without this the order on screen was \"whether\n          // it is published\", and dragging a draft above a published one moved\n          // it back the moment the page reloaded.\n          .sort(\n            (a, b) =>\n              (a.sortOrder ?? 0) - (b.sortOrder ?? 0) ||\n              a.title.localeCompare(b.title),\n          )\n      );\n    },\n  );\n\n  /**\n   * The products behind the value column and the folder faces.\n   *\n   * Its own query because it is not required for the list to be a list: a\n   * failure here renders \"—\" per collection rather than an error over the\n   * folders, which is what the old inner try/catch was saying in a place where\n   * it also blocked the render.\n   */\n  const { features } = useApiFeatures();\n  const withDrafts = features.includeDrafts;\n  const { data: allProducts = EMPTY_PRODUCTS, refetch: refetchProducts } =\n    useApiQuery<InventoryProduct[]>(\n      ['collections-products', withDrafts],\n      // Drafts too: a collection can hold one, and a product missing from this\n      // lookup is treated as unknown — it leaves the folder unpriced and keeps\n      // the collection showing in both the events and the products view.\n      (slug) =>\n        inventoryApi.listAll(slug, withDrafts ? { includeDrafts: true } : {}),\n      { retry: false },\n    );\n\n  const refetch = useCallback(async () => {\n    await Promise.all([refetchCollections(), refetchProducts()]);\n  }, [refetchCollections, refetchProducts]);\n\n  useRegisterRefresh(refetch);\n\n  const error = useMemo(\n    () =>\n      collectionsError\n        ? (collectionsError.message ?? 'Failed to load collections')\n        : null,\n    [collectionsError],\n  );\n\n  return {\n    collections,\n    allProducts,\n    loading: loadingCollections,\n    error,\n    refetch,\n  };\n}\n\n/** Stable empties, so a default value is not a new array every render. */\nconst EMPTY_COLLECTIONS: CollectionWithProducts[] = [];\nconst EMPTY_PRODUCTS: InventoryProduct[] = [];\n"],"mappings":";AAEA,SAAS,aAAa,eAAe;AACrC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAE/B,SAAS,0BAA0B;AACnC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AA2BA,SAAS,qBAAqB;AACnC,QAAM;AAAA,IACJ,MAAM,cAAc;AAAA,IACpB,WAAW;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,EACX,IAAI;AAAA,IACF,CAAC,kBAAkB;AAAA,IACnB,OAAO,SAAS;AACd,YAAM,CAAC,WAAW,MAAM,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC5C,WAAW,QAAQ,MAAM,cAAc,EAAE,QAAQ,KAAK,CAAC;AAAA,QACvD,WAAW,QAAQ,MAAM,cAAc,EAAE,QAAQ,MAAM,CAAC;AAAA,MAC1D,CAAC;AACD,YAAM,OAAO,oBAAI,IAAY;AAC7B,aACE,CAAC,GAAG,WAAW,GAAG,MAAM,EACrB,IAAI,wBAAwB,EAC5B,OAAO,CAAC,MAAO,KAAK,IAAI,EAAE,EAAE,IAAI,SAAS,KAAK,IAAI,EAAE,EAAE,GAAG,KAAM,EAM/D;AAAA,QACC,CAAC,GAAG,OACD,EAAE,aAAa,MAAM,EAAE,aAAa,MACrC,EAAE,MAAM,cAAc,EAAE,KAAK;AAAA,MACjC;AAAA,IAEN;AAAA,EACF;AAUA,QAAM,EAAE,SAAS,IAAI,eAAe;AACpC,QAAM,aAAa,SAAS;AAC5B,QAAM,EAAE,MAAM,cAAc,gBAAgB,SAAS,gBAAgB,IACnE;AAAA,IACE,CAAC,wBAAwB,UAAU;AAAA;AAAA;AAAA;AAAA,IAInC,CAAC,SACC,aAAa,QAAQ,MAAM,aAAa,EAAE,eAAe,KAAK,IAAI,CAAC,CAAC;AAAA,IACtE,EAAE,OAAO,MAAM;AAAA,EACjB;AAEF,QAAM,UAAU,YAAY,YAAY;AACtC,UAAM,QAAQ,IAAI,CAAC,mBAAmB,GAAG,gBAAgB,CAAC,CAAC;AAAA,EAC7D,GAAG,CAAC,oBAAoB,eAAe,CAAC;AAExC,qBAAmB,OAAO;AAE1B,QAAM,QAAQ;AAAA,IACZ,MACE,mBACK,iBAAiB,WAAW,+BAC7B;AAAA,IACN,CAAC,gBAAgB;AAAA,EACnB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA;AAAA,EACF;AACF;AAGA,MAAM,oBAA8C,CAAC;AACrD,MAAM,iBAAqC,CAAC;","names":[]}

package/dist/features/use-collections-view.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Which collections list the merchant came from, as a query to carry along.
+ *
+ * Events and products share one list, scoped by `?type=`. Every link that
+ * leaves the list for a collection and every link back has to carry it, or an
+ * event collection's back arrow lands on the products view where it is not
+ * shown — the list the merchant was in simply vanishes.
+ */
+export declare function useCollectionsView(): {
+    query: string;
+    intent: string | null;
+    listHref: string;
+};

package/dist/features/use-collections-view.js

@@ -0,0 +1,13 @@
+"use client";
+import { useSearchParams } from "next/navigation";
+function useCollectionsView() {
+  const params = useSearchParams();
+  const type = params.get("type");
+  const intent = params.get("intent")?.trim() || null;
+  const query = intent ? `?intent=${encodeURIComponent(intent)}` : type === "event" || type === "product" ? `?type=${type}` : "";
+  return { query, intent, listHref: `/dashboard/collections${query}` };
+}
+export {
+  useCollectionsView
+};
+//# sourceMappingURL=use-collections-view.js.map

package/dist/features/use-collections-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/features/use-collections-view.ts"],"sourcesContent":["'use client';\n\nimport { useSearchParams } from 'next/navigation';\n\n/**\n * Which collections list the merchant came from, as a query to carry along.\n *\n * Events and products share one list, scoped by `?type=`. Every link that\n * leaves the list for a collection and every link back has to carry it, or an\n * event collection's back arrow lands on the products view where it is not\n * shown — the list the merchant was in simply vanishes.\n */\nexport function useCollectionsView() {\n  const params = useSearchParams();\n  const type = params.get('type');\n  // The archetype the list is narrowed to, carried the same way. Raw, not\n  // validated: the list and the editor each resolve it against the business's\n  // own archetypes.\n  const intent = params.get('intent')?.trim() || null;\n  const query = intent\n    ? `?intent=${encodeURIComponent(intent)}`\n    : type === 'event' || type === 'product'\n      ? `?type=${type}`\n      : '';\n\n  return { query, intent, listHref: `/dashboard/collections${query}` };\n}\n"],"mappings":";AAEA,SAAS,uBAAuB;AAUzB,SAAS,qBAAqB;AACnC,QAAM,SAAS,gBAAgB;AAC/B,QAAM,OAAO,OAAO,IAAI,MAAM;AAI9B,QAAM,SAAS,OAAO,IAAI,QAAQ,GAAG,KAAK,KAAK;AAC/C,QAAM,QAAQ,SACV,WAAW,mBAAmB,MAAM,CAAC,KACrC,SAAS,WAAW,SAAS,YAC3B,SAAS,IAAI,KACb;AAEN,SAAO,EAAE,OAAO,QAAQ,UAAU,yBAAyB,KAAK,GAAG;AACrE;","names":[]}

package/dist/features/weekly-hours-editor.d.ts

@@ -0,0 +1,26 @@
+import type { DayKey, WeeklyHours } from '@withpotter/hooks/use-hours-data';
+export declare const HOURS_DAYS: {
+    key: DayKey;
+    label: string;
+}[];
+export declare const HOURS_TIMEZONES: {
+    value: string;
+    label: string;
+}[];
+export interface WeeklyHoursEditorProps {
+    hours: WeeklyHours;
+    onDayToggle: (key: DayKey, enabled: boolean) => void;
+    onSlotChange: (key: DayKey, index: number, field: 'start' | 'end', value: string) => void;
+    onAddSlot: (key: DayKey) => void;
+    onRemoveSlot: (key: DayKey, index: number) => void;
+    /** Omitted where the surface has no room for a timezone row. */
+    onTimezoneChange?: (tz: string) => void;
+}
+/**
+ * The seven-day opening-hours editor, without any chrome of its own.
+ *
+ * Shared by Settings (where hours are configuration) and the bookings surface
+ * (where changing them is an act of running the day — staff called in sick, so
+ * you close at four). One implementation so the two never drift.
+ */
+export declare function WeeklyHoursEditor({ hours, onDayToggle, onSlotChange, onAddSlot, onRemoveSlot, onTimezoneChange, }: WeeklyHoursEditorProps): import("react").JSX.Element;