@withpotter/components 0.13.0-next.101

package/dist/product-research/privacy-settings-screen.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import {
+  ArrowLeft,
+  Check,
+  ExternalLink,
+  Shield,
+  ShieldOff
+} from "lucide-react";
+import { revokeProductInsightsCapture } from "@withpotter/components/analytics";
+import { PRIVACY_URL, TERMS_URL } from "@withpotter/lib/legal-links";
+import {
+  doNotTrackEnabled,
+  productInsightsEnabled
+} from "@withpotter/components/analytics/product-insights-policy";
+import { useSmartBack } from "@withpotter/hooks/use-smart-back";
+import { useAuth } from "@withpotter/lib/auth-context";
+import {
+  productInsightsApi
+} from "@withpotter/lib/product-insights-api";
+const CONSENT_OPTIONS = [
+  {
+    level: "denied",
+    label: "Not allowed",
+    description: "Do not collect product usage or session data.",
+    icon: ShieldOff
+  },
+  {
+    level: "aggregate",
+    label: "Anonymous usage",
+    description: "Share allowlisted actions and normalized page routes.",
+    icon: Shield
+  }
+];
+const LEGAL_LINKS = [
+  ["Terms of Service", TERMS_URL],
+  ["Privacy policy", PRIVACY_URL]
+];
+function PrivacySettingsScreen({
+  embedded = false
+}) {
+  const onBack = useSmartBack("/dashboard/me");
+  const { tenant } = useAuth();
+  const [consent, setConsent] = useState(null);
+  const [error, setError] = useState(null);
+  const [saving, setSaving] = useState(false);
+  const enabled = productInsightsEnabled();
+  const dnt = doNotTrackEnabled();
+  useEffect(() => {
+    if (!enabled || !tenant?.slug) return;
+    let active = true;
+    productInsightsApi.getConsent(tenant.slug).then((result) => active && setConsent(result)).catch(() => active && setError("Privacy settings are unavailable."));
+    return () => {
+      active = false;
+    };
+  }, [enabled, tenant?.slug]);
+  async function updateConsent(level) {
+    if (!tenant?.slug || saving || dnt) return;
+    setSaving(true);
+    setError(null);
+    if (level === "denied") revokeProductInsightsCapture();
+    try {
+      const updated = await productInsightsApi.updateConsent(
+        tenant.slug,
+        level
+      );
+      setConsent(updated);
+      window.dispatchEvent(
+        new Event("potter:product-insights-consent-changed")
+      );
+    } catch {
+      setError("Could not save your privacy setting.");
+    } finally {
+      setSaving(false);
+    }
+  }
+  const selectedLevel = consent?.level === "aggregate_and_replay" ? "aggregate" : consent?.level;
+  const analyticsSection = /* @__PURE__ */ jsxs("section", { className: embedded ? void 0 : "mt-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold uppercase text-[var(--mb-text-tertiary)]", children: "Product analytics" }),
+    /* @__PURE__ */ jsx("h1", { className: "mt-2 text-xl font-semibold", children: "Choose what Box collects" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--mb-text-tertiary)]", children: "Form values, customer details, messages, searches, files, and payment data are never included." }),
+    !enabled ? /* @__PURE__ */ jsx(StatusMessage, { children: "Product analytics is currently turned off." }) : dnt ? /* @__PURE__ */ jsx(StatusMessage, { children: "Your browser's Do Not Track setting prevents all collection." }) : error ? /* @__PURE__ */ jsx(StatusMessage, { children: error }) : null,
+    /* @__PURE__ */ jsx("div", { className: "mt-4 space-y-2", children: CONSENT_OPTIONS.map((option) => {
+      const Icon = option.icon;
+      const selected = selectedLevel === option.level;
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: !enabled || dnt || saving || !consent,
+          onClick: () => void updateConsent(option.level),
+          className: "flex min-h-16 w-full items-center gap-3 rounded-2xl border p-3 text-left disabled:opacity-60",
+          style: {
+            borderColor: selected ? "var(--mb-accent)" : "var(--mb-border)",
+            background: "var(--mb-card)"
+          },
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "size-5 shrink-0 text-[var(--mb-accent)]" }),
+            /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "block text-sm font-semibold", children: option.label }),
+              /* @__PURE__ */ jsx("span", { className: "mt-0.5 block text-xs text-[var(--mb-text-tertiary)]", children: option.description })
+            ] }),
+            selected ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-[var(--mb-accent)]" }) : null
+          ]
+        },
+        option.level
+      );
+    }) }),
+    /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs text-[var(--mb-text-muted)]", children: "Session replay and heatmaps remain disabled pending privacy review." })
+  ] });
+  if (embedded) return analyticsSection;
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-dvh bg-[var(--mb-canvas)] text-[var(--mb-text)]", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex h-12 items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Back",
+          onClick: onBack,
+          className: "flex h-9 w-9 items-center justify-center rounded-full bg-[var(--mb-card)]",
+          children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-[15px] font-semibold", children: "Legal & Privacy" }),
+      /* @__PURE__ */ jsx("span", { className: "w-9" })
+    ] }),
+    /* @__PURE__ */ jsxs("main", { className: "mx-auto max-w-2xl px-4 pb-10", children: [
+      analyticsSection,
+      /* @__PURE__ */ jsxs("section", { className: "mt-8", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold uppercase text-[var(--mb-text-tertiary)]", children: "Documents" }),
+        /* @__PURE__ */ jsx("div", { className: "mt-2 divide-y divide-[var(--mb-border)] rounded-2xl border border-[var(--mb-border)] bg-[var(--mb-card)]", children: LEGAL_LINKS.map(([label, href]) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "flex min-h-12 items-center justify-between px-3 text-sm font-medium",
+            children: [
+              label,
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-4 text-[var(--mb-text-muted)]" })
+            ]
+          },
+          href
+        )) })
+      ] })
+    ] })
+  ] });
+}
+function StatusMessage({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "mt-4 rounded-xl bg-[var(--mb-elevated)] px-3 py-2 text-xs text-[var(--mb-text-secondary)]", children });
+}
+export {
+  PrivacySettingsScreen
+};
+//# sourceMappingURL=privacy-settings-screen.js.map

package/dist/product-research/privacy-settings-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/product-research/privacy-settings-screen.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport {\n  ArrowLeft,\n  Check,\n  ExternalLink,\n  Shield,\n  ShieldOff,\n} from 'lucide-react';\nimport { revokeProductInsightsCapture } from '@withpotter/components/analytics';\nimport { PRIVACY_URL, TERMS_URL } from '@withpotter/lib/legal-links';\nimport {\n  doNotTrackEnabled,\n  productInsightsEnabled,\n} from '@withpotter/components/analytics/product-insights-policy';\nimport { useSmartBack } from '@withpotter/hooks/use-smart-back';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport {\n  AnalyticsConsentLevel,\n  ProductAnalyticsConsent,\n  productInsightsApi,\n} from '@withpotter/lib/product-insights-api';\n\nconst CONSENT_OPTIONS: Array<{\n  level: Exclude<AnalyticsConsentLevel, 'aggregate_and_replay'>;\n  label: string;\n  description: string;\n  icon: typeof Shield;\n}> = [\n  {\n    level: 'denied',\n    label: 'Not allowed',\n    description: 'Do not collect product usage or session data.',\n    icon: ShieldOff,\n  },\n  {\n    level: 'aggregate',\n    label: 'Anonymous usage',\n    description: 'Share allowlisted actions and normalized page routes.',\n    icon: Shield,\n  },\n];\n\nconst LEGAL_LINKS = [\n  ['Terms of Service', TERMS_URL],\n  ['Privacy policy', PRIVACY_URL],\n] as const;\n\ninterface PrivacySettingsScreenProps {\n  embedded?: boolean;\n}\n\nexport function PrivacySettingsScreen({\n  embedded = false,\n}: PrivacySettingsScreenProps) {\n  const onBack = useSmartBack('/dashboard/me');\n  const { tenant } = useAuth();\n  const [consent, setConsent] = useState<ProductAnalyticsConsent | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [saving, setSaving] = useState(false);\n  const enabled = productInsightsEnabled();\n  const dnt = doNotTrackEnabled();\n\n  useEffect(() => {\n    if (!enabled || !tenant?.slug) return;\n    let active = true;\n    productInsightsApi\n      .getConsent(tenant.slug)\n      .then((result) => active && setConsent(result))\n      .catch(() => active && setError('Privacy settings are unavailable.'));\n    return () => {\n      active = false;\n    };\n  }, [enabled, tenant?.slug]);\n\n  async function updateConsent(level: AnalyticsConsentLevel) {\n    if (!tenant?.slug || saving || dnt) return;\n    setSaving(true);\n    setError(null);\n    if (level === 'denied') revokeProductInsightsCapture();\n    try {\n      const updated = await productInsightsApi.updateConsent(\n        tenant.slug,\n        level,\n      );\n      setConsent(updated);\n      window.dispatchEvent(\n        new Event('potter:product-insights-consent-changed'),\n      );\n    } catch {\n      setError('Could not save your privacy setting.');\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const selectedLevel =\n    consent?.level === 'aggregate_and_replay' ? 'aggregate' : consent?.level;\n\n  const analyticsSection = (\n    <section className={embedded ? undefined : 'mt-3'}>\n      <p className=\"text-[11px] font-semibold uppercase text-[var(--mb-text-tertiary)]\">\n        Product analytics\n      </p>\n      <h1 className=\"mt-2 text-xl font-semibold\">Choose what Box collects</h1>\n      <p className=\"mt-1 text-sm text-[var(--mb-text-tertiary)]\">\n        Form values, customer details, messages, searches, files, and payment\n        data are never included.\n      </p>\n\n      {!enabled ? (\n        <StatusMessage>\n          Product analytics is currently turned off.\n        </StatusMessage>\n      ) : dnt ? (\n        <StatusMessage>\n          Your browser&apos;s Do Not Track setting prevents all collection.\n        </StatusMessage>\n      ) : error ? (\n        <StatusMessage>{error}</StatusMessage>\n      ) : null}\n\n      <div className=\"mt-4 space-y-2\">\n        {CONSENT_OPTIONS.map((option) => {\n          const Icon = option.icon;\n          const selected = selectedLevel === option.level;\n          return (\n            <button\n              key={option.level}\n              type=\"button\"\n              disabled={!enabled || dnt || saving || !consent}\n              onClick={() => void updateConsent(option.level)}\n              className=\"flex min-h-16 w-full items-center gap-3 rounded-2xl border p-3 text-left disabled:opacity-60\"\n              style={{\n                borderColor: selected ? 'var(--mb-accent)' : 'var(--mb-border)',\n                background: 'var(--mb-card)',\n              }}\n            >\n              <Icon className=\"size-5 shrink-0 text-[var(--mb-accent)]\" />\n              <span className=\"min-w-0 flex-1\">\n                <span className=\"block text-sm font-semibold\">\n                  {option.label}\n                </span>\n                <span className=\"mt-0.5 block text-xs text-[var(--mb-text-tertiary)]\">\n                  {option.description}\n                </span>\n              </span>\n              {selected ? (\n                <Check className=\"size-5 text-[var(--mb-accent)]\" />\n              ) : null}\n            </button>\n          );\n        })}\n      </div>\n\n      <p className=\"mt-3 text-xs text-[var(--mb-text-muted)]\">\n        Session replay and heatmaps remain disabled pending privacy review.\n      </p>\n    </section>\n  );\n\n  if (embedded) return analyticsSection;\n\n  return (\n    <div className=\"min-h-dvh bg-[var(--mb-canvas)] text-[var(--mb-text)]\">\n      <header className=\"flex h-12 items-center justify-between px-2\">\n        <button\n          type=\"button\"\n          aria-label=\"Back\"\n          onClick={onBack}\n          className=\"flex h-9 w-9 items-center justify-center rounded-full bg-[var(--mb-card)]\"\n        >\n          <ArrowLeft className=\"size-4\" />\n        </button>\n        <p className=\"text-[15px] font-semibold\">Legal &amp; Privacy</p>\n        <span className=\"w-9\" />\n      </header>\n\n      <main className=\"mx-auto max-w-2xl px-4 pb-10\">\n        {analyticsSection}\n\n        <section className=\"mt-8\">\n          <p className=\"text-[11px] font-semibold uppercase text-[var(--mb-text-tertiary)]\">\n            Documents\n          </p>\n          <div className=\"mt-2 divide-y divide-[var(--mb-border)] rounded-2xl border border-[var(--mb-border)] bg-[var(--mb-card)]\">\n            {LEGAL_LINKS.map(([label, href]) => (\n              <a\n                key={href}\n                href={href}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex min-h-12 items-center justify-between px-3 text-sm font-medium\"\n              >\n                {label}\n                <ExternalLink className=\"size-4 text-[var(--mb-text-muted)]\" />\n              </a>\n            ))}\n          </div>\n        </section>\n      </main>\n    </div>\n  );\n}\n\nfunction StatusMessage({ children }: { children: React.ReactNode }) {\n  return (\n    <p className=\"mt-4 rounded-xl bg-[var(--mb-elevated)] px-3 py-2 text-xs text-[var(--mb-text-secondary)]\">\n      {children}\n    </p>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/resource-scheduling/schedule-editor.d.ts

@@ -0,0 +1,8 @@
+import type { WeeklySchedule } from '@withpotter/lib/resource-types';
+interface ScheduleEditorProps {
+    schedule: WeeklySchedule;
+    onChange: (schedule: WeeklySchedule) => void;
+}
+export declare function getDefaultSchedule(): WeeklySchedule;
+export declare function ScheduleEditor({ schedule, onChange }: ScheduleEditorProps): import("react").JSX.Element;
+export {};

package/dist/resource-scheduling/schedule-editor.js

@@ -0,0 +1,149 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { DAY_LABELS } from "@withpotter/lib/resource-types";
+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 }) {
+  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: [
+    /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-primary)] mb-2", children: "Weekly schedule" }),
+    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__ */ jsxs("label", { className: "flex items-center gap-2 min-w-[100px] cursor-pointer pt-1.5", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: day.available,
+                  onChange: () => toggleDay(dayIndex),
+                  className: "h-4 w-4 rounded border-[var(--border-default)] text-brand-500 focus:ring-brand-500 cursor-pointer"
+                }
+              ),
+              /* @__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(
+                  "input",
+                  {
+                    type: "time",
+                    value: slot.start,
+                    onChange: (e) => updateSlot(dayIndex, slotIndex, "start", e.target.value),
+                    className: "px-2 py-1.5 text-sm border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-brand-500/20 focus:border-brand-500"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: "to" }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    type: "time",
+                    value: slot.end,
+                    onChange: (e) => updateSlot(dayIndex, slotIndex, "end", e.target.value),
+                    className: "px-2 py-1.5 text-sm border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-brand-500/20 focus:border-brand-500"
+                  }
+                ),
+                /* @__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, { className: "w-3.5 h-3.5" })
+                  }
+                )
+              ] }, 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, { className: "w-3 h-3" }),
+                    "Add time slot"
+                  ]
+                }
+              )
+            ] }),
+            !day.available && /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-muted)] pt-1.5", children: "Off" })
+          ]
+        },
+        dayIndex
+      );
+    })
+  ] });
+}
+export {
+  ScheduleEditor,
+  getDefaultSchedule
+};
+//# sourceMappingURL=schedule-editor.js.map

package/dist/resource-scheduling/schedule-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/resource-scheduling/schedule-editor.tsx"],"sourcesContent":["'use client';\n\nimport { Plus, Trash2 } from 'lucide-react';\nimport type { WeeklySchedule, ScheduleSlot } from '@withpotter/lib/resource-types';\nimport { DAY_LABELS } from '@withpotter/lib/resource-types';\n\n// ─── Props ───────────────────────────────────────────────────────────────────\n\ninterface ScheduleEditorProps {\n  schedule: WeeklySchedule;\n  onChange: (schedule: WeeklySchedule) => void;\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({ schedule, onChange }: ScheduleEditorProps) {\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      <label className=\"block text-sm font-medium text-[var(--text-primary)] mb-2\">\n        Weekly schedule\n      </label>\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            <label className=\"flex items-center gap-2 min-w-[100px] cursor-pointer pt-1.5\">\n              <input\n                type=\"checkbox\"\n                checked={day.available}\n                onChange={() => toggleDay(dayIndex)}\n                className=\"h-4 w-4 rounded border-[var(--border-default)] text-brand-500 focus:ring-brand-500 cursor-pointer\"\n              />\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            </label>\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                    <input\n                      type=\"time\"\n                      value={slot.start}\n                      onChange={(e) =>\n                        updateSlot(dayIndex, slotIndex, 'start', e.target.value)\n                      }\n                      className=\"px-2 py-1.5 text-sm border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-brand-500/20 focus:border-brand-500\"\n                    />\n                    <span className=\"text-sm text-[var(--text-tertiary)]\">\n                      to\n                    </span>\n                    <input\n                      type=\"time\"\n                      value={slot.end}\n                      onChange={(e) =>\n                        updateSlot(dayIndex, slotIndex, 'end', e.target.value)\n                      }\n                      className=\"px-2 py-1.5 text-sm border border-[var(--border-default)] rounded-md focus:outline-none focus:ring-2 focus:ring-brand-500/20 focus:border-brand-500\"\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 className=\"w-3.5 h-3.5\" />\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 className=\"w-3 h-3\" />\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-1.5\">\n                Off\n              </span>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA2FM,cAiBM,YAjBN;AAzFN,SAAS,MAAM,cAAc;AAE7B,SAAS,kBAAkB;AAWpB,SAAS,qBAAqC;AACnD,QAAM,WAA2B,CAAC;AAClC,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,aAAS,CAAC,IAAI;AAAA,MACZ,WAAW,KAAK,KAAK,KAAK;AAAA;AAAA,MAC1B,OAAO,KAAK,KAAK,KAAK,IAAI,CAAC,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,IAAI,CAAC;AAAA,IAClE;AAAA,EACF;AACA,SAAO;AACT;AAIO,SAAS,eAAe,EAAE,UAAU,SAAS,GAAwB;AAC1E,QAAM,YAAY,CAAC,aAAqB;AACtC,UAAM,MAAM,SAAS,QAAQ,KAAK,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAChE,UAAM,eAAe,CAAC,IAAI;AAC1B,aAAS;AAAA,MACP,GAAG;AAAA,MACH,CAAC,QAAQ,GAAG;AAAA,QACV,WAAW;AAAA,QACX,OACE,iBAAiB,CAAC,IAAI,SAAS,IAAI,MAAM,WAAW,KAChD,CAAC,EAAE,OAAO,SAAS,KAAK,QAAQ,CAAC,IAChC,IAAI,SAAS,CAAC;AAAA,MACvB;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,CACjB,UACA,WACA,OACA,UACG;AACH,UAAM,MAAM,SAAS,QAAQ;AAC7B,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,WAAW,CAAC,GAAG,IAAI,KAAK;AAC9B,aAAS,SAAS,IAAI,EAAE,GAAG,SAAS,SAAS,GAAG,CAAC,KAAK,GAAG,MAAM;AAC/D,aAAS;AAAA,MACP,GAAG;AAAA,MACH,CAAC,QAAQ,GAAG,EAAE,GAAG,KAAK,OAAO,SAAS;AAAA,IACxC,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,CAAC,aAAqB;AACpC,UAAM,MAAM,SAAS,QAAQ;AAC7B,QAAI,CAAC,IAAK;AACV,UAAM,QAAQ,IAAI,SAAS,CAAC;AAC5B,UAAM,WAAW,MAAM,MAAM,SAAS,CAAC;AACvC,UAAM,WAAW,WAAW,SAAS,MAAM;AAC3C,aAAS;AAAA,MACP,GAAG;AAAA,MACH,CAAC,QAAQ,GAAG;AAAA,QACV,GAAG;AAAA,QACH,OAAO,CAAC,GAAG,OAAO,EAAE,OAAO,UAAU,KAAK,QAAQ,CAAC;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,CAAC,UAAkB,cAAsB;AAC1D,UAAM,MAAM,SAAS,QAAQ;AAC7B,QAAI,CAAC,KAAK,MAAO;AACjB,UAAM,WAAW,IAAI,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,SAAS;AAC3D,aAAS;AAAA,MACP,GAAG;AAAA,MACH,CAAC,QAAQ,GAAG;AAAA,QACV,GAAG;AAAA,QACH,WAAW,SAAS,SAAS;AAAA,QAC7B,OAAO;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,wBAAC,WAAM,WAAU,6DAA4D,6BAE7E;AAAA,IAEC,WAAW,IAAI,CAAC,UAAU,aAAa;AACtC,YAAM,MAAM,SAAS,QAAQ,KAAK,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAEhE,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,kEACT,IAAI,YACA,uDACA,sDACN;AAAA,UAGA;AAAA,iCAAC,WAAM,WAAU,+DACf;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,IAAI;AAAA,kBACb,UAAU,MAAM,UAAU,QAAQ;AAAA,kBAClC,WAAU;AAAA;AAAA,cACZ;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,uBACT,IAAI,YACA,+BACA,0BACN;AAAA,kBAEC;AAAA;AAAA,cACH;AAAA,eACF;AAAA,YAGC,IAAI,aACH,qBAAC,SAAI,WAAU,oBACX;AAAA,mBAAI,SAAS,CAAC,GAAG,IAAI,CAAC,MAAM,cAC5B,qBAAC,SAAoB,WAAU,2BAC7B;AAAA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO,KAAK;AAAA,oBACZ,UAAU,CAAC,MACT,WAAW,UAAU,WAAW,SAAS,EAAE,OAAO,KAAK;AAAA,oBAEzD,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA,oBAAC,UAAK,WAAU,uCAAsC,gBAEtD;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,OAAO,KAAK;AAAA,oBACZ,UAAU,CAAC,MACT,WAAW,UAAU,WAAW,OAAO,EAAE,OAAO,KAAK;AAAA,oBAEvD,WAAU;AAAA;AAAA,gBACZ;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,cAAW;AAAA,oBACX,MAAK;AAAA,oBACL,SAAS,MAAM,WAAW,UAAU,SAAS;AAAA,oBAC7C,WAAU;AAAA,oBAEV,8BAAC,UAAO,WAAU,eAAc;AAAA;AAAA,gBAClC;AAAA,mBA3BQ,SA4BV,CACD;AAAA,cACD;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,QAAQ,QAAQ;AAAA,kBAC/B,WAAU;AAAA,kBAEV;AAAA,wCAAC,QAAK,WAAU,WAAU;AAAA,oBAAE;AAAA;AAAA;AAAA,cAE9B;AAAA,eACF;AAAA,YAID,CAAC,IAAI,aACJ,oBAAC,UAAK,WAAU,2CAA0C,iBAE1D;AAAA;AAAA;AAAA,QA3EG;AAAA,MA6EP;AAAA,IAEJ,CAAC;AAAA,KACH;AAEJ;","names":[]}

package/dist/route-access-guard.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Draws nothing. Keeps people off pages their role does not reach.
+ *
+ * The sidebar has always hidden the rows somebody may not use, and a hidden row
+ * is not a locked door: an address typed, a bookmark, a link in a handover
+ * note, or Back after being demoted all landed on the screen itself. The api
+ * refuses the requests, so what they got was not access — it was a page that
+ * would not fill, with nothing to say why.
+ *
+ * Sent to their own home rather than shown a wall. Being in the wrong place is
+ * not a thing to apologise for at somebody, and the screen they were hired to
+ * work is one they can act on.
+ *
+ * Mounted once, above the fork into the mobile and desktop trees, and wrapped
+ * in Suspense by its caller: the nav lookup inside reaches useSearchParams, and
+ * without a boundary that bails the whole route out of rendering.
+ */
+export declare function RouteAccessGuard(): null;

package/dist/route-access-guard.js

@@ -0,0 +1,50 @@
+"use client";
+import { useEffect } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { usePathname } from "@withpotter/lib/use-pathname";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { usePermissions } from "@withpotter/lib/use-permissions";
+import { useAllNavRoutes } from "@withpotter/lib/use-nav-groups";
+import { useStaffHome } from "@withpotter/lib/use-staff-home";
+import { permissionPathForView, shouldLeavePage } from "@withpotter/lib/route-permission";
+function RouteAccessGuard() {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const permissionPath = permissionPathForView(
+    pathname,
+    searchParams.get("view")
+  );
+  const router = useRouter();
+  const routes = useAllNavRoutes();
+  const { can, isOwner, loading } = usePermissions();
+  const staffHome = useStaffHome();
+  const { user, tenant, loading: authLoading } = useAuth();
+  const sessionReady = !authLoading && !!user && !!tenant;
+  useEffect(() => {
+    if (!shouldLeavePage({
+      sessionReady,
+      permissionsLoading: loading,
+      isOwner,
+      path: permissionPath,
+      staffHome,
+      rules: routes,
+      can
+    }))
+      return;
+    router.replace(staffHome);
+  }, [
+    sessionReady,
+    loading,
+    isOwner,
+    permissionPath,
+    routes,
+    can,
+    staffHome,
+    router
+  ]);
+  return null;
+}
+export {
+  RouteAccessGuard
+};
+//# sourceMappingURL=route-access-guard.js.map

package/dist/route-access-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/route-access-guard.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useRouter, useSearchParams } from 'next/navigation';\nimport { usePathname } from '@withpotter/lib/use-pathname';\n\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { usePermissions } from '@withpotter/lib/use-permissions';\nimport { useAllNavRoutes } from '@withpotter/lib/use-nav-groups';\nimport { useStaffHome } from '@withpotter/lib/use-staff-home';\nimport { permissionPathForView, shouldLeavePage } from '@withpotter/lib/route-permission';\n\n/**\n * Draws nothing. Keeps people off pages their role does not reach.\n *\n * The sidebar has always hidden the rows somebody may not use, and a hidden row\n * is not a locked door: an address typed, a bookmark, a link in a handover\n * note, or Back after being demoted all landed on the screen itself. The api\n * refuses the requests, so what they got was not access — it was a page that\n * would not fill, with nothing to say why.\n *\n * Sent to their own home rather than shown a wall. Being in the wrong place is\n * not a thing to apologise for at somebody, and the screen they were hired to\n * work is one they can act on.\n *\n * Mounted once, above the fork into the mobile and desktop trees, and wrapped\n * in Suspense by its caller: the nav lookup inside reaches useSearchParams, and\n * without a boundary that bails the whole route out of rendering.\n */\nexport function RouteAccessGuard() {\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n  const permissionPath = permissionPathForView(\n    pathname,\n    searchParams.get('view'),\n  );\n  const router = useRouter();\n  const routes = useAllNavRoutes();\n  const { can, isOwner, loading } = usePermissions();\n  const staffHome = useStaffHome();\n  const { user, tenant, loading: authLoading } = useAuth();\n\n  /*\n   * The session has to be known before a verdict about it means anything.\n   *\n   * `usePermissions` reports `loading: false` while there is no tenant and no\n   * user — there is nobody to ask about, so nothing is in flight — and on a\n   * cold load that state arrives BEFORE auth has resolved. The guard read it as\n   * an answer: not loading, not owner, no grants, so every gated page bounced\n   * the person who had just opened it straight to Home. Owners included: the\n   * role is on the workspace, and the workspace was not there yet.\n   *\n   * It only ever bit the FIRST load of a URL. Reaching the same page through\n   * the sidebar carried a session already in hand, which is why this read as\n   * \"analytics is broken sometimes\" rather than as a redirect.\n   */\n  const sessionReady = !authLoading && !!user && !!tenant;\n\n  useEffect(() => {\n    if (\n      !shouldLeavePage({\n        sessionReady,\n        permissionsLoading: loading,\n        isOwner,\n        path: permissionPath,\n        staffHome,\n        rules: routes,\n        can,\n      })\n    )\n      return;\n    router.replace(staffHome);\n  }, [\n    sessionReady,\n    loading,\n    isOwner,\n    permissionPath,\n    routes,\n    can,\n    staffHome,\n    router,\n  ]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,uBAAuB;AAC3C,SAAS,mBAAmB;AAE5B,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB,uBAAuB;AAmBhD,SAAS,mBAAmB;AACjC,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,gBAAgB;AACrC,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,aAAa,IAAI,MAAM;AAAA,EACzB;AACA,QAAM,SAAS,UAAU;AACzB,QAAM,SAAS,gBAAgB;AAC/B,QAAM,EAAE,KAAK,SAAS,QAAQ,IAAI,eAAe;AACjD,QAAM,YAAY,aAAa;AAC/B,QAAM,EAAE,MAAM,QAAQ,SAAS,YAAY,IAAI,QAAQ;AAgBvD,QAAM,eAAe,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEjD,YAAU,MAAM;AACd,QACE,CAAC,gBAAgB;AAAA,MACf;AAAA,MACA,oBAAoB;AAAA,MACpB;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAED;AACF,WAAO,QAAQ,SAAS;AAAA,EAC1B,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAO;AACT;","names":[]}

package/dist/safe-html.d.ts

@@ -0,0 +1,15 @@
+interface SafeHtmlProps {
+    html: string;
+    className?: string;
+}
+/**
+ * Merchant- or customer-written HTML, cleaned before it reaches the page.
+ *
+ * Product descriptions are stored as HTML and the dashboard keeps the login
+ * token in `localStorage`, so a description carrying a script or an `onerror`
+ * handler would hand the owner's session to whoever wrote it. DOMPurify needs a
+ * DOM, so nothing is drawn until the component has mounted in the browser;
+ * rendering the raw string on the server instead would be the same hole.
+ */
+export declare function SafeHtml({ html, className }: SafeHtmlProps): import("react").JSX.Element;
+export {};

package/dist/safe-html.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import DOMPurify from "dompurify";
+function SafeHtml({ html, className }) {
+  const [clean, setClean] = useState(null);
+  useEffect(() => {
+    setClean(DOMPurify.sanitize(html));
+  }, [html]);
+  if (clean === null) return /* @__PURE__ */ jsx("div", { className });
+  return /* @__PURE__ */ jsx("div", { className, dangerouslySetInnerHTML: { __html: clean } });
+}
+export {
+  SafeHtml
+};
+//# sourceMappingURL=safe-html.js.map

package/dist/safe-html.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/safe-html.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\n\ninterface SafeHtmlProps {\n  html: string;\n  className?: string;\n}\n\n/**\n * Merchant- or customer-written HTML, cleaned before it reaches the page.\n *\n * Product descriptions are stored as HTML and the dashboard keeps the login\n * token in `localStorage`, so a description carrying a script or an `onerror`\n * handler would hand the owner's session to whoever wrote it. DOMPurify needs a\n * DOM, so nothing is drawn until the component has mounted in the browser;\n * rendering the raw string on the server instead would be the same hole.\n */\nexport function SafeHtml({ html, className }: SafeHtmlProps) {\n  const [clean, setClean] = useState<string | null>(null);\n\n  useEffect(() => {\n    setClean(DOMPurify.sanitize(html));\n  }, [html]);\n\n  if (clean === null) return <div className={className} />;\n\n  return (\n    <div className={className} dangerouslySetInnerHTML={{ __html: clean }} />\n  );\n}\n"],"mappings":";AA0B6B;AAxB7B,SAAS,WAAW,gBAAgB;AACpC,OAAO,eAAe;AAgBf,SAAS,SAAS,EAAE,MAAM,UAAU,GAAkB;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,YAAU,MAAM;AACd,aAAS,UAAU,SAAS,IAAI,CAAC;AAAA,EACnC,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,UAAU,KAAM,QAAO,oBAAC,SAAI,WAAsB;AAEtD,SACE,oBAAC,SAAI,WAAsB,yBAAyB,EAAE,QAAQ,MAAM,GAAG;AAE3E;","names":[]}

package/dist/settings-field-renderer.d.ts

@@ -0,0 +1,8 @@
+import type { SettingsFieldConfig } from '@withpotter/lib/template-types';
+interface SettingsFieldRendererProps {
+    field: SettingsFieldConfig;
+    value: unknown;
+    onChange: (name: string, value: unknown) => void;
+}
+export declare function SettingsFieldRenderer({ field, value, onChange, }: SettingsFieldRendererProps): import("react").JSX.Element;
+export {};

package/dist/settings-field-renderer.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { ImageUpload } from "@withpotter/components/image-upload";
+import { Select } from "@withpotter/ui-kit/select";
+import { Textarea, Checkbox, Input } from "@withpotter/ui-kit";
+function SettingsFieldRenderer({
+  field,
+  value,
+  onChange
+}) {
+  switch (field.type) {
+    case "text":
+    case "email":
+    case "url":
+    case "phone":
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: field.type === "email" ? "email" : field.type === "url" ? "url" : "text",
+          value: value || "",
+          onChange: (e) => onChange(field.name, e.target.value),
+          placeholder: field.placeholder,
+          required: field.required
+        }
+      );
+    case "textarea":
+      return /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          value: value || "",
+          onChange: (e) => onChange(field.name, e.target.value),
+          placeholder: field.placeholder,
+          rows: 3,
+          required: field.required
+        }
+      );
+    case "image": {
+      const isBrandLogo = field.name === "logo" || field.name === "logoAlt" || field.name === "favicon";
+      return /* @__PURE__ */ jsx(
+        ImageUpload,
+        {
+          value,
+          onChange: (url) => onChange(field.name, url),
+          label: field.label,
+          description: field.description,
+          aspectRatio: field.name === "favicon" ? "square" : "video",
+          accept: isBrandLogo ? ".png,.jpg,.jpeg,.svg,.webp" : void 0,
+          maxSizeMb: isBrandLogo ? 5 : void 0,
+          helpText: isBrandLogo ? "PNG, JPG, JPEG, SVG, or WEBP up to 5MB" : void 0
+        }
+      );
+    }
+    case "select":
+      return /* @__PURE__ */ jsx(
+        Select,
+        {
+          value: value || "",
+          onChange: (newValue) => onChange(field.name, newValue),
+          placeholder: `Select ${field.label}`,
+          options: [
+            { value: "", label: `Select ${field.label}` },
+            ...field.options?.map((opt) => ({
+              value: opt.value,
+              label: opt.label
+            })) || []
+          ]
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "number",
+          value: value || "",
+          onChange: (e) => onChange(field.name, e.target.valueAsNumber || void 0),
+          placeholder: field.placeholder,
+          required: field.required
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked: value || false,
+          onChange: (e) => onChange(field.name, e.target.checked),
+          label: /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-secondary)]", children: field.description || "Enable" })
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: value || "",
+          onChange: (e) => onChange(field.name, e.target.value),
+          placeholder: field.placeholder
+        }
+      );
+  }
+}
+export {
+  SettingsFieldRenderer
+};
+//# sourceMappingURL=settings-field-renderer.js.map

package/dist/settings-field-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings-field-renderer.tsx"],"sourcesContent":["'use client';\n\n/**\n * Shared field renderer for template-driven settings forms.\n *\n * Extracted from /dashboard/settings/site so the unified Editor can render\n * the same schema-driven inputs (contact details, social profile links, etc.)\n * without copying the switch statement. See Box Studio editor\n * consolidation (epic withpotter/roadmap#71).\n */\n\nimport { ImageUpload } from '@withpotter/components/image-upload';\nimport { Select } from '@withpotter/ui-kit/select';\nimport type { SettingsFieldConfig } from '@withpotter/lib/template-types';\nimport { Textarea, Checkbox, Input } from '@withpotter/ui-kit';\n\ninterface SettingsFieldRendererProps {\n  field: SettingsFieldConfig;\n  value: unknown;\n  onChange: (name: string, value: unknown) => void;\n}\n\nexport function SettingsFieldRenderer({\n  field,\n  value,\n  onChange,\n}: SettingsFieldRendererProps) {\n  switch (field.type) {\n    case 'text':\n    case 'email':\n    case 'url':\n    case 'phone':\n      return (\n        <Input\n          type={\n            field.type === 'email'\n              ? 'email'\n              : field.type === 'url'\n                ? 'url'\n                : 'text'\n          }\n          value={(value as string) || ''}\n          onChange={(e) => onChange(field.name, e.target.value)}\n          placeholder={field.placeholder}\n          required={field.required}\n        />\n      );\n\n    case 'textarea':\n      return (\n        <Textarea\n          value={(value as string) || ''}\n          onChange={(e) => onChange(field.name, e.target.value)}\n          placeholder={field.placeholder}\n          rows={3}\n          required={field.required}\n        />\n      );\n\n    case 'image': {\n      const isBrandLogo =\n        field.name === 'logo' ||\n        field.name === 'logoAlt' ||\n        field.name === 'favicon';\n\n      return (\n        <ImageUpload\n          value={value as string | undefined}\n          onChange={(url) => onChange(field.name, url)}\n          label={field.label}\n          description={field.description}\n          aspectRatio={field.name === 'favicon' ? 'square' : 'video'}\n          accept={isBrandLogo ? '.png,.jpg,.jpeg,.svg,.webp' : undefined}\n          maxSizeMb={isBrandLogo ? 5 : undefined}\n          helpText={\n            isBrandLogo ? 'PNG, JPG, JPEG, SVG, or WEBP up to 5MB' : undefined\n          }\n        />\n      );\n    }\n\n    case 'select':\n      return (\n        <Select\n          value={(value as string) || ''}\n          onChange={(newValue) => onChange(field.name, newValue)}\n          placeholder={`Select ${field.label}`}\n          options={[\n            { value: '', label: `Select ${field.label}` },\n            ...(field.options?.map((opt) => ({\n              value: opt.value,\n              label: opt.label,\n            })) || []),\n          ]}\n        />\n      );\n\n    case 'number':\n      return (\n        <Input\n          type=\"number\"\n          value={(value as number) || ''}\n          onChange={(e) =>\n            onChange(field.name, e.target.valueAsNumber || undefined)\n          }\n          placeholder={field.placeholder}\n          required={field.required}\n        />\n      );\n\n    case 'boolean':\n      return (\n        <Checkbox\n          checked={(value as boolean) || false}\n          onChange={(e) => onChange(field.name, e.target.checked)}\n          label={\n            <span className=\"text-sm text-[var(--text-secondary)]\">\n              {field.description || 'Enable'}\n            </span>\n          }\n        />\n      );\n\n    default:\n      return (\n        <Input\n          value={(value as string) || ''}\n          onChange={(e) => onChange(field.name, e.target.value)}\n          placeholder={field.placeholder}\n        />\n      );\n  }\n}\n"],"mappings":";AAiCQ;AAtBR,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AAEvB,SAAS,UAAU,UAAU,aAAa;AAQnC,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAC7B,UAAQ,MAAM,MAAM;AAAA,IAClB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MACE,MAAM,SAAS,UACX,UACA,MAAM,SAAS,QACb,QACA;AAAA,UAER,OAAQ,SAAoB;AAAA,UAC5B,UAAU,CAAC,MAAM,SAAS,MAAM,MAAM,EAAE,OAAO,KAAK;AAAA,UACpD,aAAa,MAAM;AAAA,UACnB,UAAU,MAAM;AAAA;AAAA,MAClB;AAAA,IAGJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAQ,SAAoB;AAAA,UAC5B,UAAU,CAAC,MAAM,SAAS,MAAM,MAAM,EAAE,OAAO,KAAK;AAAA,UACpD,aAAa,MAAM;AAAA,UACnB,MAAM;AAAA,UACN,UAAU,MAAM;AAAA;AAAA,MAClB;AAAA,IAGJ,KAAK,SAAS;AACZ,YAAM,cACJ,MAAM,SAAS,UACf,MAAM,SAAS,aACf,MAAM,SAAS;AAEjB,aACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU,CAAC,QAAQ,SAAS,MAAM,MAAM,GAAG;AAAA,UAC3C,OAAO,MAAM;AAAA,UACb,aAAa,MAAM;AAAA,UACnB,aAAa,MAAM,SAAS,YAAY,WAAW;AAAA,UACnD,QAAQ,cAAc,+BAA+B;AAAA,UACrD,WAAW,cAAc,IAAI;AAAA,UAC7B,UACE,cAAc,2CAA2C;AAAA;AAAA,MAE7D;AAAA,IAEJ;AAAA,IAEA,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAQ,SAAoB;AAAA,UAC5B,UAAU,CAAC,aAAa,SAAS,MAAM,MAAM,QAAQ;AAAA,UACrD,aAAa,UAAU,MAAM,KAAK;AAAA,UAClC,SAAS;AAAA,YACP,EAAE,OAAO,IAAI,OAAO,UAAU,MAAM,KAAK,GAAG;AAAA,YAC5C,GAAI,MAAM,SAAS,IAAI,CAAC,SAAS;AAAA,cAC/B,OAAO,IAAI;AAAA,cACX,OAAO,IAAI;AAAA,YACb,EAAE,KAAK,CAAC;AAAA,UACV;AAAA;AAAA,MACF;AAAA,IAGJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAQ,SAAoB;AAAA,UAC5B,UAAU,CAAC,MACT,SAAS,MAAM,MAAM,EAAE,OAAO,iBAAiB,MAAS;AAAA,UAE1D,aAAa,MAAM;AAAA,UACnB,UAAU,MAAM;AAAA;AAAA,MAClB;AAAA,IAGJ,KAAK;AACH,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAU,SAAqB;AAAA,UAC/B,UAAU,CAAC,MAAM,SAAS,MAAM,MAAM,EAAE,OAAO,OAAO;AAAA,UACtD,OACE,oBAAC,UAAK,WAAU,wCACb,gBAAM,eAAe,UACxB;AAAA;AAAA,MAEJ;AAAA,IAGJ;AACE,aACE;AAAA,QAAC;AAAA;AAAA,UACC,OAAQ,SAAoB;AAAA,UAC5B,UAAU,CAAC,MAAM,SAAS,MAAM,MAAM,EAAE,OAAO,KAAK;AAAA,UACpD,aAAa,MAAM;AAAA;AAAA,MACrB;AAAA,EAEN;AACF;","names":[]}

package/dist/shared/answers-list.d.ts

@@ -0,0 +1,22 @@
+import type { Answer } from '@withpotter/lib/form-answers';
+/**
+ * What somebody told us, in the order we asked.
+ *
+ * A definition list, because that is what this is: a term and its value, and a
+ * screen reader should say so. The label column is fixed so the values line up
+ * into a scannable edge — a merchant reading twenty enquiries is comparing the
+ * same field down the page, not reading each card as prose.
+ *
+ * On a narrow viewport the pair stacks. Holding a 40-unit label column on a
+ * phone leaves the value about eight characters of room, which turns "12
+ * December 2026" into four lines.
+ *
+ * The shaping is not here. `toAnswers` in `lib/form-answers.ts` decides what a
+ * key is called and what a value looks like, so bookings and enquiries — two
+ * surfaces reading two different metadata blobs — cannot drift into two
+ * spellings of the same date.
+ */
+export declare function AnswersList({ answers, className, }: {
+    answers: Answer[];
+    className?: string;
+}): import("react").JSX.Element | null;