@withpotter/components 0.13.0-next.101

package/dist/product-editor/sections/assignment-section.d.ts

@@ -0,0 +1,20 @@
+interface AssignmentSectionProps {
+    assigneeIds: string[];
+    onAssigneeIdsChange: (ids: string[]) => void;
+    /** Rendered inside a fold that already carries the card and the heading. */
+    bare?: boolean;
+}
+/**
+ * "No one assigned" / "3 assigned", written once.
+ *
+ * Both editors spelled this out inline and identically, which is two places for
+ * one sentence to drift.
+ */
+export declare function assigneeSummary(ids: string[]): string;
+/**
+ * Assign team members as owners of this product. Assignees are informational —
+ * the server enforces what each member can actually do based on their role's
+ * permission set.
+ */
+export declare function AssignmentSection({ assigneeIds, onAssigneeIdsChange, bare, }: AssignmentSectionProps): import("react").JSX.Element;
+export {};

package/dist/product-editor/sections/assignment-section.js

@@ -0,0 +1,104 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import Link from "next/link";
+import { Loader2, UserPlus } from "lucide-react";
+import { useAuth } from "@withpotter/lib/auth-context";
+import { RemovableChip, Checkbox, Avatar, Button } from "@withpotter/ui-kit";
+import { useWorkspaceMembers } from "@withpotter/hooks/use-workspace-members";
+import { TEAM_PAGE } from "@withpotter/lib/team-page";
+function memberDisplay(m, currentUser) {
+  const isYou = !!currentUser && (m.accountId === currentUser.id || !!m.email && m.email.toLowerCase() === currentUser.email.toLowerCase());
+  const email = m.email || m.inviteEmail || (isYou ? currentUser.email : "");
+  const name = m.name?.trim() || (email ? email.split("@")[0] : "Unknown");
+  const avatarUrl = m.avatarUrl || (isYou ? currentUser?.avatarUrl : null);
+  return { name, email, avatarUrl };
+}
+function assigneeSummary(ids) {
+  return ids.length === 0 ? "No one assigned" : `${ids.length} assigned`;
+}
+function AssignmentSection({
+  assigneeIds,
+  onAssigneeIdsChange,
+  bare
+}) {
+  const { user } = useAuth();
+  const { members, isLoading } = useWorkspaceMembers();
+  const eligible = useMemo(
+    () => members.filter((m) => m.status === "active"),
+    [members]
+  );
+  const selectedSet = useMemo(() => new Set(assigneeIds), [assigneeIds]);
+  const toggle = (id) => {
+    if (selectedSet.has(id)) {
+      onAssigneeIdsChange(assigneeIds.filter((x) => x !== id));
+    } else {
+      onAssigneeIdsChange([...assigneeIds, id]);
+    }
+  };
+  const content = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "py-4 text-center", children: /* @__PURE__ */ jsx(Loader2, { className: "size-5 animate-spin text-[var(--text-muted)] mx-auto" }) }) : eligible.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-4", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "secondary",
+      className: "w-full border-dashed hover:border-[var(--border-strong)]",
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(Link, { href: TEAM_PAGE, children: [
+        /* @__PURE__ */ jsx(UserPlus, {}),
+        "Invite a member"
+      ] })
+    }
+  ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    selectedSet.size > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 pb-3 border-b border-[var(--border-subtle)]", children: assigneeIds.map((id) => {
+      const m = eligible.find((x) => x.id === id);
+      if (!m) return null;
+      const d = memberDisplay(m, user);
+      return /* @__PURE__ */ jsx(
+        RemovableChip,
+        {
+          onRemove: () => toggle(id),
+          removeLabel: `Remove ${d.name}`,
+          children: d.name
+        },
+        id
+      );
+    }) }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-1 max-h-64 overflow-y-auto", children: eligible.map((m) => {
+      const d = memberDisplay(m, user);
+      const checked = selectedSet.has(m.id);
+      return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 px-2 py-2 rounded-md hover:bg-[var(--bg-subtle)] cursor-pointer", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            bare: true,
+            checked,
+            onChange: () => toggle(m.id)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            src: d.avatarUrl,
+            name: d.name,
+            size: "sm",
+            className: "shrink-0"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-primary)] truncate", children: d.name }),
+          d.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] truncate", children: d.email })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)] capitalize shrink-0", children: m.role })
+      ] }) }, m.id);
+    }) })
+  ] }) }) });
+  if (bare) return content;
+  return /* @__PURE__ */ jsx("section", { id: "section-assignment", children: /* @__PURE__ */ jsxs("div", { className: "surface", children: [
+    /* @__PURE__ */ jsx("div", { className: "border-b border-[var(--border-subtle)] px-4 py-4", children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Assigned team" }) }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-3 p-4", children: content })
+  ] }) });
+}
+export {
+  AssignmentSection,
+  assigneeSummary
+};
+//# sourceMappingURL=assignment-section.js.map

package/dist/product-editor/sections/assignment-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/product-editor/sections/assignment-section.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport Link from 'next/link';\nimport { Loader2, UserPlus } from 'lucide-react';\nimport type { TeamMemberResponse } from '@withpotter/lib/api/types';\nimport { useAuth } from '@withpotter/lib/auth-context';\nimport { RemovableChip, Checkbox, Avatar, Button } from '@withpotter/ui-kit';\nimport { useWorkspaceMembers } from '@withpotter/hooks/use-workspace-members';\nimport { TEAM_PAGE } from '@withpotter/lib/team-page';\n\ninterface AssignmentSectionProps {\n  assigneeIds: string[];\n  onAssigneeIdsChange: (ids: string[]) => void;\n  /** Rendered inside a fold that already carries the card and the heading. */\n  bare?: boolean;\n}\n\n/**\n * Who a member is, and what they look like.\n *\n * THE NAME COMES OFF THE MEMBER FIRST. This derived one from the email and\n * nothing else, so a person called Amina showed up here as \"amina.k\" — the\n * exact leak the `name` field on TeamMemberResponse was added to close, and\n * the owner's row, which usually carries no email at all, read as \"Unknown\".\n *\n * THE FACE IS THEIRS. The row drew a green disc with an initial in it, which\n * is the one identity treatment nothing else in the app uses: every other\n * roster is `Avatar`, a real picture where there is one and a mark derived\n * from the name where there is not. Assigning work to somebody is exactly when\n * you want to recognise them, and four identical discs is the state that made\n * that impossible. The reader's own picture is patched in from the session for\n * the same reason the team roster does it — an owner's membership row is\n * written at provisioning with neither the account id nor the email.\n */\nfunction memberDisplay(\n  m: TeamMemberResponse,\n  currentUser?: { id: string; email: string; avatarUrl?: string | null } | null,\n) {\n  const isYou =\n    !!currentUser &&\n    (m.accountId === currentUser.id ||\n      (!!m.email && m.email.toLowerCase() === currentUser.email.toLowerCase()));\n  const email = m.email || m.inviteEmail || (isYou ? currentUser.email : '');\n  const name = m.name?.trim() || (email ? email.split('@')[0] : 'Unknown');\n  const avatarUrl = m.avatarUrl || (isYou ? currentUser?.avatarUrl : null);\n  return { name, email, avatarUrl };\n}\n\n/**\n * \"No one assigned\" / \"3 assigned\", written once.\n *\n * Both editors spelled this out inline and identically, which is two places for\n * one sentence to drift.\n */\nexport function assigneeSummary(ids: string[]): string {\n  return ids.length === 0 ? 'No one assigned' : `${ids.length} assigned`;\n}\n\n/**\n * Assign team members as owners of this product. Assignees are informational —\n * the server enforces what each member can actually do based on their role's\n * permission set.\n */\nexport function AssignmentSection({\n  assigneeIds,\n  onAssigneeIdsChange,\n  bare,\n}: AssignmentSectionProps) {\n  const { user } = useAuth();\n  const { members, isLoading } = useWorkspaceMembers();\n\n  // Only active members are eligible for assignment.\n  const eligible = useMemo(\n    () => members.filter((m) => m.status === 'active'),\n    [members],\n  );\n\n  const selectedSet = useMemo(() => new Set(assigneeIds), [assigneeIds]);\n\n  const toggle = (id: string) => {\n    if (selectedSet.has(id)) {\n      onAssigneeIdsChange(assigneeIds.filter((x) => x !== id));\n    } else {\n      onAssigneeIdsChange([...assigneeIds, id]);\n    }\n  };\n\n  const content = (\n    <>\n      <div className=\"space-y-3\">\n        {isLoading ? (\n          <div className=\"py-4 text-center\">\n            <Loader2 className=\"size-5 animate-spin text-[var(--text-muted)] mx-auto\" />\n          </div>\n        ) : eligible.length === 0 ? (\n          <div className=\"py-4\">\n            <Button\n              variant=\"secondary\"\n              className=\"w-full border-dashed hover:border-[var(--border-strong)]\"\n              asChild\n            >\n              <Link href={TEAM_PAGE}>\n                <UserPlus />\n                Invite a member\n              </Link>\n            </Button>\n          </div>\n        ) : (\n          <>\n            {selectedSet.size > 0 && (\n              <div className=\"flex flex-wrap gap-2 pb-3 border-b border-[var(--border-subtle)]\">\n                {assigneeIds.map((id) => {\n                  const m = eligible.find((x) => x.id === id);\n                  if (!m) return null;\n                  const d = memberDisplay(m, user);\n                  return (\n                    <RemovableChip\n                      key={id}\n                      onRemove={() => toggle(id)}\n                      removeLabel={`Remove ${d.name}`}\n                    >\n                      {d.name}\n                    </RemovableChip>\n                  );\n                })}\n              </div>\n            )}\n\n            <ul className=\"space-y-1 max-h-64 overflow-y-auto\">\n              {eligible.map((m) => {\n                const d = memberDisplay(m, user);\n                const checked = selectedSet.has(m.id);\n                return (\n                  <li key={m.id}>\n                    <label className=\"flex items-center gap-3 px-2 py-2 rounded-md hover:bg-[var(--bg-subtle)] cursor-pointer\">\n                      <Checkbox\n                        bare\n                        checked={checked}\n                        onChange={() => toggle(m.id)}\n                      />\n                      <Avatar\n                        src={d.avatarUrl}\n                        name={d.name}\n                        size=\"sm\"\n                        className=\"shrink-0\"\n                      />\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm text-[var(--text-primary)] truncate\">\n                          {d.name}\n                        </p>\n                        {d.email && (\n                          <p className=\"text-xs text-[var(--text-tertiary)] truncate\">\n                            {d.email}\n                          </p>\n                        )}\n                      </div>\n                      <span className=\"text-xs text-[var(--text-tertiary)] capitalize shrink-0\">\n                        {m.role}\n                      </span>\n                    </label>\n                  </li>\n                );\n              })}\n            </ul>\n          </>\n        )}\n      </div>\n    </>\n  );\n\n  if (bare) return content;\n\n  return (\n    <section id=\"section-assignment\">\n      <div className=\"surface\">\n        <div className=\"border-b border-[var(--border-subtle)] px-4 py-4\">\n          <h2 className=\"text-sm font-semibold text-[var(--text-primary)]\">\n            Assigned team\n          </h2>\n        </div>\n        <div className=\"space-y-3 p-4\">{content}</div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/product-editor/sections/behavior-section.d.ts

@@ -0,0 +1,48 @@
+import { type ProductBehaviors, type BookableConfig, type ShippableConfig, type SubscribableConfig, type DownloadableConfig, type RentableConfig, type TicketedConfig, type GiftCardConfig, type EventRecurrenceRule } from '@withpotter/lib/product-types';
+import type { BehaviorLabelOverrides } from '@withpotter/components/behaviors/behavior-config-section';
+import type { MerchantPlan } from '@withpotter/lib/api/types';
+import type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';
+import type { BookingContext } from '@withpotter/hooks/use-booking-context';
+interface BehaviorSectionProps {
+    behaviorKey: string;
+    behaviorConfigs: ProductBehaviors;
+    behaviorLabelOverrides?: BehaviorLabelOverrides;
+    currencySymbol: string;
+    bookingContext?: BookingContext;
+    contentId?: string;
+    isEditing: boolean;
+    pendingFiles?: File[];
+    onPendingFilesChange?: React.Dispatch<React.SetStateAction<File[]>>;
+    updateBookableConfig: (config: BookableConfig) => void;
+    updateShippableConfig: (config: ShippableConfig) => void;
+    updateSubscribableConfig: (config: SubscribableConfig) => void;
+    updateDownloadableConfig: (config: DownloadableConfig) => void;
+    updateRentableConfig: (config: RentableConfig) => void;
+    updateTicketedConfig: (config: TicketedConfig) => void;
+    updateGiftCardConfig: (config: GiftCardConfig) => void;
+    onCreateSeries?: (recurrence: EventRecurrenceRule) => Promise<void>;
+    isSeriesChild?: boolean;
+    resourceCategories: Array<{
+        id: string;
+        label: string;
+        labelPlural: string;
+        kind: string;
+    }>;
+    resourceRequirements: ContentResourceRequirementItem[];
+    onResourceRequirementsChange: React.Dispatch<React.SetStateAction<ContentResourceRequirementItem[]>>;
+    activePlans: MerchantPlan[];
+    bare?: boolean;
+}
+export declare function BehaviorSection({ behaviorKey, behaviorConfigs, behaviorLabelOverrides, currencySymbol, bookingContext, contentId, isEditing, pendingFiles, onPendingFilesChange, updateBookableConfig, updateShippableConfig, updateSubscribableConfig, updateDownloadableConfig, updateRentableConfig, updateTicketedConfig, updateGiftCardConfig, onCreateSeries, isSeriesChild, resourceCategories, resourceRequirements, onResourceRequirementsChange, activePlans, bare, }: BehaviorSectionProps): import("react").JSX.Element | null;
+/** Gating section — always shown so merchants can configure plan-based or tag-based gating. */
+interface GatingSectionProps {
+    gatedBy: string[];
+    onChange: (v: string[]) => void;
+    gatedByPlanIds: string[];
+    onPlanIdsChange: (v: string[]) => void;
+    linkedPlanName?: string;
+    activePlans: MerchantPlan[];
+    bare?: boolean;
+}
+export declare function GatingSection({ gatedBy, onChange, gatedByPlanIds, onPlanIdsChange, linkedPlanName, activePlans, bare, }: GatingSectionProps): import("react").JSX.Element;
+export {};

package/dist/product-editor/sections/behavior-section.js

@@ -0,0 +1,287 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { BookableConfigPanel } from "@withpotter/components/behaviors/bookable-config-panel";
+import { ShippableConfigPanel } from "@withpotter/components/behaviors/shippable-config-panel";
+import { SubscribableConfigPanel } from "@withpotter/components/behaviors/subscribable-config-panel";
+import { RentableConfigPanel } from "@withpotter/components/behaviors/rentable-config-panel";
+import { TicketedConfigPanel } from "@withpotter/components/behaviors/ticketed-config-panel";
+import { GatingConfigSection } from "@withpotter/components/behaviors/gating-config-section";
+import { DigitalFilesBlock } from "@withpotter/components/digital-files-block";
+import {
+  getBehaviorConfig,
+  isBehaviorEnabled
+} from "@withpotter/lib/product-types";
+import { EditorSectionHeader } from "./section-header";
+import { useLettingPolicy } from "@withpotter/lib/letting-policy";
+import { Input } from "@withpotter/ui-kit";
+const BEHAVIOR_META = {
+  bookable: { label: "Booking" },
+  shippable: { label: "Delivery" },
+  subscribable: { label: "Membership" },
+  downloadable: { label: "Digital files" },
+  rentable: { label: "Renting" },
+  ticketed: { label: "Tickets" },
+  giftcard: {
+    label: "Gift card",
+    description: "Buying this issues a code the customer can spend"
+  }
+};
+function BehaviorSection({
+  behaviorKey,
+  behaviorConfigs,
+  behaviorLabelOverrides,
+  currencySymbol,
+  bookingContext,
+  contentId,
+  isEditing,
+  pendingFiles,
+  onPendingFilesChange,
+  updateBookableConfig,
+  updateShippableConfig,
+  updateSubscribableConfig,
+  updateDownloadableConfig,
+  updateRentableConfig,
+  updateTicketedConfig,
+  updateGiftCardConfig,
+  onCreateSeries,
+  isSeriesChild,
+  resourceCategories,
+  resourceRequirements,
+  onResourceRequirementsChange,
+  activePlans,
+  bare
+}) {
+  const meta = BEHAVIOR_META[behaviorKey];
+  if (!meta) return null;
+  const content = /* @__PURE__ */ jsx(
+    BehaviorConfigContent,
+    {
+      behaviorKey,
+      behaviorConfigs,
+      behaviorLabelOverrides,
+      currencySymbol,
+      bookingContext,
+      contentId,
+      isEditing,
+      pendingFiles,
+      onPendingFilesChange,
+      updateBookableConfig,
+      updateShippableConfig,
+      updateSubscribableConfig,
+      updateDownloadableConfig,
+      updateRentableConfig,
+      updateTicketedConfig,
+      updateGiftCardConfig,
+      onCreateSeries,
+      isSeriesChild,
+      resourceCategories,
+      resourceRequirements,
+      onResourceRequirementsChange,
+      activePlans
+    }
+  );
+  if (bare) return content;
+  const sectionId = `section-${behaviorKey}`;
+  return /* @__PURE__ */ jsx("section", { id: sectionId, className: "scroll-mt-36", children: /* @__PURE__ */ jsxs("div", { className: "surface overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      EditorSectionHeader,
+      {
+        title: meta.label,
+        description: meta.description
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "p-4", children: content })
+  ] }) });
+}
+function BehaviorConfigContent(props) {
+  const policy = useLettingPolicy();
+  const {
+    behaviorKey,
+    behaviorConfigs,
+    behaviorLabelOverrides,
+    currencySymbol
+  } = props;
+  const raw = behaviorConfigs[behaviorKey];
+  switch (behaviorKey) {
+    case "bookable": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      return /* @__PURE__ */ jsx(
+        BookableConfigPanel,
+        {
+          config: cfg,
+          onChange: props.updateBookableConfig,
+          labelOverrides: behaviorLabelOverrides?.bookable,
+          lengthOwnedByRenting: isBehaviorEnabled(behaviorConfigs.rentable),
+          policy: isBehaviorEnabled(behaviorConfigs.rentable) ? policy : void 0,
+          bookingContext: props.bookingContext,
+          resourceCategories: props.resourceCategories,
+          resourceRequirements: props.resourceRequirements,
+          onResourceRequirementsChange: props.onResourceRequirementsChange
+        }
+      );
+    }
+    case "shippable": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      return /* @__PURE__ */ jsx(
+        ShippableConfigPanel,
+        {
+          config: cfg,
+          onChange: props.updateShippableConfig,
+          labelOverrides: behaviorLabelOverrides?.shippable
+        }
+      );
+    }
+    case "rentable": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      return /* @__PURE__ */ jsx(
+        RentableConfigPanel,
+        {
+          config: cfg,
+          onChange: props.updateRentableConfig,
+          labelOverrides: behaviorLabelOverrides?.rentable,
+          currencySymbol,
+          productId: props.contentId
+        }
+      );
+    }
+    case "subscribable": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      return /* @__PURE__ */ jsx(
+        SubscribableConfigPanel,
+        {
+          config: cfg,
+          onChange: props.updateSubscribableConfig,
+          labelOverrides: behaviorLabelOverrides?.subscribable,
+          plans: props.activePlans
+        }
+      );
+    }
+    case "downloadable": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      const updateCfg = (partial) => props.updateDownloadableConfig({ ...cfg, ...partial });
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx(
+          DigitalFilesBlock,
+          {
+            contentId: props.contentId || null,
+            isNewItem: !props.isEditing,
+            pendingFiles: props.pendingFiles,
+            onPendingFilesChange: props.onPendingFilesChange
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: "External URL" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "url",
+              value: cfg.fileUrl || "",
+              onChange: (e) => updateCfg({ fileUrl: e.target.value || void 0 }),
+              placeholder: "https://drive.google.com/..."
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-[var(--text-muted)]", children: "Optional. Link to an external file (Google Drive, Dropbox, etc.)" })
+        ] })
+      ] });
+    }
+    case "giftcard": {
+      const cfg = getBehaviorConfig(raw) || { enabled: true };
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            className: "block text-xs font-medium text-[var(--text-secondary)]",
+            htmlFor: "giftcard-expires-after",
+            children: "Cards expire after"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "giftcard-expires-after",
+              type: "number",
+              min: 1,
+              value: cfg.expiresAfterDays ?? "",
+              onChange: (e) => props.updateGiftCardConfig({
+                ...cfg,
+                enabled: true,
+                expiresAfterDays: e.target.value ? Number(e.target.value) : void 0
+              }),
+              placeholder: "Never",
+              className: "w-32"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--text-tertiary)]", children: "days from purchase" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-muted)]", children: "Leave blank and the card never expires. The amount comes from the price, so set up your denominations as variants." })
+      ] });
+    }
+    case "ticketed": {
+      const cfg = getBehaviorConfig(raw) || {
+        enabled: true
+      };
+      return /* @__PURE__ */ jsx(
+        TicketedConfigPanel,
+        {
+          config: cfg,
+          onChange: props.updateTicketedConfig,
+          labelOverrides: behaviorLabelOverrides?.ticketed,
+          currencySymbol,
+          contentId: props.contentId,
+          onCreateSeries: props.onCreateSeries,
+          isSeriesChild: props.isSeriesChild
+        }
+      );
+    }
+    default:
+      return null;
+  }
+}
+function GatingSection({
+  gatedBy,
+  onChange,
+  gatedByPlanIds,
+  onPlanIdsChange,
+  linkedPlanName,
+  activePlans,
+  bare
+}) {
+  const content = /* @__PURE__ */ jsx(
+    GatingConfigSection,
+    {
+      gatedBy,
+      onChange,
+      gatedByPlanIds,
+      onPlanIdsChange,
+      availablePlans: activePlans,
+      subscribablePlanName: linkedPlanName
+    }
+  );
+  if (bare) return content;
+  return /* @__PURE__ */ jsx("section", { id: "section-gating", className: "scroll-mt-36", children: /* @__PURE__ */ jsxs("div", { className: "surface", children: [
+    /* @__PURE__ */ jsx(
+      EditorSectionHeader,
+      {
+        title: "Access & gating",
+        description: "Restrict access to members or specific plans"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "p-4", children: content })
+  ] }) });
+}
+export {
+  BehaviorSection,
+  GatingSection
+};
+//# sourceMappingURL=behavior-section.js.map

package/dist/product-editor/sections/behavior-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/product-editor/sections/behavior-section.tsx"],"sourcesContent":["'use client';\n\nimport { BookableConfigPanel } from '@withpotter/components/behaviors/bookable-config-panel';\nimport { ShippableConfigPanel } from '@withpotter/components/behaviors/shippable-config-panel';\nimport { SubscribableConfigPanel } from '@withpotter/components/behaviors/subscribable-config-panel';\nimport { RentableConfigPanel } from '@withpotter/components/behaviors/rentable-config-panel';\nimport { TicketedConfigPanel } from '@withpotter/components/behaviors/ticketed-config-panel';\nimport { GatingConfigSection } from '@withpotter/components/behaviors/gating-config-section';\nimport { DigitalFilesBlock } from '@withpotter/components/digital-files-block';\nimport {\n  getBehaviorConfig,\n  isBehaviorEnabled,\n  type ProductBehaviors,\n  type BookableConfig,\n  type ShippableConfig,\n  type SubscribableConfig,\n  type DownloadableConfig,\n  type RentableConfig,\n  type TicketedConfig,\n  type GiftCardConfig,\n  type EventRecurrenceRule,\n} from '@withpotter/lib/product-types';\nimport type { BehaviorLabelOverrides } from '@withpotter/components/behaviors/behavior-config-section';\nimport type { MerchantPlan } from '@withpotter/lib/api/types';\nimport type { ContentResourceRequirementItem } from '@withpotter/lib/resource-types';\nimport type { BookingContext } from '@withpotter/hooks/use-booking-context';\nimport { EditorSectionHeader } from './section-header';\nimport { useLettingPolicy } from '@withpotter/lib/letting-policy';\nimport { Input } from '@withpotter/ui-kit';\n\n/**\n * The heading, and a line only where a line says something.\n *\n * Every entry carried a description, and every description restated its own\n * heading: \"Booking Settings — Configure booking availability, duration, and\n * capacity\"; \"Rental Settings — Configure rental rates, deposit, and duration\".\n * A merchant who read the heading learned nothing from the sentence under it,\n * and the pattern of a sentence under every title is one of the tells that\n * makes a screen read as generated. Two survive, because both say a thing the\n * title cannot: what buying the item actually does.\n */\nconst BEHAVIOR_META: Record<string, { label: string; description?: string }> = {\n  bookable: { label: 'Booking' },\n  shippable: { label: 'Delivery' },\n  subscribable: { label: 'Membership' },\n  downloadable: { label: 'Digital files' },\n  rentable: { label: 'Renting' },\n  ticketed: { label: 'Tickets' },\n  giftcard: {\n    label: 'Gift card',\n    description: 'Buying this issues a code the customer can spend',\n  },\n};\n\ninterface BehaviorSectionProps {\n  behaviorKey: string;\n  behaviorConfigs: ProductBehaviors;\n  behaviorLabelOverrides?: BehaviorLabelOverrides;\n  currencySymbol: string;\n  bookingContext?: BookingContext;\n  contentId?: string;\n  isEditing: boolean;\n  pendingFiles?: File[];\n  onPendingFilesChange?: React.Dispatch<React.SetStateAction<File[]>>;\n  // Behavior update handlers\n  updateBookableConfig: (config: BookableConfig) => void;\n  updateShippableConfig: (config: ShippableConfig) => void;\n  updateSubscribableConfig: (config: SubscribableConfig) => void;\n  updateDownloadableConfig: (config: DownloadableConfig) => void;\n  updateRentableConfig: (config: RentableConfig) => void;\n  updateTicketedConfig: (config: TicketedConfig) => void;\n  updateGiftCardConfig: (config: GiftCardConfig) => void;\n  // Event series\n  onCreateSeries?: (recurrence: EventRecurrenceRule) => Promise<void>;\n  isSeriesChild?: boolean;\n  // Bookable resources\n  resourceCategories: Array<{\n    id: string;\n    label: string;\n    labelPlural: string;\n    kind: string;\n  }>;\n  resourceRequirements: ContentResourceRequirementItem[];\n  onResourceRequirementsChange: React.Dispatch<\n    React.SetStateAction<ContentResourceRequirementItem[]>\n  >;\n  // Subscribable plans\n  activePlans: MerchantPlan[];\n  bare?: boolean;\n}\n\nexport function BehaviorSection({\n  behaviorKey,\n  behaviorConfigs,\n  behaviorLabelOverrides,\n  currencySymbol,\n  bookingContext,\n  contentId,\n  isEditing,\n  pendingFiles,\n  onPendingFilesChange,\n  updateBookableConfig,\n  updateShippableConfig,\n  updateSubscribableConfig,\n  updateDownloadableConfig,\n  updateRentableConfig,\n  updateTicketedConfig,\n  updateGiftCardConfig,\n  onCreateSeries,\n  isSeriesChild,\n  resourceCategories,\n  resourceRequirements,\n  onResourceRequirementsChange,\n  activePlans,\n  bare,\n}: BehaviorSectionProps) {\n  const meta = BEHAVIOR_META[behaviorKey];\n  if (!meta) return null;\n\n  const content = (\n    <BehaviorConfigContent\n      behaviorKey={behaviorKey}\n      behaviorConfigs={behaviorConfigs}\n      behaviorLabelOverrides={behaviorLabelOverrides}\n      currencySymbol={currencySymbol}\n      bookingContext={bookingContext}\n      contentId={contentId}\n      isEditing={isEditing}\n      pendingFiles={pendingFiles}\n      onPendingFilesChange={onPendingFilesChange}\n      updateBookableConfig={updateBookableConfig}\n      updateShippableConfig={updateShippableConfig}\n      updateSubscribableConfig={updateSubscribableConfig}\n      updateDownloadableConfig={updateDownloadableConfig}\n      updateRentableConfig={updateRentableConfig}\n      updateTicketedConfig={updateTicketedConfig}\n      updateGiftCardConfig={updateGiftCardConfig}\n      onCreateSeries={onCreateSeries}\n      isSeriesChild={isSeriesChild}\n      resourceCategories={resourceCategories}\n      resourceRequirements={resourceRequirements}\n      onResourceRequirementsChange={onResourceRequirementsChange}\n      activePlans={activePlans}\n    />\n  );\n\n  if (bare) return content;\n\n  const sectionId = `section-${behaviorKey}`;\n\n  return (\n    <section id={sectionId} className=\"scroll-mt-36\">\n      {/* The shared header, like every other section.\n       *\n       * This one hand-rolled its own and wore a 3px coloured left stripe AND a\n       * coloured dot beside the title — the same fact stated twice, in a colour\n       * that meant nothing anywhere else in the app, from raw hex. A\n       * business model turns several of these on at once, so a landlord opened\n       * the editor to a stack of striped, dotted cards while every other\n       * section sat plain. The stripe was decoration that read as status.\n       *\n       * The description stays: unlike \"Set the price and manage stock levels\",\n       * it explains what a behavior actually does, which the label alone does\n       * not say.\n       */}\n      <div className=\"surface overflow-hidden\">\n        <EditorSectionHeader\n          title={meta.label}\n          description={meta.description}\n        />\n        <div className=\"p-4\">{content}</div>\n      </div>\n    </section>\n  );\n}\n\n/** Renders the appropriate behavior config panel based on the behavior key */\nfunction BehaviorConfigContent(props: BehaviorSectionProps) {\n  const policy = useLettingPolicy();\n  const {\n    behaviorKey,\n    behaviorConfigs,\n    behaviorLabelOverrides,\n    currencySymbol,\n  } = props;\n\n  const raw = (behaviorConfigs as Record<string, unknown>)[behaviorKey];\n\n  switch (behaviorKey) {\n    case 'bookable': {\n      const cfg = getBehaviorConfig<BookableConfig>(raw) || {\n        enabled: true,\n      };\n      return (\n        <BookableConfigPanel\n          config={cfg}\n          onChange={props.updateBookableConfig}\n          labelOverrides={behaviorLabelOverrides?.bookable}\n          /* An item that is let as well as booked answers \"how long\" in\n             Renting, and that is the answer the engine reads. See the note in\n             the panel. */\n          lengthOwnedByRenting={isBehaviorEnabled(behaviorConfigs.rentable)}\n          /* The five answers the business already gave, stated rather than\n             asked again. Only where something is actually let. */\n          policy={\n            isBehaviorEnabled(behaviorConfigs.rentable) ? policy : undefined\n          }\n          bookingContext={props.bookingContext}\n          resourceCategories={props.resourceCategories}\n          resourceRequirements={props.resourceRequirements}\n          onResourceRequirementsChange={props.onResourceRequirementsChange}\n        />\n      );\n    }\n    case 'shippable': {\n      const cfg = getBehaviorConfig<ShippableConfig>(raw) || {\n        enabled: true,\n      };\n      return (\n        <ShippableConfigPanel\n          config={cfg}\n          onChange={props.updateShippableConfig}\n          labelOverrides={behaviorLabelOverrides?.shippable}\n        />\n      );\n    }\n    case 'rentable': {\n      const cfg = getBehaviorConfig<RentableConfig>(raw) || {\n        enabled: true,\n      };\n      return (\n        <RentableConfigPanel\n          config={cfg}\n          onChange={props.updateRentableConfig}\n          labelOverrides={behaviorLabelOverrides?.rentable}\n          currencySymbol={currencySymbol}\n          productId={props.contentId}\n        />\n      );\n    }\n    case 'subscribable': {\n      const cfg = getBehaviorConfig<SubscribableConfig>(raw) || {\n        enabled: true,\n      };\n      return (\n        <SubscribableConfigPanel\n          config={cfg}\n          onChange={props.updateSubscribableConfig}\n          labelOverrides={behaviorLabelOverrides?.subscribable}\n          plans={props.activePlans}\n        />\n      );\n    }\n    case 'downloadable': {\n      const cfg = getBehaviorConfig<DownloadableConfig>(raw) || {\n        enabled: true,\n      };\n      const updateCfg = (partial: Partial<DownloadableConfig>) =>\n        props.updateDownloadableConfig({ ...cfg, ...partial });\n\n      return (\n        <div className=\"space-y-4\">\n          <DigitalFilesBlock\n            contentId={props.contentId || null}\n            isNewItem={!props.isEditing}\n            pendingFiles={props.pendingFiles}\n            onPendingFilesChange={props.onPendingFilesChange}\n          />\n\n          {/* External URL — for Google Drive, Dropbox, etc. */}\n          <div>\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\n              External URL\n            </label>\n            <Input\n              type=\"url\"\n              value={cfg.fileUrl || ''}\n              onChange={(e) =>\n                updateCfg({ fileUrl: e.target.value || undefined })\n              }\n              placeholder=\"https://drive.google.com/...\"\n            />\n            <p className=\"mt-1 text-xs text-[var(--text-muted)]\">\n              Optional. Link to an external file (Google Drive, Dropbox, etc.)\n            </p>\n          </div>\n        </div>\n      );\n    }\n    case 'giftcard': {\n      const cfg = getBehaviorConfig<GiftCardConfig>(raw) || { enabled: true };\n      return (\n        <div className=\"space-y-3\">\n          {/* The only thing to configure. Denominations are variants: the\n              line's selling price becomes the card's face value, so a second\n              list of amounts here would be the same fact stated twice. */}\n          <label\n            className=\"block text-xs font-medium text-[var(--text-secondary)]\"\n            htmlFor=\"giftcard-expires-after\"\n          >\n            Cards expire after\n          </label>\n          <div className=\"flex items-center gap-2\">\n            <Input\n              id=\"giftcard-expires-after\"\n              type=\"number\"\n              min={1}\n              value={cfg.expiresAfterDays ?? ''}\n              onChange={(e) =>\n                props.updateGiftCardConfig({\n                  ...cfg,\n                  enabled: true,\n                  expiresAfterDays: e.target.value\n                    ? Number(e.target.value)\n                    : undefined,\n                })\n              }\n              placeholder=\"Never\"\n              className=\"w-32\"\n            />\n            <span className=\"text-sm text-[var(--text-tertiary)]\">\n              days from purchase\n            </span>\n          </div>\n          <p className=\"text-xs text-[var(--text-muted)]\">\n            Leave blank and the card never expires. The amount comes from the\n            price, so set up your denominations as variants.\n          </p>\n        </div>\n      );\n    }\n    case 'ticketed': {\n      const cfg = getBehaviorConfig<TicketedConfig>(raw) || {\n        enabled: true,\n      };\n      return (\n        <TicketedConfigPanel\n          config={cfg}\n          onChange={props.updateTicketedConfig}\n          labelOverrides={behaviorLabelOverrides?.ticketed}\n          currencySymbol={currencySymbol}\n          contentId={props.contentId}\n          onCreateSeries={props.onCreateSeries}\n          isSeriesChild={props.isSeriesChild}\n        />\n      );\n    }\n    default:\n      return null;\n  }\n}\n\n/** Gating section — always shown so merchants can configure plan-based or tag-based gating. */\ninterface GatingSectionProps {\n  gatedBy: string[];\n  onChange: (v: string[]) => void;\n  gatedByPlanIds: string[];\n  onPlanIdsChange: (v: string[]) => void;\n  linkedPlanName?: string;\n  activePlans: MerchantPlan[];\n  bare?: boolean;\n}\n\nexport function GatingSection({\n  gatedBy,\n  onChange,\n  gatedByPlanIds,\n  onPlanIdsChange,\n  linkedPlanName,\n  activePlans,\n  bare,\n}: GatingSectionProps) {\n  const content = (\n    <GatingConfigSection\n      gatedBy={gatedBy}\n      onChange={onChange}\n      gatedByPlanIds={gatedByPlanIds}\n      onPlanIdsChange={onPlanIdsChange}\n      availablePlans={activePlans}\n      subscribablePlanName={linkedPlanName}\n    />\n  );\n\n  if (bare) return content;\n\n  return (\n    <section id=\"section-gating\" className=\"scroll-mt-36\">\n      <div className=\"surface\">\n        <EditorSectionHeader\n          title=\"Access & gating\"\n          description=\"Restrict access to members or specific plans\"\n        />\n        <div className=\"p-4\">{content}</div>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/product-editor/sections/category-section.d.ts

@@ -0,0 +1,26 @@
+interface CategorySectionProps {
+    categories: string[];
+    onChange: (v: string[]) => void;
+    categoryKey: string;
+    tenantCategories: Record<string, {
+        value: string;
+        label: string;
+        sortOrder?: number;
+    }[]>;
+    onCreateCategory?: (label: string) => void;
+    onDeleteCategory?: (value: string) => void;
+    /** Rendered inside a card that already carries the heading. */
+    bare?: boolean;
+}
+/**
+ * Where the item belongs, as a checklist rather than a chip cloud.
+ *
+ * This lived inside `product-editor-content.tsx` and wrapped its options in
+ * `flex-wrap` with `whitespace-nowrap` labels — a shape that only works across
+ * a full-width column. The section now sits in the editor's 320px aside, where
+ * a nowrap label spills out of the card, so the options stack: one full-width
+ * row each, label truncating, the check on the right where the eye can run
+ * down a single edge to see what is on.
+ */
+export declare function CategorySection({ categories, onChange, categoryKey, tenantCategories, onCreateCategory, onDeleteCategory, bare, }: CategorySectionProps): import("react").JSX.Element;
+export {};