@withpotter/pages-bookings 0.13.0-next.101

package/dist/dashboard/(bookings)/resources/_components/mobile-category-form-sheet.js

@@ -0,0 +1,256 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { BottomSheet } from "@withpotter/components/mobile/primitives";
+import { KIND_OPTIONS } from "@withpotter/lib/resource-types";
+function MobileCategoryFormSheet({
+  open,
+  category,
+  preselectedKind,
+  onSave,
+  onClose
+}) {
+  const isEditing = !!category;
+  const [label, setLabel] = useState("");
+  const [labelPlural, setLabelPlural] = useState("");
+  const [kind, setKind] = useState("person");
+  const [icon, setIcon] = useState("");
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (category) {
+      setLabel(category.label);
+      setLabelPlural(category.labelPlural);
+      setKind(category.kind);
+      setIcon(category.icon || "");
+    } else {
+      const resolvedKind = preselectedKind === "solo" ? "person" : preselectedKind ?? "person";
+      setKind(resolvedKind);
+      setLabel("");
+      setLabelPlural("");
+      setIcon("");
+    }
+    setError(null);
+  }, [category, open, preselectedKind]);
+  const handleLabelChange = (value) => {
+    setLabel(value);
+    if (!isEditing || labelPlural === "" || labelPlural === label + "s") {
+      setLabelPlural(value ? value + "s" : "");
+    }
+  };
+  const handleSubmit = async () => {
+    if (!label.trim()) {
+      setError("Label is required");
+      return;
+    }
+    if (!labelPlural.trim()) {
+      setError("Plural label is required");
+      return;
+    }
+    setSaving(true);
+    setError(null);
+    try {
+      await onSave({
+        label: label.trim(),
+        labelPlural: labelPlural.trim(),
+        kind,
+        ...icon.trim() ? { icon: icon.trim() } : {}
+      });
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to save");
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    BottomSheet,
+    {
+      open,
+      onClose,
+      ariaLabelledBy: "resource-category-title",
+      respectTabBar: false,
+      children: /* @__PURE__ */ jsxs("div", { className: "px-1 pb-2 pt-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-baseline justify-between", children: /* @__PURE__ */ jsx(
+          "h2",
+          {
+            id: "resource-category-title",
+            className: "text-[18px] font-semibold tracking-tight",
+            style: { color: "var(--mb-text)" },
+            children: isEditing ? "Edit category" : "New resource category"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mt-1 text-[12px]",
+            style: { color: "var(--mb-text-tertiary)" },
+            children: "Group resources that share booking behavior \u2014 staff, rooms, units."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mt-5 mb-2 text-[11px] font-medium uppercase tracking-[0.06em]",
+            style: { color: "var(--mb-text-tertiary)" },
+            children: "Type"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: KIND_OPTIONS.map((option) => {
+          const selected = kind === option.value;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setKind(option.value),
+              className: "flex items-start gap-3 rounded-2xl border p-3 text-left transition-colors",
+              style: {
+                borderColor: selected ? "var(--mb-accent)" : "var(--mb-border)",
+                background: selected ? "rgba(17,109,255,0.10)" : "var(--mb-card)"
+              },
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "text-[22px] leading-none", children: option.emoji }),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-[13px] font-semibold",
+                      style: {
+                        color: selected ? "var(--mb-accent)" : "var(--mb-text)"
+                      },
+                      children: option.label
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "mt-0.5 text-[11px] leading-snug",
+                      style: { color: "var(--mb-text-tertiary)" },
+                      children: option.description
+                    }
+                  )
+                ] })
+              ]
+            },
+            option.value
+          );
+        }) }),
+        /* @__PURE__ */ jsx(
+          FieldRow,
+          {
+            label: "Label (singular)",
+            value: label,
+            placeholder: 'e.g., "Doctor", "Stylist", "Room"',
+            onChange: handleLabelChange,
+            maxLength: 100
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FieldRow,
+          {
+            label: "Label (plural)",
+            value: labelPlural,
+            placeholder: 'e.g., "Doctors", "Stylists", "Rooms"',
+            onChange: setLabelPlural,
+            maxLength: 100
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FieldRow,
+          {
+            label: "Icon (optional emoji)",
+            value: icon,
+            placeholder: "\u{1FA7A} or \u{1F487}",
+            onChange: setIcon,
+            maxLength: 10
+          }
+        ),
+        error ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            className: "mt-3 rounded-xl border px-3 py-2 text-[12px]",
+            style: {
+              color: "var(--mb-bad)",
+              borderColor: "rgba(239,68,68,0.30)",
+              background: "rgba(239,68,68,0.08)"
+            },
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "mt-5 flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "h-11 flex-1 rounded-2xl border text-[14px] font-medium",
+              style: {
+                borderColor: "var(--mb-border)",
+                color: "var(--mb-text-secondary)",
+                background: "var(--mb-card)"
+              },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleSubmit,
+              disabled: saving,
+              className: "h-11 flex-[1.4] rounded-2xl text-[14px] font-semibold disabled:opacity-60",
+              style: {
+                background: "var(--mb-accent)",
+                color: "var(--mb-accent-fg)"
+              },
+              children: saving ? "Saving\u2026" : isEditing ? "Save changes" : "Create category"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function FieldRow({
+  label,
+  value,
+  placeholder,
+  onChange,
+  maxLength
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3", children: [
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: "mb-1.5 text-[11px] font-medium uppercase tracking-[0.06em]",
+        style: { color: "var(--mb-text-tertiary)" },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "rounded-2xl border px-4 py-3",
+        style: {
+          borderColor: "var(--mb-border)",
+          background: "var(--mb-card)"
+        },
+        children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value,
+            placeholder,
+            maxLength,
+            onChange: (e) => onChange(e.target.value),
+            className: "w-full bg-transparent text-[15px] outline-none placeholder:opacity-60",
+            style: { color: "var(--mb-text)" }
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  MobileCategoryFormSheet
+};
+//# sourceMappingURL=mobile-category-form-sheet.js.map

package/dist/dashboard/(bookings)/resources/_components/mobile-category-form-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/dashboard/%28bookings%29/resources/_components/mobile-category-form-sheet.tsx"],"sourcesContent":["'use client';\n\n/**\n * Mobile Resource Category form sheet.\n *\n * Mirrors the desktop `CategoryFormDialog` (same data + submit contract) but\n * renders inside a mobile `BottomSheet` using the `--mb-*` token system so it\n * matches the rest of the mobile dashboard chrome (dark by default, theme\n * controlled by `MobileThemeProvider`).\n *\n * Use this in place of `CategoryFormDialog` when `useIsMobile()` is true so\n * the surface stops inheriting the desktop theme tokens.\n */\n\nimport { useEffect, useState } from 'react';\nimport { BottomSheet } from '@withpotter/components/mobile/primitives';\nimport type {\n  ResourceCategory,\n  ResourceCategoryKind,\n  CreateResourceCategoryInput,\n  UpdateResourceCategoryInput,\n} from '@withpotter/lib/resource-types';\nimport { KIND_OPTIONS } from '@withpotter/lib/resource-types';\n\ninterface MobileCategoryFormSheetProps {\n  open: boolean;\n  category?: ResourceCategory | null;\n  /** Pre-select a kind when opened from the empty-state picker. */\n  preselectedKind?: string | null;\n  onSave: (\n    data: CreateResourceCategoryInput & Partial<UpdateResourceCategoryInput>,\n  ) => Promise<void>;\n  onClose: () => void;\n}\n\nexport function MobileCategoryFormSheet({\n  open,\n  category,\n  preselectedKind,\n  onSave,\n  onClose,\n}: MobileCategoryFormSheetProps) {\n  const isEditing = !!category;\n  const [label, setLabel] = useState('');\n  const [labelPlural, setLabelPlural] = useState('');\n  const [kind, setKind] = useState<ResourceCategoryKind>('person');\n  const [icon, setIcon] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (category) {\n      setLabel(category.label);\n      setLabelPlural(category.labelPlural);\n      setKind(category.kind);\n      setIcon(category.icon || '');\n    } else {\n      const resolvedKind =\n        preselectedKind === 'solo'\n          ? 'person'\n          : ((preselectedKind as ResourceCategoryKind) ?? 'person');\n      setKind(resolvedKind);\n      setLabel('');\n      setLabelPlural('');\n      setIcon('');\n    }\n    setError(null);\n  }, [category, open, preselectedKind]);\n\n  const handleLabelChange = (value: string) => {\n    setLabel(value);\n    if (!isEditing || labelPlural === '' || labelPlural === label + 's') {\n      setLabelPlural(value ? value + 's' : '');\n    }\n  };\n\n  const handleSubmit = async () => {\n    if (!label.trim()) {\n      setError('Label is required');\n      return;\n    }\n    if (!labelPlural.trim()) {\n      setError('Plural label is required');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await onSave({\n        label: label.trim(),\n        labelPlural: labelPlural.trim(),\n        kind,\n        ...(icon.trim() ? { icon: icon.trim() } : {}),\n      });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to save');\n    } finally {\n      setSaving(false);\n    }\n  };\n\n  return (\n    <BottomSheet\n      open={open}\n      onClose={onClose}\n      ariaLabelledBy=\"resource-category-title\"\n      respectTabBar={false}\n    >\n      <div className=\"px-1 pb-2 pt-1\">\n        {/* Title */}\n        <div className=\"flex items-baseline justify-between\">\n          <h2\n            id=\"resource-category-title\"\n            className=\"text-[18px] font-semibold tracking-tight\"\n            style={{ color: 'var(--mb-text)' }}\n          >\n            {isEditing ? 'Edit category' : 'New resource category'}\n          </h2>\n        </div>\n        <p\n          className=\"mt-1 text-[12px]\"\n          style={{ color: 'var(--mb-text-tertiary)' }}\n        >\n          Group resources that share booking behavior — staff, rooms, units.\n        </p>\n\n        {/* Type picker */}\n        <p\n          className=\"mt-5 mb-2 text-[11px] font-medium uppercase tracking-[0.06em]\"\n          style={{ color: 'var(--mb-text-tertiary)' }}\n        >\n          Type\n        </p>\n        <div className=\"grid grid-cols-2 gap-2\">\n          {KIND_OPTIONS.map((option) => {\n            const selected = kind === option.value;\n            return (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setKind(option.value)}\n                className=\"flex items-start gap-3 rounded-2xl border p-3 text-left transition-colors\"\n                style={{\n                  borderColor: selected\n                    ? 'var(--mb-accent)'\n                    : 'var(--mb-border)',\n                  background: selected\n                    ? 'rgba(17,109,255,0.10)'\n                    : 'var(--mb-card)',\n                }}\n              >\n                <span className=\"text-[22px] leading-none\">{option.emoji}</span>\n                <div className=\"min-w-0 flex-1\">\n                  <p\n                    className=\"text-[13px] font-semibold\"\n                    style={{\n                      color: selected ? 'var(--mb-accent)' : 'var(--mb-text)',\n                    }}\n                  >\n                    {option.label}\n                  </p>\n                  <p\n                    className=\"mt-0.5 text-[11px] leading-snug\"\n                    style={{ color: 'var(--mb-text-tertiary)' }}\n                  >\n                    {option.description}\n                  </p>\n                </div>\n              </button>\n            );\n          })}\n        </div>\n\n        {/* Singular */}\n        <FieldRow\n          label=\"Label (singular)\"\n          value={label}\n          placeholder='e.g., \"Doctor\", \"Stylist\", \"Room\"'\n          onChange={handleLabelChange}\n          maxLength={100}\n        />\n\n        {/* Plural */}\n        <FieldRow\n          label=\"Label (plural)\"\n          value={labelPlural}\n          placeholder='e.g., \"Doctors\", \"Stylists\", \"Rooms\"'\n          onChange={setLabelPlural}\n          maxLength={100}\n        />\n\n        {/* Icon */}\n        <FieldRow\n          label=\"Icon (optional emoji)\"\n          value={icon}\n          placeholder=\"🩺 or 💇\"\n          onChange={setIcon}\n          maxLength={10}\n        />\n\n        {error ? (\n          <p\n            className=\"mt-3 rounded-xl border px-3 py-2 text-[12px]\"\n            style={{\n              color: 'var(--mb-bad)',\n              borderColor: 'rgba(239,68,68,0.30)',\n              background: 'rgba(239,68,68,0.08)',\n            }}\n          >\n            {error}\n          </p>\n        ) : null}\n\n        {/* Actions */}\n        <div className=\"mt-5 flex gap-2\">\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className=\"h-11 flex-1 rounded-2xl border text-[14px] font-medium\"\n            style={{\n              borderColor: 'var(--mb-border)',\n              color: 'var(--mb-text-secondary)',\n              background: 'var(--mb-card)',\n            }}\n          >\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={saving}\n            className=\"h-11 flex-[1.4] rounded-2xl text-[14px] font-semibold disabled:opacity-60\"\n            style={{\n              background: 'var(--mb-accent)',\n              color: 'var(--mb-accent-fg)',\n            }}\n          >\n            {saving\n              ? 'Saving…'\n              : isEditing\n                ? 'Save changes'\n                : 'Create category'}\n          </button>\n        </div>\n      </div>\n    </BottomSheet>\n  );\n}\n\nfunction FieldRow({\n  label,\n  value,\n  placeholder,\n  onChange,\n  maxLength,\n}: {\n  label: string;\n  value: string;\n  placeholder: string;\n  onChange: (v: string) => void;\n  maxLength?: number;\n}) {\n  return (\n    <div className=\"mt-3\">\n      <p\n        className=\"mb-1.5 text-[11px] font-medium uppercase tracking-[0.06em]\"\n        style={{ color: 'var(--mb-text-tertiary)' }}\n      >\n        {label}\n      </p>\n      <div\n        className=\"rounded-2xl border px-4 py-3\"\n        style={{\n          borderColor: 'var(--mb-border)',\n          background: 'var(--mb-card)',\n        }}\n      >\n        <input\n          type=\"text\"\n          value={value}\n          placeholder={placeholder}\n          maxLength={maxLength}\n          onChange={(e) => onChange(e.target.value)}\n          className=\"w-full bg-transparent text-[15px] outline-none placeholder:opacity-60\"\n          style={{ color: 'var(--mb-text)' }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}