@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/resources/_components/schedule-editor.js

@@ -0,0 +1,244 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { DAY_LABELS } from "@withpotter/lib/resource-types";
+import { TimeField, Checkbox } from "@withpotter/ui-kit";
+function getDefaultSchedule() {
+  const schedule = {};
+  for (let i = 0; i < 7; i++) {
+    schedule[i] = {
+      available: i >= 1 && i <= 5,
+      // Mon-Fri
+      slots: i >= 1 && i <= 5 ? [{ start: "09:00", end: "17:00" }] : []
+    };
+  }
+  return schedule;
+}
+function ScheduleEditor({
+  schedule,
+  onChange,
+  title = "The week it works",
+  layout = "rows"
+}) {
+  const [selectedDay, setSelectedDay] = useState(1);
+  const toggleDay = (dayIndex) => {
+    const day = schedule[dayIndex] ?? { available: false, slots: [] };
+    const newAvailable = !day.available;
+    onChange({
+      ...schedule,
+      [dayIndex]: {
+        available: newAvailable,
+        slots: newAvailable && (!day.slots || day.slots.length === 0) ? [{ start: "09:00", end: "17:00" }] : day.slots ?? []
+      }
+    });
+  };
+  const updateSlot = (dayIndex, slotIndex, field, value) => {
+    const day = schedule[dayIndex];
+    if (!day?.slots) return;
+    const newSlots = [...day.slots];
+    newSlots[slotIndex] = { ...newSlots[slotIndex], [field]: value };
+    onChange({
+      ...schedule,
+      [dayIndex]: { ...day, slots: newSlots }
+    });
+  };
+  const addSlot = (dayIndex) => {
+    const day = schedule[dayIndex];
+    if (!day) return;
+    const slots = day.slots ?? [];
+    const lastSlot = slots[slots.length - 1];
+    const newStart = lastSlot ? lastSlot.end : "09:00";
+    onChange({
+      ...schedule,
+      [dayIndex]: {
+        ...day,
+        slots: [...slots, { start: newStart, end: "17:00" }]
+      }
+    });
+  };
+  const removeSlot = (dayIndex, slotIndex) => {
+    const day = schedule[dayIndex];
+    if (!day?.slots) return;
+    const newSlots = day.slots.filter((_, i) => i !== slotIndex);
+    onChange({
+      ...schedule,
+      [dayIndex]: {
+        ...day,
+        available: newSlots.length > 0,
+        slots: newSlots
+      }
+    });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    title && /* @__PURE__ */ jsx("p", { className: "mb-2 block text-sm font-medium text-[var(--text-primary)]", children: title }),
+    layout === "week-grid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2 sm:grid-cols-7", children: DAY_LABELS.map((dayLabel, dayIndex) => {
+        const day = schedule[dayIndex] ?? {
+          available: false,
+          slots: []
+        };
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-pressed": selectedDay === dayIndex,
+            onClick: () => setSelectedDay(dayIndex),
+            className: `min-h-16 rounded-lg border p-2 text-left transition-colors ${selectedDay === dayIndex ? "border-brand-500 bg-[var(--accent-secondary)]" : "border-[var(--border-default)] bg-[var(--bg-base)]"}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `block text-xs font-medium ${selectedDay === dayIndex ? "text-[var(--accent-secondary-ink)]" : "text-[var(--text-primary)]"}`,
+                  children: dayLabel.slice(0, 3)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: `mt-2 block text-xs ${day.available ? "text-[var(--accent-secondary-ink)]" : "text-[var(--text-muted)]"}`,
+                  children: day.available ? "Open" : "Off"
+                }
+              )
+            ]
+          },
+          dayIndex
+        );
+      }) }),
+      (() => {
+        const dayIndex = selectedDay;
+        const dayLabel = DAY_LABELS[dayIndex];
+        const day = schedule[dayIndex] ?? {
+          available: false,
+          slots: []
+        };
+        return /* @__PURE__ */ jsxs("div", { className: "surface-inset !border-brand-500/40 p-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: dayLabel }),
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: day.available,
+                onChange: () => toggleDay(dayIndex),
+                label: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: day.available ? "Open" : "Off" })
+              }
+            )
+          ] }),
+          day.available ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            (day.slots ?? []).map((slot, slotIndex) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                TimeField,
+                {
+                  value: slot.start,
+                  onChange: (value) => updateSlot(dayIndex, slotIndex, "start", value)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-primary)]", children: "to" }),
+              /* @__PURE__ */ jsx(
+                TimeField,
+                {
+                  value: slot.end,
+                  onChange: (value) => updateSlot(dayIndex, slotIndex, "end", value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `Remove ${dayLabel} time slot`,
+                  onClick: () => removeSlot(dayIndex, slotIndex),
+                  className: "cursor-pointer p-1 text-[var(--text-muted)] hover:text-[var(--error)]",
+                  children: /* @__PURE__ */ jsx(Trash2, {})
+                }
+              )
+            ] }, slotIndex)),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => addSlot(dayIndex),
+                className: "flex cursor-pointer items-center gap-1 text-xs text-[var(--accent-secondary-ink)] hover:text-[var(--text-primary)]",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, {}),
+                  "Add time slot"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: "Customers cannot book this day." })
+        ] });
+      })()
+    ] }) : DAY_LABELS.map((dayLabel, dayIndex) => {
+      const day = schedule[dayIndex] ?? { available: false, slots: [] };
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `flex items-start gap-3 p-3 rounded-md border transition-colors ${day.available ? "border-[var(--border-default)] bg-[var(--bg-base)]" : "border-[var(--border-default)] bg-[var(--bg-subtle)]"}`,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "min-w-[100px] pt-2", children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                checked: day.available,
+                onChange: () => toggleDay(dayIndex),
+                label: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: `text-sm font-medium ${day.available ? "text-[var(--text-primary)]" : "text-[var(--text-muted)]"}`,
+                    children: dayLabel
+                  }
+                )
+              }
+            ) }),
+            day.available && /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+              (day.slots ?? []).map((slot, slotIndex) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  TimeField,
+                  {
+                    value: slot.start,
+                    onChange: (value) => updateSlot(dayIndex, slotIndex, "start", value)
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: "to" }),
+                /* @__PURE__ */ jsx(
+                  TimeField,
+                  {
+                    value: slot.end,
+                    onChange: (value) => updateSlot(dayIndex, slotIndex, "end", value)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    "aria-label": "Delete",
+                    type: "button",
+                    onClick: () => removeSlot(dayIndex, slotIndex),
+                    className: "p-1 text-[var(--text-muted)] hover:text-[var(--error)] cursor-pointer",
+                    children: /* @__PURE__ */ jsx(Trash2, {})
+                  }
+                )
+              ] }, slotIndex)),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => addSlot(dayIndex),
+                  className: "flex items-center gap-1 text-xs text-brand-500 hover:text-brand-600 cursor-pointer",
+                  children: [
+                    /* @__PURE__ */ jsx(Plus, {}),
+                    "Add time slot"
+                  ]
+                }
+              )
+            ] }),
+            !day.available && /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-muted)] pt-2", children: "Off" })
+          ]
+        },
+        dayIndex
+      );
+    })
+  ] });
+}
+export {
+  ScheduleEditor,
+  getDefaultSchedule
+};
+//# sourceMappingURL=schedule-editor.js.map

package/dist/dashboard/(bookings)/resources/_components/schedule-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/schedule-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Plus, Trash2 } from 'lucide-react';\nimport { useState } from 'react';\nimport type { WeeklySchedule, ScheduleSlot } from '@withpotter/lib/resource-types';\nimport { DAY_LABELS } from '@withpotter/lib/resource-types';\nimport { TimeField, Checkbox } from '@withpotter/ui-kit';\n\n// ─── Props ───────────────────────────────────────────────────────────────────\n\ninterface ScheduleEditorProps {\n  schedule: WeeklySchedule;\n  onChange: (schedule: WeeklySchedule) => void;\n  /** Null when the surface around it already names the section. */\n  title?: string | null;\n  layout?: 'rows' | 'week-grid';\n}\n\n// ─── Default Schedule ────────────────────────────────────────────────────────\n\nexport function getDefaultSchedule(): WeeklySchedule {\n  const schedule: WeeklySchedule = {};\n  for (let i = 0; i < 7; i++) {\n    schedule[i] = {\n      available: i >= 1 && i <= 5, // Mon-Fri\n      slots: i >= 1 && i <= 5 ? [{ start: '09:00', end: '17:00' }] : [],\n    };\n  }\n  return schedule;\n}\n\n// ─── Component ───────────────────────────────────────────────────────────────\n\nexport function ScheduleEditor({\n  schedule,\n  onChange,\n  title = 'The week it works',\n  layout = 'rows',\n}: ScheduleEditorProps) {\n  const [selectedDay, setSelectedDay] = useState(1);\n  const toggleDay = (dayIndex: number) => {\n    const day = schedule[dayIndex] ?? { available: false, slots: [] };\n    const newAvailable = !day.available;\n    onChange({\n      ...schedule,\n      [dayIndex]: {\n        available: newAvailable,\n        slots:\n          newAvailable && (!day.slots || day.slots.length === 0)\n            ? [{ start: '09:00', end: '17:00' }]\n            : (day.slots ?? []),\n      },\n    });\n  };\n\n  const updateSlot = (\n    dayIndex: number,\n    slotIndex: number,\n    field: keyof ScheduleSlot,\n    value: string,\n  ) => {\n    const day = schedule[dayIndex];\n    if (!day?.slots) return;\n    const newSlots = [...day.slots];\n    newSlots[slotIndex] = { ...newSlots[slotIndex], [field]: value };\n    onChange({\n      ...schedule,\n      [dayIndex]: { ...day, slots: newSlots },\n    });\n  };\n\n  const addSlot = (dayIndex: number) => {\n    const day = schedule[dayIndex];\n    if (!day) return;\n    const slots = day.slots ?? [];\n    const lastSlot = slots[slots.length - 1];\n    const newStart = lastSlot ? lastSlot.end : '09:00';\n    onChange({\n      ...schedule,\n      [dayIndex]: {\n        ...day,\n        slots: [...slots, { start: newStart, end: '17:00' }],\n      },\n    });\n  };\n\n  const removeSlot = (dayIndex: number, slotIndex: number) => {\n    const day = schedule[dayIndex];\n    if (!day?.slots) return;\n    const newSlots = day.slots.filter((_, i) => i !== slotIndex);\n    onChange({\n      ...schedule,\n      [dayIndex]: {\n        ...day,\n        available: newSlots.length > 0,\n        slots: newSlots,\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-2\">\n      {/* Null where the section around it already carries the name: a heading\n          that ships under another heading saying the same thing is the\n          \"section heading ships alone\" rule, twice over. */}\n      {title && (\n        <p className=\"mb-2 block text-sm font-medium text-[var(--text-primary)]\">\n          {title}\n        </p>\n      )}\n\n      {layout === 'week-grid' ? (\n        <>\n          <div className=\"grid grid-cols-4 gap-2 sm:grid-cols-7\">\n            {DAY_LABELS.map((dayLabel, dayIndex) => {\n              const day = schedule[dayIndex] ?? {\n                available: false,\n                slots: [],\n              };\n              return (\n                <button\n                  key={dayIndex}\n                  type=\"button\"\n                  aria-pressed={selectedDay === dayIndex}\n                  onClick={() => setSelectedDay(dayIndex)}\n                  className={`min-h-16 rounded-lg border p-2 text-left transition-colors ${\n                    selectedDay === dayIndex\n                      ? 'border-brand-500 bg-[var(--accent-secondary)]'\n                      : 'border-[var(--border-default)] bg-[var(--bg-base)]'\n                  }`}\n                >\n                  <span\n                    className={`block text-xs font-medium ${\n                      selectedDay === dayIndex\n                        ? 'text-[var(--accent-secondary-ink)]'\n                        : 'text-[var(--text-primary)]'\n                    }`}\n                  >\n                    {dayLabel.slice(0, 3)}\n                  </span>\n                  <span\n                    className={`mt-2 block text-xs ${\n                      day.available\n                        ? 'text-[var(--accent-secondary-ink)]'\n                        : 'text-[var(--text-muted)]'\n                    }`}\n                  >\n                    {day.available ? 'Open' : 'Off'}\n                  </span>\n                </button>\n              );\n            })}\n          </div>\n          {(() => {\n            const dayIndex = selectedDay;\n            const dayLabel = DAY_LABELS[dayIndex];\n            const day = schedule[dayIndex] ?? {\n              available: false,\n              slots: [],\n            };\n            return (\n              <div className=\"surface-inset !border-brand-500/40 p-3\">\n                <div className=\"mb-3 flex items-center justify-between\">\n                  <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    {dayLabel}\n                  </span>\n                  <Checkbox\n                    checked={day.available}\n                    onChange={() => toggleDay(dayIndex)}\n                    label={\n                      <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                        {day.available ? 'Open' : 'Off'}\n                      </span>\n                    }\n                  />\n                </div>\n                {day.available ? (\n                  <div className=\"space-y-2\">\n                    {(day.slots ?? []).map((slot, slotIndex) => (\n                      <div key={slotIndex} className=\"flex items-center gap-2\">\n                        <TimeField\n                          value={slot.start}\n                          onChange={(value) =>\n                            updateSlot(dayIndex, slotIndex, 'start', value)\n                          }\n                        />\n                        <span className=\"text-sm text-[var(--text-primary)]\">\n                          to\n                        </span>\n                        <TimeField\n                          value={slot.end}\n                          onChange={(value) =>\n                            updateSlot(dayIndex, slotIndex, 'end', value)\n                          }\n                        />\n                        <button\n                          type=\"button\"\n                          aria-label={`Remove ${dayLabel} time slot`}\n                          onClick={() => removeSlot(dayIndex, slotIndex)}\n                          className=\"cursor-pointer p-1 text-[var(--text-muted)] hover:text-[var(--error)]\"\n                        >\n                          <Trash2 />\n                        </button>\n                      </div>\n                    ))}\n                    <button\n                      type=\"button\"\n                      onClick={() => addSlot(dayIndex)}\n                      className=\"flex cursor-pointer items-center gap-1 text-xs text-[var(--accent-secondary-ink)] hover:text-[var(--text-primary)]\"\n                    >\n                      <Plus />\n                      Add time slot\n                    </button>\n                  </div>\n                ) : (\n                  <p className=\"text-xs text-[var(--text-muted)]\">\n                    Customers cannot book this day.\n                  </p>\n                )}\n              </div>\n            );\n          })()}\n        </>\n      ) : (\n        DAY_LABELS.map((dayLabel, dayIndex) => {\n          const day = schedule[dayIndex] ?? { available: false, slots: [] };\n\n          return (\n            <div\n              key={dayIndex}\n              className={`flex items-start gap-3 p-3 rounded-md border transition-colors ${\n                day.available\n                  ? 'border-[var(--border-default)] bg-[var(--bg-base)]'\n                  : 'border-[var(--border-default)] bg-[var(--bg-subtle)]'\n              }`}\n            >\n              {/* Day toggle */}\n              {/* The wrapper keeps the column width and top offset the row is\n                laid out against; Checkbox owns everything inside it. */}\n              <div className=\"min-w-[100px] pt-2\">\n                <Checkbox\n                  checked={day.available}\n                  onChange={() => toggleDay(dayIndex)}\n                  label={\n                    <span\n                      className={`text-sm font-medium ${\n                        day.available\n                          ? 'text-[var(--text-primary)]'\n                          : 'text-[var(--text-muted)]'\n                      }`}\n                    >\n                      {dayLabel}\n                    </span>\n                  }\n                />\n              </div>\n\n              {/* Slots */}\n              {day.available && (\n                <div className=\"flex-1 space-y-2\">\n                  {(day.slots ?? []).map((slot, slotIndex) => (\n                    <div key={slotIndex} className=\"flex items-center gap-2\">\n                      <TimeField\n                        value={slot.start}\n                        onChange={(value) =>\n                          updateSlot(dayIndex, slotIndex, 'start', value)\n                        }\n                      />\n                      <span className=\"text-sm text-[var(--text-tertiary)]\">\n                        to\n                      </span>\n                      <TimeField\n                        value={slot.end}\n                        onChange={(value) =>\n                          updateSlot(dayIndex, slotIndex, 'end', value)\n                        }\n                      />\n                      <button\n                        aria-label=\"Delete\"\n                        type=\"button\"\n                        onClick={() => removeSlot(dayIndex, slotIndex)}\n                        className=\"p-1 text-[var(--text-muted)] hover:text-[var(--error)] cursor-pointer\"\n                      >\n                        <Trash2 />\n                      </button>\n                    </div>\n                  ))}\n                  <button\n                    type=\"button\"\n                    onClick={() => addSlot(dayIndex)}\n                    className=\"flex items-center gap-1 text-xs text-brand-500 hover:text-brand-600 cursor-pointer\"\n                  >\n                    <Plus />\n                    Add time slot\n                  </button>\n                </div>\n              )}\n\n              {/* Off indicator */}\n              {!day.available && (\n                <span className=\"text-sm text-[var(--text-muted)] pt-2\">\n                  Off\n                </span>\n              )}\n            </div>\n          );\n        })\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/resources/_components/schedule-timezone-field.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Select } from "@withpotter/ui-kit";
+import { timezoneOptions } from "../_lib/schedule-timezone";
+function ScheduleTimezoneField({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "text-ink mb-1 block text-sm font-medium", children: "Those hours are in" }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        value,
+        onChange,
+        options: timezoneOptions(value)
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-ink-subtle mt-1 text-xs", children: "Every time you offer is read against this clock." })
+  ] });
+}
+export {
+  ScheduleTimezoneField
+};
+//# sourceMappingURL=schedule-timezone-field.js.map

package/dist/dashboard/(bookings)/resources/_components/schedule-timezone-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/schedule-timezone-field.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from '@withpotter/ui-kit';\nimport { timezoneOptions } from '../_lib/schedule-timezone';\n\n/**\n * The clock the week above is written against.\n *\n * Sits with the schedule because it is the schedule's other half: \"09:00 to\n * 17:00\" is not a time until you say where.\n */\nexport function ScheduleTimezoneField({\n  value,\n  onChange,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  return (\n    <div>\n      <label className=\"text-ink mb-1 block text-sm font-medium\">\n        Those hours are in\n      </label>\n      <Select\n        value={value}\n        onChange={onChange}\n        options={timezoneOptions(value)}\n      />\n      <p className=\"text-ink-subtle mt-1 text-xs\">\n        Every time you offer is read against this clock.\n      </p>\n    </div>\n  );\n}\n"],"mappings":";AAmBI,SACE,KADF;AAjBJ,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAQzB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SACC;AAAA,wBAAC,WAAM,WAAU,2CAA0C,gCAE3D;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS,gBAAgB,KAAK;AAAA;AAAA,IAChC;AAAA,IACA,oBAAC,OAAE,WAAU,gCAA+B,8DAE5C;AAAA,KACF;AAEJ;","names":[]}

package/dist/dashboard/(bookings)/resources/_components/solo-schedule-view.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useRef } from "react";
+import { Save, Loader2, UserPlus } from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { resourcesApi } from "@withpotter/lib/api";
+import {
+  ScheduleEditor,
+  getDefaultSchedule
+} from "@withpotter/components/resource-scheduling/schedule-editor";
+function SoloScheduleView({ onAddTeamMember }) {
+  const { tenant, user } = useAuth();
+  const [resource, setResource] = useState(null);
+  const [schedule, setSchedule] = useState(getDefaultSchedule());
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [saved, setSaved] = useState(false);
+  const [error, setError] = useState(null);
+  const initRef = useRef(false);
+  const slug = tenant?.slug ?? "";
+  const loadOrCreateSoloResource = useCallback(async () => {
+    if (!slug) return;
+    if (initRef.current) return;
+    initRef.current = true;
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await resourcesApi.listFull(slug, { type: "staff" });
+      const resources = res?.data ?? [];
+      const soloResource = resources.find((r) => !r.categoryId);
+      if (soloResource) {
+        setResource(soloResource);
+        if (soloResource.schedule) {
+          setSchedule(soloResource.schedule);
+        }
+      } else {
+        const created = await resourcesApi.create(slug, {
+          type: "staff",
+          name: user?.name || tenant?.businessName || "Provider",
+          schedule: getDefaultSchedule(),
+          defaultDurationMinutes: 60,
+          bufferMinutes: 15,
+          advanceBookingDays: 30
+        });
+        setResource(created);
+        if (created.schedule) {
+          setSchedule(created.schedule);
+        }
+      }
+    } catch {
+      setError("Failed to load schedule. Please try again.");
+      initRef.current = false;
+    } finally {
+      setLoading(false);
+    }
+  }, [slug, user?.name, tenant?.businessName]);
+  useEffect(() => {
+    loadOrCreateSoloResource();
+  }, [loadOrCreateSoloResource]);
+  const handleSave = async () => {
+    if (!resource || !slug) return;
+    setSaving(true);
+    setSaved(false);
+    try {
+      await resourcesApi.updateSchedule(slug, resource.id, schedule);
+      setSaved(true);
+      setTimeout(() => setSaved(false), 2e3);
+    } catch {
+      setError("Failed to save schedule. Please try again.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-64", children: /* @__PURE__ */ jsx(Loader2, { className: "w-6 h-6 animate-spin text-[var(--text-muted)]" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: onAddTeamMember,
+          className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-secondary)] border border-[var(--border-default)] rounded-md hover:bg-[var(--interactive-hover)] cursor-pointer transition-colors",
+          children: [
+            /* @__PURE__ */ jsx(UserPlus, { className: "w-4 h-4" }),
+            "Add team member"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: handleSave,
+          disabled: saving,
+          className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-inverse)] bg-brand-500 rounded-md hover:bg-brand-600 cursor-pointer transition-colors disabled:opacity-50",
+          children: [
+            saving ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx(Save, { className: "w-4 h-4" }),
+            saved ? "Saved" : saving ? "Saving..." : "Save Schedule"
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-sm text-[var(--error)] bg-[var(--error-bg)] border border-[var(--error)]/20 rounded-md", children: error }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[var(--bg-base)] border border-[var(--border-default)] rounded-md p-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 mb-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-[var(--accent-secondary)] flex items-center justify-center text-lg font-medium text-brand-600", children: resource?.name?.charAt(0)?.toUpperCase() || "?" }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-medium text-[var(--text-primary)]", children: resource?.name || "Provider" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)]", children: "You\u2019re the only provider \u2014 customers book directly with you" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 mb-6", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: "Default duration" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm text-[var(--text-primary)]", children: [
+            resource?.defaultDurationMinutes || 60,
+            " min"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: "Buffer between bookings" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm text-[var(--text-primary)]", children: [
+            resource?.bufferMinutes || 15,
+            " min"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: "Advance booking" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm text-[var(--text-primary)]", children: [
+            "Up to ",
+            resource?.advanceBookingDays || 30,
+            " days"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "border-t border-[var(--border-subtle)] pt-6", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-[var(--text-primary)] mb-4", children: "Working hours" }),
+        /* @__PURE__ */ jsx(ScheduleEditor, { schedule, onChange: setSchedule })
+      ] })
+    ] })
+  ] });
+}
+export {
+  SoloScheduleView
+};
+//# sourceMappingURL=solo-schedule-view.js.map

package/dist/dashboard/(bookings)/resources/_components/solo-schedule-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/solo-schedule-view.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect, useCallback, useRef } from 'react';\nimport { Save, Loader2, UserPlus } from 'lucide-react';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { resourcesApi } from '@withpotter/lib/api';\nimport type { Resource, WeeklySchedule } from '@withpotter/lib/resource-types';\nimport {\n  ScheduleEditor,\n  getDefaultSchedule,\n} from '@withpotter/components/resource-scheduling/schedule-editor';\n\ninterface SoloScheduleViewProps {\n  onAddTeamMember: () => void;\n}\n\nexport function SoloScheduleView({ onAddTeamMember }: SoloScheduleViewProps) {\n  const { tenant, user } = useAuth();\n  const [resource, setResource] = useState<Resource | null>(null);\n  const [schedule, setSchedule] =\n    useState<WeeklySchedule>(getDefaultSchedule());\n  const [loading, setLoading] = useState(true);\n  const [saving, setSaving] = useState(false);\n  const [saved, setSaved] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // Guard against concurrent/duplicate creation (React StrictMode fires effects twice)\n  const initRef = useRef(false);\n\n  const slug = tenant?.slug ?? '';\n\n  // Load or auto-create the solo provider resource\n  const loadOrCreateSoloResource = useCallback(async () => {\n    if (!slug) return;\n    // Prevent concurrent calls from creating duplicates\n    if (initRef.current) return;\n    initRef.current = true;\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const res = await resourcesApi.listFull(slug, { type: 'staff' });\n      const resources = res?.data ?? [];\n      const soloResource = resources.find((r) => !r.categoryId);\n\n      if (soloResource) {\n        setResource(soloResource);\n        if (soloResource.schedule) {\n          setSchedule(soloResource.schedule);\n        }\n      } else {\n        const created = await resourcesApi.create(slug, {\n          type: 'staff',\n          name: user?.name || tenant?.businessName || 'Provider',\n          schedule: getDefaultSchedule(),\n          defaultDurationMinutes: 60,\n          bufferMinutes: 15,\n          advanceBookingDays: 30,\n        });\n        setResource(created);\n        if (created.schedule) {\n          setSchedule(created.schedule);\n        }\n      }\n    } catch {\n      setError('Failed to load schedule. Please try again.');\n      // Allow retry on error\n      initRef.current = false;\n    } finally {\n      setLoading(false);\n    }\n  }, [slug, user?.name, tenant?.businessName]);\n\n  useEffect(() => {\n    loadOrCreateSoloResource();\n  }, [loadOrCreateSoloResource]);\n\n  const handleSave = async () => {\n    if (!resource || !slug) return;\n    setSaving(true);\n    setSaved(false);\n    try {\n      await resourcesApi.updateSchedule(slug, resource.id, schedule);\n      setSaved(true);\n      setTimeout(() => setSaved(false), 2000);\n    } catch {\n      setError('Failed to save schedule. Please try again.');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center h-64\">\n        <Loader2 className=\"w-6 h-6 animate-spin text-[var(--text-muted)]\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Actions */}\n      <div className=\"flex items-center justify-end gap-3\">\n        <button\n          onClick={onAddTeamMember}\n          className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-secondary)] border border-[var(--border-default)] rounded-md hover:bg-[var(--interactive-hover)] cursor-pointer transition-colors\"\n        >\n          <UserPlus className=\"w-4 h-4\" />\n          Add team member\n        </button>\n        <button\n          onClick={handleSave}\n          disabled={saving}\n          className=\"flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-inverse)] bg-brand-500 rounded-md hover:bg-brand-600 cursor-pointer transition-colors disabled:opacity-50\"\n        >\n          {saving ? (\n            <Loader2 className=\"w-4 h-4 animate-spin\" />\n          ) : (\n            <Save className=\"w-4 h-4\" />\n          )}\n          {saved ? 'Saved' : saving ? 'Saving...' : 'Save Schedule'}\n        </button>\n      </div>\n\n      {error && (\n        <div className=\"px-4 py-3 text-sm text-[var(--error)] bg-[var(--error-bg)] border border-[var(--error)]/20 rounded-md\">\n          {error}\n        </div>\n      )}\n\n      {/* Provider Card */}\n      <div className=\"bg-[var(--bg-base)] border border-[var(--border-default)] rounded-md p-6\">\n        <div className=\"flex items-center gap-4 mb-6\">\n          <div className=\"w-12 h-12 rounded-full bg-[var(--accent-secondary)] flex items-center justify-center text-lg font-medium text-brand-600\">\n            {resource?.name?.charAt(0)?.toUpperCase() || '?'}\n          </div>\n          <div>\n            <h2 className=\"text-base font-medium text-[var(--text-primary)]\">\n              {resource?.name || 'Provider'}\n            </h2>\n            <p className=\"text-sm text-[var(--text-secondary)]\">\n              You&rsquo;re the only provider &mdash; customers book directly\n              with you\n            </p>\n          </div>\n        </div>\n\n        {/* Booking defaults */}\n        <div className=\"grid grid-cols-3 gap-4 mb-6\">\n          <div>\n            <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">\n              Default duration\n            </label>\n            <div className=\"text-sm text-[var(--text-primary)]\">\n              {resource?.defaultDurationMinutes || 60} min\n            </div>\n          </div>\n          <div>\n            <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">\n              Buffer between bookings\n            </label>\n            <div className=\"text-sm text-[var(--text-primary)]\">\n              {resource?.bufferMinutes || 15} min\n            </div>\n          </div>\n          <div>\n            <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">\n              Advance booking\n            </label>\n            <div className=\"text-sm text-[var(--text-primary)]\">\n              Up to {resource?.advanceBookingDays || 30} days\n            </div>\n          </div>\n        </div>\n\n        <div className=\"border-t border-[var(--border-subtle)] pt-6\">\n          <h3 className=\"text-sm font-medium text-[var(--text-primary)] mb-4\">\n            Working hours\n          </h3>\n          <ScheduleEditor schedule={schedule} onChange={setSchedule} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/dashboard/(bookings)/resources/_components/team-onboarding-dialog.js

@@ -0,0 +1,161 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { X, Users, Loader2, ArrowRight } from "lucide-react";
+import { KIND_OPTIONS } from "@withpotter/lib/resource-types";
+function TeamOnboardingDialog({
+  open,
+  onClose,
+  onComplete
+}) {
+  const [step, setStep] = useState("intro");
+  const [kind, setKind] = useState("person");
+  const [label, setLabel] = useState("");
+  const [labelPlural, setLabelPlural] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const handleLabelChange = (value) => {
+    setLabel(value);
+    if (!labelPlural || labelPlural === label + "s" || labelPlural === label + "es") {
+      setLabelPlural(
+        value.endsWith("s") || value.endsWith("sh") || value.endsWith("ch") ? value + "es" : value + "s"
+      );
+    }
+  };
+  const handleComplete = async () => {
+    if (!label.trim()) return;
+    setSaving(true);
+    setError(null);
+    try {
+      const kindOption = KIND_OPTIONS.find((k) => k.value === kind);
+      await onComplete({
+        label: label.trim(),
+        labelPlural: labelPlural.trim() || label.trim() + "s",
+        kind,
+        icon: kindOption?.emoji || "\u{1F464}"
+      });
+    } catch {
+      setError("Something went wrong. Please try again.");
+      setSaving(false);
+    }
+  };
+  const reset = () => {
+    setStep("intro");
+    setKind("person");
+    setLabel("");
+    setLabelPlural("");
+    setSaving(false);
+    setError(null);
+  };
+  const handleClose = () => {
+    reset();
+    onClose();
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-black/40", onClick: handleClose }),
+    /* @__PURE__ */ jsxs("div", { className: "relative bg-[var(--bg-base)] rounded-md shadow-xl w-full max-w-lg mx-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-[var(--border-default)]", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-[var(--text-primary)]", children: step === "intro" ? "Growing your team?" : "Set up your team" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": "Close",
+            onClick: handleClose,
+            className: "p-1 text-[var(--text-tertiary)] hover:text-[var(--text-primary)] cursor-pointer",
+            children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "px-6 py-5", children: step === "intro" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-16 h-16 mx-auto rounded-full bg-[var(--accent-secondary)]", children: /* @__PURE__ */ jsx(Users, { className: "w-8 h-8 text-brand-500" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "text-center space-y-2", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)] leading-relaxed", children: "Right now, customers book directly with you. Adding team members lets you organize providers into groups (e.g. \u201CStylists\u201D, \u201CTherapists\u201D) with individual schedules." }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-secondary)] leading-relaxed", children: "Your existing schedule and bookings will be preserved \u2014 you\u2019ll just be organizing them under a team." })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-primary)] mb-2", children: "What type of team?" }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: KIND_OPTIONS.map((option) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setKind(option.value),
+              className: `flex items-center gap-3 p-3 rounded-md border text-left cursor-pointer transition-colors ${kind === option.value ? "border-brand-500 bg-[var(--accent-secondary)] text-brand-700" : "border-[var(--border-default)] hover:bg-[var(--interactive-hover)] text-[var(--text-secondary)]"}`,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xl", children: option.emoji }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-medium", children: option.label }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-[var(--text-tertiary)]", children: option.description })
+                ] })
+              ]
+            },
+            option.value
+          )) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-primary)] mb-1.5", children: "What do you call them?" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mb-2", children: "e.g. \u201CStylist\u201D / \u201CStylists\u201D, \u201CRoom\u201D / \u201CRooms\u201D" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: label,
+                onChange: (e) => handleLabelChange(e.target.value),
+                placeholder: "Singular (e.g. Stylist)",
+                className: "w-full px-3 py-2 text-sm border border-[var(--border-default)] rounded-md bg-[var(--bg-base)] text-[var(--text-primary)] placeholder:text-[var(--text-muted)] focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: labelPlural,
+                onChange: (e) => setLabelPlural(e.target.value),
+                placeholder: "Plural (e.g. Stylists)",
+                className: "w-full px-3 py-2 text-sm border border-[var(--border-default)] rounded-md bg-[var(--bg-base)] text-[var(--text-primary)] placeholder:text-[var(--text-muted)] focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500"
+              }
+            )
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--error)]", children: error })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-[var(--border-default)]", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleClose,
+            className: "px-4 py-2 text-sm font-medium text-[var(--text-secondary)] hover:text-[var(--text-primary)] cursor-pointer",
+            children: "Cancel"
+          }
+        ),
+        step === "intro" ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setStep("setup"),
+            className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-inverse)] bg-brand-500 rounded-md hover:bg-brand-600 cursor-pointer transition-colors",
+            children: [
+              "Let\u2019s set it up",
+              /* @__PURE__ */ jsx(ArrowRight, { className: "w-4 h-4" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleComplete,
+            disabled: !label.trim() || saving,
+            className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-[var(--text-inverse)] bg-brand-500 rounded-md hover:bg-brand-600 cursor-pointer transition-colors disabled:opacity-50",
+            children: [
+              saving ? /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin" }) : null,
+              saving ? "Setting up..." : "Create Team"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  TeamOnboardingDialog
+};
+//# sourceMappingURL=team-onboarding-dialog.js.map